fireworks模板：制作精細(xì)PC圖標(biāo)

fireworks模板：制作精細(xì)PC圖標(biāo)

　　Fireworks 不僅具備編輯矢量圖形與位圖圖像的靈活性， 還提供了一個(gè)預(yù)先構(gòu)建資源的公用庫(kù)，今天我們就來(lái)學(xué)習(xí)另外的繪制技巧，下面小編給大家整理了關(guān)于　fireworks制作精細(xì)PC圖標(biāo)的方法，希望大家喜歡。

　　fireworks制作精細(xì)PC圖標(biāo)的效果圖：

　　fireworks制作精細(xì)PC圖標(biāo)的方法步驟：

　　fireworks制作精細(xì)PC圖標(biāo)的步驟1. 在fireworks中繪制一個(gè)矩形，并通過(guò)部分選取工具調(diào)節(jié)節(jié)點(diǎn)。為增加立體效果，每個(gè)角均通過(guò)鋼筆工具增加為2個(gè)節(jié)點(diǎn)

　　fireworks制作精細(xì)PC圖標(biāo)的步驟2. 給矩形添加漸變效果

　　fireworks制作精細(xì)PC圖標(biāo)的步驟3. 再給右邊的矩形添加漸變效果

　　fireworks制作精細(xì)PC圖標(biāo)的步驟4. 復(fù)制矩形并縮小，作為內(nèi)框屏幕，實(shí)用發(fā)射性漸變，添加內(nèi)部陰影

　　fireworks制作精細(xì)PC圖標(biāo)的步驟5. 制作屏幕高光效果，繪制一個(gè)圓形，設(shè)置線性漸變，羽化為6

　　fireworks制作精細(xì)PC圖標(biāo)的步驟6. 再畫(huà)一個(gè)大的圓，用來(lái)切掉我們不需要的部分，選擇兩個(gè)路徑，修改-組合路徑-打孔

　　fireworks制作精細(xì)PC圖標(biāo)的步驟7. 得到如下路徑，然后使用蒙板得到我們需要的內(nèi)框屏幕，選擇藍(lán)色內(nèi)框屏幕，復(fù)制，選擇剛才得到的白色漸變路徑，反鍵-編輯-粘貼為蒙板，得到如下效果

　　fireworks制作精細(xì)PC圖標(biāo)的步驟8. 繪制兩條斜線，制作屏幕下方立體效果

　　fireworks制作精細(xì)PC圖標(biāo)的步驟9. 使用上述高光繪制方式制作屏幕下方高光效果

　　fireworks制作精細(xì)PC圖標(biāo)的步驟10. 使用放射性漸變繪制顯示器開(kāi)關(guān)按鈕。并復(fù)制一個(gè)淺灰色的圓形放在按鈕下，產(chǎn)生立體效果

　　fireworks制作精細(xì)PC圖標(biāo)的步驟11. 利用矩形工具繪制底座支撐軸。并使用線性漸變填充

　　fireworks制作精細(xì)PC圖標(biāo)的步驟12. 利用矩形工具繪制底座，使用鋼筆工具增加節(jié)點(diǎn)并調(diào)整。使用放射性漸變填充

　　fireworks制作精細(xì)PC圖標(biāo)的步驟13. 最后利用矩形工具繪制高3像素的矩形使用放射性漸變填充，繪制底座高光效果