許多人認為 Fireworks 功能較弱,效果遠不如 Photoshop,但對於鍾情於 FW 的資深設計師來說,關鍵在於熟練掌握軟體技巧並結合優秀的設計思維,Fireworks 同樣能創作出精美的圖像。近期發現微軟官網 Windows Media Player 11 頁面中的「播放」圖標擁有極佳的水晶質感,特意將其拆解復刻,現分享製作流程,與各位同好共同進步。

在 Fireworks 中新建黑色畫布,繪製一個正圓形。在屬性面板選取「放射狀」填充效果,設定四個顏色過渡點,自下而上依序為 #FFFFFF、#99FFFF、#0099FF、#000099。其中最深的藍色 (#000099) 佔據較大比例,以豐富圖標的色彩層次。


使用鋼筆工具繪製一個半圓形,調整左右端點製造弧度,並將底部曲線控制點上提,以表現球體的立體厚度。

對半圖形同樣套用「放射狀」填充,顏色全為白色,但設定三個透明度控制點(25%、63%、100%),且靠近中心處透明度變化較大,以渲染上半部通透的水晶質感。

繪製一個空心圓線,顏色取淺藍 #00CCFF,透明度設為 40%,勾勒圖標外輪廓,使視覺更飽滿。

使用多邊形工具繪製三角形並微調節點,將直邊改為微彎曲線以增加獨特感。套用線性漸層填充:上方白色,下方淺灰 #CCCCCC,以白色為主調。

繪製一個淺藍色 (#33FFFF) 橢圓,套用高斯模糊(數值 21),置於圓形下方,提升底部通透光澤。

複製完成的圖標群組,垂直翻轉並調整不透明度,形成地面倒影,完成最終效果。

整個流程步驟清晰,關鍵在於細節參數的精準把控。掌握核心技法後,你也能用 Fireworks 或其他擅長工具輕鬆創作專業級圖標,人人都是設計師!