萬盛學電腦網

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

Photoshop 繪製 Skype 風格好友圖標教學

從基礎形狀到複雜圖層樣式堆疊,手把手教你繪製 Skype 風格的立體好友圖標。掌握橢圓、圓角矩形、鋼筆工具與圖層樣式綜合運用,提升圖標設計實力!

最終效果

製作流程

  1. 主體圓形:橢圓工具按 Shift 畫正圓。圖層樣式:
      • 斜面與浮雕(內部平滑、深度 200%、大小 10px、角度 120°、高光 #ffffff 陰影 #000000)
      • 內陰影(距離 3、大小 5、色 #000000)
      • 內發光(色 #ffffff、大小 10px)
      • 色彩疊加(正常、#00aff0)
      • 描邊(1px、內部、#0078a0)
  2. 頂部高光帶:橢圓選區填充黑白徑向漸變(前景黑背景白,D 重設、X 互換),圖層模式「濾色」,不透明度調整。
  3. 底部陰影帶:圓角矩形(半徑 8px),橢圓工具按 Shift 加減選區修飾形狀,Shift+Ctrl+[ 置底。圖層樣式:內陰影、色彩疊加(深藍)、描邊。
  4. 綠色狀態條:Ctrl+點擊 圖層載入選區 → 新圖層填充 #BCCFB3。
  5. 白色三角高光:多邊形套索勾選區填白,圖層樣式:斜面浮雕(外部)、外發光。
  6. 鋼筆繪製聊天氣泡尾巴:鋼筆工具勾路徑,轉選區填色,套用類似圖層樣式(簡便疊加)。

關鍵技巧總結

  • 善用「圖層樣式」堆疊建立立體感,避免手繪陰影高光的不穩定。
  • Ctrl+點擊縮略圖 載入選區 → 新圖層填色,非破壞性編輯流程。
  • Shift+Ctrl+[ / ] 快速調整圖層堆疊順序。
  • 鋼筆工具處理不規則幾何形狀(如氣泡尾巴)最精準。

完成後可另存為 PNG 透明背景,直接應用於 UI 介面、網頁或 APP 設計中!

copyright © 萬盛學電腦網 all rights reserved