萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Fireworks 教學

Fireworks 繪製時尚手機圖標

前言

這是一款早期時尚手機,外觀酷炫。本教學示範用 Fireworks 繪製寫實手機圖標。

繪製流程

1. 建立畫布與機身基礎形狀

新建 550×350 畫布。使用橢圓工具繪製兩個圓(直徑 178、143)及一個矩形(143×169),按圖 01 排列。

圖 01:基礎形狀排列

2. 調整路徑節點

用細部工具選取小圓底部節點,向上移動 10 像素(圖 02)。

圖 02:節點調整

3. 合併路徑並修整

全選物件,執行 修改 → 組合路徑 → 聯合。再用鋼筆與細部工具修整路徑使其圓滑(圖 03)。

圖 03:修整後的機身路徑

4. 套用漸變與內斜角

對機身套用條狀漸變填充及內斜角特效(圖 04、05)。

5. 製作機身厚度感

複製機身路徑並縮小,底部對齊(圖 06)。設定羽化 1、9% 木紋紋理,調整內斜角參數(圖 07)。

6. 繪製顯示屏金屬框

用橢圓工具畫兩圓(直徑 141、122),調整節點後執行 打孔 命令,設定羽化 1、描邊色 #D7DAE9(圖 08)。

7. 繪製螢幕本體

畫直徑 174 黑色實心圓,底部節點上移 5px;內部再畫 144 圓,底部節點上移 7px,執行打孔(圖 09)。

8. 繪製反光效果

分別用鋼筆工具勾勒外框、右側、底部反光路徑,套用不同漸變填充與羽化(圖 10-12)。

9. 內側反光與螢幕細節

同理繪製內側反光(圖 13、14),繪製螢幕顯示區與高光(圖 16-18)。

10. 按鈕製作

用鋼筆繪製中間按鈕外形,黑色實心填充 + 凹入浮雕特效。

更多細節請參考原教學完整步驟。

copyright © 萬盛學電腦網 all rights reserved