DIV CSS 佈局教程網

效果圖

　　1、創建一個新文檔，打開下面的圖：

　　2、再導入一張行人過馬路的圖片素材：

　　3，使用Fireworks中的鋼筆工具勾出人物的輪廓，使用鋼筆時請不要選擇任何填充與邊框顏色

　　4，隨後在描邊色邊上的下拉框中選擇“筆觸選項”，設置參考如下英文設置，這裡這麼做的目的是將之前鋼筆輪廓進行描邊

　　5，復制我們之前做好的人物剪影輪廓描邊3次，隨後為最上面的輪廓圖層(guys blur copy)使用高斯模糊，設置模糊范圍為2，然後將四個圖層同時選中，使用混合模式中的“正片疊底”，這樣之前的白色輪廓就會以金色背景為底色，制作出很特殊的漸變效果

　　6，我們在來制作人行道斑馬線，先來繪制個白色邊線的長方形，選擇“窗口>對齊”，隨後設置如下圖

　　7，復制多次長方形斑馬線，隨後全選，進行變形，然後用之前做人物剪影同樣的方法來制作和背景融合的交通斑馬線效果

　　最終效果如下：