教程最終效果

第一部分：構建手柄基礎矢量形狀

新建 800×600px 文檔，任意背景。選「橢圓工具」（形狀圖層模式）畫中等圓形。在圖層面板選中矢量蒙版，按「+」鍵（添加到形狀區域）在另一側畫較小圓形。再選「矩形工具」按「+」鍵連接兩圓。再次用橢圓工具在兩圓內部各畫一圓。用「圓角矩形工具」畫小圓角矩形，Ctrl+T 自由變換，按 Shift 逆時針旋轉至第二次定位。複製矩形圖層移至適當位置。至此基礎輪廓完成（含底座、左右搖桿、方向鍵、功能鍵區）。

第二部分：底座質感與凹陷細節

底座圖層樣式

為底座圖層添加完整圖層樣式：斜面與浮雕、描邊、內陰影、內發光、漸變疊加、投影等，參數詳見圖示，呈現金屬拉絲質感。

搖桿與按鍵凹陷效果

為兩個內圓、矩形、圓角矩形添加統一的「內斜面」樣式，營造凹陷手感（參數參考圖示）。

第三部分：底座陰影、連接線與面板細節

真實投影製作

複製底座圖層 → 清除圖層樣式 → 添加黑色「顏色疊加」 → 「濾鏡 → 模糊 → 動感模糊」（角度 90°、距離適中） → 不透明度 30% → 下移至頂部邊緣無陰影可見。

連接線

矩形工具畫頂部小矩形，加「斜面與浮雕」。鋼筆工具繪製曲線路徑，筆刷設 1-2px 硬邊，「描邊路徑」，再加圖層樣式（投影、內陰影、漸變疊加等）完成立體線材。

第四部分：左側面板（方向鍵區）構建

圓角矩形工具（半徑 15-20px）畫垂直矩形，按「+」鍵添加水平矩形形成十字。再按相同步驟疊加縮小 5px 的內層十字。套用圖層樣式賦予凹陷質感。

技巧總結

• 全程使用矢量形狀圖層，無損縮放、易於修改
• 善用「添加到形狀區域」（+鍵）在單圖層構建複雜輪廓
• 圖層樣式統一管理光影，保持風格一致
• 投影分離製作（複製圖層+模糊）比單純投影樣式更真實可控