萬盛學電腦網

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

7 步打造原生 LOL 風格圖標:六邊形結構 + 圖層樣式疊加

拆解 LOL 客戶端圖標結構,六大部件逐層構建,純圖層樣式無需繪畫技巧,新手也能出專業級成品。

結構拆解

底座六邊形 → 文字背景六邊形 → 文字層 → 高光層 1(全域) → 高光層 2(半域) → 凸起邊框層。

逐層構建

  1. 底座:多邊形工具(邊數 6)繪製六邊形,添加圖層樣式(斜面浮雕、漸層疊加、投影)建立金屬質感。
  2. 文字背景:縮小六邊形,填充 0%,樣式:內陰影、漸層疊加、描邊,形成凹陷槽。
  3. 文字:字體「Bell MT」,白色,添加投影、外發光增強可讀性。
  4. 高光 1:Ctrl 點擊文字背景載入選區,新建圖層填白,不透明度 5%。
  5. 高光 2:同樣載入選區,多邊形套索 Alt 減去下半選區,填白,不透明度 5%,模擬頂部掠光。
  6. 凸起邊框:複製文字背景層置頂,清除原樣式,新增斜面浮雕(內凸)、高光/陰影模式調整,形成頂部隆起邊緣。

核心思想

結構化拆解 → 參數化樣式 → 非破壞疊加。同邏輯可衍生任意六邊形風格 UI 圖標。

copyright © 萬盛學電腦網 all rights reserved