萬盛學電腦網

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

Photoshop 繪製紅色質感竹蜻蜓玩具圖標:從草圖到光影質感全流程

本教學示範如何在 PS 中純手工繪製一枚擁有金屬光澤、塑膠質感、立體體積的紅色竹蜻蜓玩具圖標。流程涵蓋鋼筆路徑建模、圖層樣式堆疊材質、高光陰影手繪修飾、背景氛圍營造,適合圖標設計入門與質感表現進階。

結構建模:鋼筆路徑精準控制

  1. 新建 512×512 px 畫布,背景透明。
  2. 參考實物照片/草圖,鋼筆工具分部件繪製閉合路徑:旋翼(雙葉)、軸心、機身桿、尾翼。每部件獨立形狀圖層,命名規範。
  3. 路徑面板備份路徑,便於後續修改形狀不失真。

材質賦予:圖層樣式堆疊體系

紅色塑膠機身/旋翼

  • 顏色疊加:#e60012 (鮮豔紅)。
  • 漸變疊加:線性、角度 90°、不透明度 30%,白→透明,模擬頂部高光漸變。
  • 斜面與浮雕:內部、平滑、深度 150%、方向 上、大小 5px、柔化 3px、高光模式「螢幕」白 60%、陰影模式「正片疊底」紅 40%。
  • 內陰影:距離 2px、大小 3px、混合「正片疊底」深紅,強化邊緣厚度感。

金屬軸心/軸套

  • 顏色疊加 #cccccc,漸變疊加「金屬光譜」(灰-白-灰循環)、角度 0°、疊加模式。
  • 斜面與浮雕:外部、鑿刻、深度 200%、大小 3px,模擬 CNC 刀紋。
  • 添加「圖案疊加」細密金屬拉絲紋理(自製或素材庫),混合「柔光」不透明度 20%。

光影手繪修飾:打破程序感

  1. 新建圖層群組「HandPaint」,混合模式「疊加」。
  2. 柔邊白畫筆 (流量 5%) 沿旋翼前緣、機身頂棱繪製鏡面高光條。
  3. 柔邊黑畫筆 (流量 5%) 在旋翼背面、機身底部陰影區加深體積感。
  4. 1 px 硬邊白畫筆點繪鏡面高光點(頂光反射點),不透明度 80%。
  5. 新建圖層「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`。

此流程展示了「向量骨架 + 程序材質 + 手繪光影 + 智慧物件輸出」的現代圖標生產標準,確保風格統一、無限縮放、易於迭代維護。

copyright © 萬盛學電腦網 all rights reserved