DIV CSS 佈局教程網

廢話不說先上成品

工具: MX 2004
時間:7小時 下面為PNG源文件

本教程面向初、中級Fireworks用戶，還請各位高手指點不足之處.

 制作步驟
(很多部分有羽化填充和陰影濾鏡等,不懂之處請點擊小圖彈出完整操作截屏圖)

1.Fireworks 根據實物用鋼筆勾出路徑進行線性填充

2.使用右上內側陰影做出暗面,也就是數碼相機的邊緣

3.上部路徑,注意羽化

4.左側路徑,同樣羽化,同樣因為數碼相機是角是圓滑的,所以要采用羽化

5.高光部分,畫出形狀然後羽化

6.高光下的凹陷部分

7.凹陷部分下部的高亮部分,兩個高亮條體現出凹槽的質感

8.左側轉角處的質感表達

9.轉角的暗處,用灰色羽化

10.轉角的顏色塊羽化一下,過渡左側和正面,體現出圓滑的角