DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks鼠繪教程:繪制精美可愛水杯圖標(1)[組圖]
Fireworks鼠繪教程:繪制精美可愛水杯圖標(1)[組圖]
編輯:Fireworks基礎     

一、案例欣賞

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

二、思路分析

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

三、實現步驟

1、新建一個Fireworks文件。

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


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

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


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

內側陰影(1)

內側陰影(2)



內側陰影(3)

投影

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


線性填充

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved