DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks繪制精致立體IPOD(2)
Fireworks繪制精致立體IPOD(2)
編輯:Fireworks基礎     

   4.開始畫IPOD的控制面板。

  這次我們用圓角矩形工具,畫出IPOD的控制鍵盤,效果不對時用選取工具點選矩形調節點進行調節,直到出現我們滿意地效果為止。調整好圖形後我們進行線性填充,填充顏色從左至右為:#E4E7EB、#C5C8CF、#FFFFFF,為表現暗色和亮色,我們用3個顏色。顏色調節如圖5所示。

圖5

   5.將此圓角矩形復制並縮小,或者用鋼筆工具勾畫一個內圓角矩形,再次進行填充,來豐富效果。依然為線性填充,填充顏色均為#CED7E1,這裡需要注意的是,右側顏色透明度為50,得到效果如圖6。

圖6


   6.用鋼筆工具勾畫出月牙形,橢圓工具畫出扁圓型,進行高斯模糊,值為1,來達到高光效果,進一步豐富控制面板,圓角矩形和三角形添加圖形。(注:其中三角形用多邊形工具畫出來,邊數選擇3)。完成效果如圖7

圖7

   7.同理鋼筆工具配合橢圓工具,高斯模糊來表現整體高光效果。如圖8

圖8


   8.鋼筆工具畫出其它控制按鍵 。

圖9

   9.接下來用鋼筆工具勾畫IPOD屏幕,依然線性填充,顏色為:#196332、#6BB24B,描邊為 黑色,筆尖大小為 1 ,選擇柔滑線段。

圖10

 

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