詳細演示如何用 Photoshop 矢量工具與圖層樣式從零構建 Google Chrome 瀏覽器標誌性 Logo。教程採用「形狀圖層+樣式疊加」非破壞性工作流，涵蓋橢圓工具、鋼筆工具布爾運算、漸變疊加、斜面浮雕、投影/內陰影、剪貼蒙版、加深減淡工具等核心技法，適合學習圖標設計規範流程與質感表現的設計師。

畫布設置

• 新建 854×854 px / 72 dpi 文檔。

分層構建邏輯(自下而上)

1. 底層圓環基座
   橢圓工具(U)畫圓形形狀圖層 → 漸變疊加(徑向 #DED8D8→#7F7777)。
   
2. 中間扇葉主體(三色扇區)
   複製底層 → 鋼筆工具(P)「從形狀區域減去」切出內部開口 → 轉換點工具修正形狀 → 斜面與浮雕(內斜面/平滑/深度/大小/軟化/角度/高度/光澤/高光/陰影模式/顏色/不透明度全參數)。
   
3. 陰影層
   複製扇葉層 → 自由變換等比縮小 → 移除樣式 → 填色 #4E4A4A → 置於扇葉層下方。
   
4. 扇葉表面著色(紅/綠/黃三色)
   新建層置於扇葉層上方 → Alt+點擊建立剪貼蒙版 → 標準畫筆(B)分區上色(紅/綠/黃) → 圖層模式正常。
   
5. 扇葉邊緣高光/厚度層
   複製帶斜面浮雕的扇葉層 → 轉換點工具微調形狀 → 移除樣式 → 置於扇葉層與陰影層之間。
   
6. 厚度層著色
   新建層剪貼蒙版 → 同三色繪製厚度面色彩。
   
7. 高光/陰影微調
   複製著色層 → 加深工具(O)/減淡工具(O)繪製微觀高光陰影。
   
8. 中心藍球
   橢圓工具畫圓 → 填充 0% → 圖層樣式：投影+內陰影+漸變疊加(徑向 #B1DEF4→#2D8EDF)。
   
9. 中心高光環
   橢圓工具畫環形路徑(外圈+Alt切內圈) → 填充 40% → 漸變疊加(白→透明徑向)。
   

關鍵技術點總結

技術點	應用場景	核心參數/操作
形狀圖層+布爾運算	扇葉中空結構	鋼筆工具「從形狀區域減去」/Alt鍵
斜面與浮雕	扇葉 3D 厚度質感	內斜面/平滑/深度 100%+/自定義光澤曲線
剪貼蒙版	限制著色/高光範圍	Alt+點擊圖層間建立
填充 0%+圖層樣式	中心球/高光環純樣式渲染	填充 0% 只保留樣式效果
加深/減淡工具	微觀高光陰影修飾	範圍:高光/中間調/陰影;曝光度 10-20%
非破壞工作流	全程可隨時修改形狀/顏色/參數	形狀圖層+調整圖層+智能對象思維

最終效果

通過標準化的矢量圖標構建流程，獲得可無限縮放、參數可調、質感專業的 Chrome Logo 源文件，掌握企業級圖標設計規範。