極具設計感的輻射彩條海報，不需手繪描摹，純矢量形狀+自由變換透視邏輯+屬性面板圓角屬性即可程序化生成。本教學展示如何用矩形工具、複製變換陣列、自由變換點控制、蒙版羽化+曲線銳化、鎖定像素著色等非破壞技法，10 分鐘構建無限可編輯的參數化彩條系統。

核心構圖邏輯：透視輻射的幾何本質

彩條本質是等間距平行矩形陣列經透視投影變形。關鍵參數：
• 基礎矩形寬高比（如 1:20）
• 陣列間距（視覺節奏）
• 透視消失點位置（決定輻射中心）
• 斜切角度與縮放比例（決定透視壓縮度）
• 圓角半徑（柔化銳利機械感）

參數化構建全流程

1. 基礎矩形陣列建立

• 新建 2000×2000 px 畫布，背景深色（如 #1a1a2e）。
• 矩形工具：填充黑色 #000000，描邊無。繪製長條矩形（寬 20px，高 800px）。
• Alt+Ctrl+T 複製變換 → 水平移動間距 30px → Enter 確認 → Shift+Alt+Ctrl+T 重複 9 次 → 得到 10 條等間距平行矩形。
• 選中 10 條矩形圖層 → Ctrl+E 合併為「Bars_Base」單一形狀圖層（矢量保留）。

單一黑色長條矩形

複製變換陣列 10 條

2. 透視輻射變形

5. Ctrl+T 自由變換「Bars_Base」 → 右鍵選單選「透視」→ 拖動頂部中間錨點向下移動 → 形成向下收窄的透視梯形陣列。
6. 再次 Alt+Ctrl+T 複製變換 → 同樣向下移動頂部錨點 → 疊加增強透視壓縮感。
7. 合併所有變換後矩形圖層 → 得到基礎輻射骨架。

首次透視變換：頂部錨點下移

二次透視變換疊加

合併後輻射骨架

3. 精細控制間距與圓角（關鍵非破壞步驟）

8. 路徑選擇工具（A）框選底部兩組錨點 → 右鍵「自由變換路徑點」 → 水平縮放 270% → 拉大底部間距，符合透視近大遠小規律。
9. 單獨選取間隔錨點對 → 縮小間距 → 製造參差不齊的有機節奏感。
10. 屬性面板（視圖 > 屬性）：形狀圖層選中 → 「外觀」欄「圓角」輸入數值（如 8px）→ 全局統一圓角，任意時刻可改。無需重繪！
11. 蒙版羽化 3px → 新建曲線調整圖層剪切蒙版 → 曲線陡峭化（輸入 128→100，輸出 128→150）→ 將羽化邊緣「銳化」為乾淨圓角。此技巧實現「可編輯羽化圓角」，極其實用。

自由變換路徑點：底部橫向放大 270%

縮小間隔錨點間距

參差不齊節奏感調整

屬性面板蒙版羽化 3px

曲線銳化羽化邊緣為乾淨圓角

4. 著色系統：鎖定像素 + 吸管取色

12. 任一通道 Ctrl+Click 載入選區 → Shift+Ctrl+I 反選 → 隱藏所有構圖圖層。
13. 新建圖層「Color_Bars」填充任意色 → Ctrl+Click 「Color_Bars」載入選區 → 在「Color_Bars」下新建背景層填充基調色（如 #0d1b2a）。
14. /（鎖定透明像素）→ 吸管工具從參考圖/配色方案吸取彩條顏色 → 筆刷逐條塗抹。鎖定透明像素確保不超出彩條輪廓。

背景層與鎖定像素著色

吸管取色逐條塗抹彩條

5. 高光細節與最終潤色

15. 新建圖層「Highlights」剪切蒙版到「Color_Bars」 → 白色筆刷（硬度 0%、大小對應彩條寬度）繪製兩條縱向高光帶 → 蒙版羽化 5px 自然過渡。
16. 「Color_Bars」圖層雙擊 → 圖層樣式「內發光」：螢幕模式，顏色 #ffffff，不透明度 30%，大小 8px，來源邊緣 → 增強發光體積感。
17. 參考圓形導引層微調各彩條彎曲度/長度/疊加順序 → 完成。

高光繪製與剪切蒙版

高光蒙版羽化 5px

內發光圖層樣式參數

圓形導引層微調彩條狀態

加入顏色英文標籤

最終成片：輻射飛揚彩條海報

參數化優勢：秒級出變體

• 修改「Bars_Base」矩形寬度/間距 → 全圖聯動更新。
• 屬性面板改圓角數值 → 全圖圓角同步。
• 替換「Color_Bars」著色 → 秒換配色方案。
• 調整透視變換參數 → 切換輻射中心/強度。
• 存為 .psdt 模板 → 團隊共用標準化輸出。

這套流程將「繪圖」轉化為「參數調節」，設計師從「手繪執行者」升級為「系統構建者」。同理可構建：同心圓輻射、對角線流動、波浪干涉等幾何視覺系統，構建個人參數化設計資產庫。