萬盛學電腦網

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

Photoshop 繪製立體金屬質感放大鏡圖標教學

圖標設計的最高境界是「小尺寸裡藏大質感」。這篇教學將示範如何僅用圓角矩形工具、鋼筆工具與圖層樣式,在 600×700 px 畫布上繪製一枚擁有真實金屬反光、玻璃折射、陰影投射的放大鏡圖標。無需 3D 軟體,純 2D 圖層邏輯即可達到逼真效果。

完成效果預覽

Part 1:鏡面組 —— 玻璃與金屬邊框

1.1 基底黑圓 + 圖層樣式

新圖層,橢圓工具按 Shift 拉正圓填黑。雙擊開啟圖層樣式:

  • 倒角與浮雕:風格「內部倒角」,技巧「鑿刻硬度」,深度 200%,方向「向上」,大小 16 px,柔化 0,角度 120°,高光模式「螢幕幕」白 75%,陰影模式「正片疊底」黑 50%。
  • 內發光:混合模式「螢幕幕」,不透明度 50%,雜色 0%,邊緣,大小 10 px。
  • 色彩疊加:深灰 #333333。

圖層不透明度設 35%,得到半透明玻璃基底質感。

1.2 主高光(白色筆觸)

新圖層,鋼筆勾勒彎月狀高光區,填白,不透明度 80%,模式「正常」。

1.3 內環陰影(減法模式黑環)

新圖層,形狀模式選「減去前面形狀」,畫一黑色圓環,形成鏡框內緣陰深。

1.4 側邊月牙高光(減法+圖層樣式)

新圖層減法模式畫月牙形 → 填充歸零 → 圖層樣式加「內發光」(白、螢幕幕、大小 8 px)→ 不透明度 75%。

1.5 外環金屬反光(減法+漸變疊加)

新圖層減法模式畫圓環(暫用紅色定位) → 圖層樣式「漸變疊加」(角度 90°、鏡面金屬漸變:深灰→白→深灰) → 混合模式正常、不透明度 100%。

Part 2:鏡柄組 —— 分段金屬管體

鏡柄採「分段圓角矩形 + 漸變疊加」策略,每段獨立圖層,獨立控制光影:

  1. 頂段(連接鏡面):半徑 5 px 圓角矩形,漸變疊加(深灰→亮銀→深灰),模擬細管反光。
  2. 中段(主管身):半徑 10 px 圓角矩形,Ctrl+T 拉寬底部,同款金屬漸變。
  3. 裝飾環:紅色圓角矩形(暫時著色定位),同款漸變疊加。
  4. 底部飾條:減法模式畫紅色裝飾形狀,漸變疊加。
  5. 尾端:圓角矩形 + 漸變疊加,複製一層填充歸零下移,形成雙層尾蓋。

收尾:整體陰影與匯出

選取所有鏡面與鏡柄圖層群組,複製合併(Ctrl+Alt+Shift+E),Ctrl+T 垂直翻轉、垂直壓扁、高斯模糊 5 px、不透明度 20%,置於底部形成投影。最後依需求匯出 PNG(透明底)或 SVG(配合形狀圖層匯出路徑)。

圖標設計心法

  • 分段獨立控制:每個反光面一圖層,方便後期微調。
  • 填充歸零 + 圖層樣式:分離「形狀」與「外觀」,隨時可改形不改質。
  • 減法模式畫陰影:非破壞性扣除形狀,邊緣永銳利。
  • 漸變疊加模擬金屬:鏡面反光本質是環境倒影,多色停漸變最寫實。

掌握這套「形狀圖層 + 圖層樣式」工作流,不只放大鏡,任何金屬/玻璃/塑膠質感圖標都能輕鬆駕馭。歡迎挑戰繪製指南針、手電筒、相機鏡頭等同類題材!

copyright © 萬盛學電腦網 all rights reserved