DIV CSS 佈局教程網

在學習中遇到問題可以到 論壇 發貼交流！

本例介紹運用Fireworks繪制一本逼真的精裝書，主要學習漸變填充、添加雜點增加質感、投影、噴槍、外發光的應用，希望能給朋友們帶來幫助~~

先看效果圖（PNG源文件，反鍵保存）：

1、首先制作一個桌布，使用矩形工具繪制一個填充色為#DFCFC0的矩形並添加雜點；

圖1

2、制作書皮，矩形工具繪制一個矩形，並使用放射填充；

圖2

3、為書皮增加質感，添加雜點；

圖3

4、制作書本投影效果；

圖4

5、制作書本邊框效果，繪制一個長寬都比書皮少6px的矩形，無填充，邊框使用噴槍-紋理，透明度為17%；

圖5

6、添加圖書折邊，兩條直線，填充色如圖；

圖6

7、書寫文字，字體我選擇的是Curlz MT，垂直漸變填充，並發光；

圖7

8、制作書角，使用L型工具，放射性漸變。最終完成效果

圖8