教程性質說明
本教程為作者個人繪製思路分享,省略基礎操作細節,側重「結構分解→材質邏輯→光影層級」的決策過程,適合有 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% 繪製接觸面陰影(支腳底部、鈴鐺連接處)。
思路總結
- 結構線稿決定成敗,寧可多花時間修透視。
- 材質渲染核心是「環境反射觀察與簡化」,而非堆疊濾鏡。
- 圖層組命名規範:`Base_主體` `Glass_鐘面` `Metal_鈴鐺` `Detail_指針刻度` `Shadow_投影` `AO_環境光`,利於團隊協作與後期修改。
更多精彩教程請關注三聯 Photoshop 教程欄目,三聯 PS 群:311270890 歡迎加入交流。