DIV CSS 佈局教程網

一、案例欣賞

網絡上經常會用到一系列圖標，今天和大家一起交流一下水杯的制作方法。效果如圖所示。

二、思路分析

仔細觀察水杯，我們可以將它分為三個部分來處理：杯身，杯口，杯把。注意杯身的對稱性，否則就變成一個不合格產品了，因為要做到可愛一點的，所以大家要注意色彩的使用，用明度和純度高一點的色彩，會讓杯子活潑起來。

三、實現步驟

1、新建一個Fireworks文件。

2、使用矢量的矩形工具來繪制杯身。

4、使用橢圓工具來繪制杯口的形狀。

放射狀填充參數設置如下：

5、用濾鏡：發光和陰影來調整杯口，注意內側陰影的重復使用（Q版電視的教程中提到了它的重要性，不知道大家有沒有去深入了解）

內側陰影(1)

內側陰影(2)

內側陰影(3)

投影

6、使用鋼筆工具來繪制杯把（這裡可以隨自己的愛好來繪制,請注意不同的造型，內側陰影的角度可能不同）

線性填充