萬盛學電腦網

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

Photoshop 繪製立體鬧鐘圖標:從草圖到材質渲染的思路分享

教程性質說明

本教程為作者個人繪製思路分享,省略基礎操作細節,側重「結構分解→材質邏輯→光影層級」的決策過程,適合有 PS 基礎、想提升圖標設計思維的進階者。

核心製作流程(9 關鍵節點)

1. 結構線稿:透視準確

參考實物照片,用鋼筆工具在 2px 畫筆下勾勒鬧鐘外輪廓、鐘面、支腳、鈴鐺、按鈕等結構線,分「主體、鐘面、細件」三組,確保透視一致。

2. 基礎色塊與材質分區

主體金屬(冷灰)、鐘面玻璃(深藍透明)、鈴鐺銅金、按鈕塑膠白,各建立純色形狀圖層,鎖定像素後續渲染。

3. 金屬主體:環境反射為核心

  • 基礎漸變(深灰→中灰→淺灰)模擬圓柱體基本明暗。
  • 關鍵:新建圖層模式「疊加」,用大柔邊畫筆低流量(5%)繪製「窗戶反射條帶」、「地面反射暖色帶」、「頂部天光冷色帶」。
  • 邊緣高光:1 px 白筆描邊 → 高斯模糊 0.5 px → 模式「線性減淡」。

4. 玻璃鐘面:透明與反光並重

  • 基礎色塊不透明度 15% + 內陰影(距離 3、大小 8、黑色正片疊底)表現厚度。
  • 高光:橢圓選區羽化 10 px 填白 → 模式「螢幕」不透明度 60% → 蒙版擦除非高光區。
  • 刻度/指針:矢量形狀圖層 + 「斜面浮雕(內部、平滑、深度 200%)」瞬間獲得金屬質感。

5. 鈴鐺與支腳:銅金質感

基礎銅色漸變 → 「濾鏡→雜色→添加雜色 2%」→ 「斜面浮雕(外部、鑿刻、深度 150%)」→ 高光手繪強化彎曲面轉折。

6. 細節統籌:投影與環境光

  • 整體投影:合併主體組 → 複製 → 填黑 → 高斯模糊 8 px → 不透明度 30% → 變形透視匹配地面。
  • 環境光(AO):新建圖層模式「正片疊底」,深灰筆刷流量 3% 繪製接觸面陰影(支腳底部、鈴鐺連接處)。

思路總結

  1. 結構線稿決定成敗,寧可多花時間修透視。
  2. 材質渲染核心是「環境反射觀察與簡化」,而非堆疊濾鏡。
  3. 圖層組命名規範:`Base_主體` `Glass_鐘面` `Metal_鈴鐺` `Detail_指針刻度` `Shadow_投影` `AO_環境光`,利於團隊協作與後期修改。

更多精彩教程請關注三聯 Photoshop 教程欄目,三聯 PS 群:311270890 歡迎加入交流。

copyright © 萬盛學電腦網 all rights reserved