本教學示範如何在 PS 中純手工繪製一枚擁有金屬光澤、塑膠質感、立體體積的紅色竹蜻蜓玩具圖標。流程涵蓋鋼筆路徑建模、圖層樣式堆疊材質、高光陰影手繪修飾、背景氛圍營造,適合圖標設計入門與質感表現進階。
結構建模:鋼筆路徑精準控制
- 新建 512×512 px 畫布,背景透明。
- 參考實物照片/草圖,鋼筆工具分部件繪製閉合路徑:旋翼(雙葉)、軸心、機身桿、尾翼。每部件獨立形狀圖層,命名規範。
- 路徑面板備份路徑,便於後續修改形狀不失真。
材質賦予:圖層樣式堆疊體系
紅色塑膠機身/旋翼
- 顏色疊加:#e60012 (鮮豔紅)。
- 漸變疊加:線性、角度 90°、不透明度 30%,白→透明,模擬頂部高光漸變。
- 斜面與浮雕:內部、平滑、深度 150%、方向 上、大小 5px、柔化 3px、高光模式「螢幕」白 60%、陰影模式「正片疊底」紅 40%。
- 內陰影:距離 2px、大小 3px、混合「正片疊底」深紅,強化邊緣厚度感。
金屬軸心/軸套
- 顏色疊加 #cccccc,漸變疊加「金屬光譜」(灰-白-灰循環)、角度 0°、疊加模式。
- 斜面與浮雕:外部、鑿刻、深度 200%、大小 3px,模擬 CNC 刀紋。
- 添加「圖案疊加」細密金屬拉絲紋理(自製或素材庫),混合「柔光」不透明度 20%。
光影手繪修飾:打破程序感
- 新建圖層群組「HandPaint」,混合模式「疊加」。
- 柔邊白畫筆 (流量 5%) 沿旋翼前緣、機身頂棱繪製鏡面高光條。
- 柔邊黑畫筆 (流量 5%) 在旋翼背面、機身底部陰影區加深體積感。
- 1 px 硬邊白畫筆點繪鏡面高光點(頂光反射點),不透明度 80%。
- 新建圖層「Subsurface」,混合「柔光」,極低流量橙紅畫筆掃過紅色塑膠厚薄交界,模擬次表面散射紅暈。
背景與氛圍
- 徑向漸變背景:中心淺灰邊緣深灰,營造攝影棚環境光。
- 投影:合併主體群組複製、填黑、自由變換透視扭曲、高斯模糊 10px、不透明度 25%、正片疊底。
- 可選:添加微弱「濾鏡 > 渲染 > 光照效果」聚光燈打亮主體正面。
多尺寸輸出與規範
- 將所有圖層群組轉為智慧物件,命名「BambooCopter_Icon」。
- 依平台規格輸出:iOS (1024×1024, 180×180, 120×120, 87×87, 58×58, 40×40, 29×29);Android (512×512, 192×192, 144×144, 96×96, 72×72, 48×48);Web (256×256, 128×128, 64×64, 32×32, 16×16)。
- 匯出 PNG-24 透明背景,檔名規範:`icon_x@x.png`。
此流程展示了「向量骨架 + 程序材質 + 手繪光影 + 智慧物件輸出」的現代圖標生產標準,確保風格統一、無限縮放、易於迭代維護。