萬盛學電腦網

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

Photoshop 繪製絢麗時鐘圖標:從基礎形狀到材質光影的矢量繪圖實戰

本教學原為純圖片步驟示意,文字說明缺失。此處補充完整矢量繪圖邏輯與關鍵圖層樣式參數,助你從零繪製具備金屬質感、玻璃反射、立體指針的專業級時鐘圖標。

核心圖層結構(自下而上)

  1. 背景層:深色徑向漸變
  2. 外殼環:圓形形狀圖層 + 倒角浮雕(外凸)+ 漸變疊加(金屬拉絲)+ 描邊(深色邊框)
  3. 表盤底:較小圓形 + 顏色疊加(深灰/碳纖維紋理疊加)+ 內陰影(內凹感)
  4. 刻度/數字:文字圖層或形狀圖層極座標複製(Ctrl+Shift+Alt+T),顏色疊加白/金
  5. 時/分/秒針:矩形形狀圖層 → 錨點轉換工具拉尖尾部 → 倒角浮雕(微凸)+ 顏色疊加(時分針深紅/金、秒針紅)+ 投影(極微)
  6. 中心蓋帽:小圓形 + 倒角浮雕(球狀)+ 漸變疊加(金屬球質感)
  7. 玻璃反射:橢圓形狀 → 填充 0% → 漸變疊加(白→透明、角度 -45°、不透明度 15%)+ 模式「螢幕」
  8. 高光細節:筆刷手繪微小高光點,模式「濾色」

關鍵技法

  • 極座標複製刻度:繪製一條刻度線 → 置於中心 → Ctrl+Alt+T 設定旋轉中心 → Ctrl+Shift+Alt+T 重複 59 次得 60 刻度
  • 形狀圖層非破壞:所有幾何體為向量,任意縮放不失真,顏色/樣式隨時可改
  • 圖層樣式疊加邏輯:倒角浮雕建立體積 → 漸變/顏色疊加賦予材質 → 內陰影/投影定義空間關係

進階延伸

  • 添加日期視窗、計時副錶、GMT 雙時區指針
  • 導出 SVG 供 Web 直接使用(右鍵圖層「匯出為 SVG」)
  • 製作動態圖標:關鍵幀動畫旋轉指針,輸出 GIF/APNG

原教學圖片序列展示了從基礎形狀到最終效果的視覺演進,建議對照上述圖層結構逐層複現。更多圖標設計教程請關注三聯專欄。

copyright © 萬盛學電腦網 all rights reserved