最終效果預覽

第一部分：繪製 USB 中部連接器

NO.1-1 新建文件

• 800×600 px、72 ppi、命名「USB-test」

NO.1-2 設定背景色

• 前景色 #282828 (深灰)，油漆桶填充背景

NO.1-3 繪製中部主體 (路徑布爾運算切角)

1. 前景色 #d3d3d3 → 圓角矩形工具：半徑 16px、寬 138px、高 154px → 畫布中心繪製 → 命名「usb-中部」
2. 路徑選中 → 矩形工具 → 選項欄「減去頂層形狀」 → 繪製高 16px、寬 138px 矩形覆蓋上半部 → 切除上半部圓角，形成上平下圓「USB 公頭」經典輪廓

NO.1-4 中部主體金屬漸層

• 「usb-中部」圖層樣式 → 漸層疊加：前景色設 #ffffff，線性漸層、角度 -90° (上亮下暗)、縮放 86%

NO.1-5 中部頂部金屬飾條

1. 圓角矩形工具：半徑 6px、寬 138px、高 16px、白色 → 繪製於中部頂部 → 命名「usb-中部-1」
2. 漸層疊加：正常、64%、線性、-90°、86%
3. 描邊：1px、內部、正常、100%、漸層填充 (線性、-90°、100%)

NO.1-6 中部側邊高光 (點睛之筆)

1. 矩形工具：寬 3px、高 124px、白色 → 繪製於左側邊緣 → 命名「usb-中部-高光1」
2. 漸層疊加：正常、100%、線性、-90°、100% → 關鍵：右側透明度滑桿拉至 0% (形成由實到虛漸變)
3. 圖層填充設 0% (僅保留圖層樣式效果)
4. 複製圖層 → 移至右側 → 命名「usb-中部-高光2」

第二部分：繪製 USB 下部 (線材接口端)

NO.2-1 下部主體 (雙漸層疊加)

1. 圓角矩形：寬 48px、高 70px、半徑 16px、#c2c2c2 → 置於中部下方 → 命名「usb-下部」 (置於「usb-中部」下方)
2. 複製圖層 → 「usb-下部-左右漸層」 → 建立剪貼蒙版 (Ctrl+Alt+G) → 漸層疊加：正常、100%、線性、0° (左右漸變)
3. 再複製 → 「usb-下部-上下漸層」 → 置於上方 → 剪貼蒙版 → 漸層疊加：正常、29%、線性、-90° (上下漸變) → 填充 0%

設計邏輯：中部投射陰影於下部 → 下部需「左右漸層」表現金屬管體體積 + 「上下漸層」表現頂部陰影過渡。雙剪貼蒙版疊加，非破壞、可獨立調整。

第三部分：繪製 USB 尾部 (線材端) — 待續

下部以下為柔性線材段落，將運用「路徑變形+筆刷描邊+圖層樣式」表現彎曲、材質、接頭細節。敬請期待下篇完整教程！