DIV CSS 佈局教程網

　　 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