幾何形狀的組合與疊加，是平面設計、UI 背景、海報排版中極具視覺張力的基礎語言。本教學演示如何在 Photoshop 中運用鋼筆工具繪製任意幾何形狀、橢圓工具挖孔、圖層樣式（漸變疊加、內發光、投影、描邊、斜面浮雕）賦予材質感，快速產出極具設計感的幾何組合背景。全程純矢量操作，可無限縮放無損畫質。

最終效果預覽

8 步核心製作流程

Step 1：建立漸變底圖層

• 新建 1280×1024 px 文件，背景任意色
• 雙擊背景圖層 → 圖層樣式 → 「漸變疊加」設置參數（線性/徑向、角度、色標位置/顏色）

Step 2-4：第一個幾何形狀——繪製、挖孔、套用樣式

1. 新建圖層，鋼筆工具勾勒任意幾何形狀，填充任意色
2. 橢圓工具按 Shift 畫正圓 → Delete 刪除挖孔，重複創建多個圓孔
3. 雙擊圖層開啟圖層樣式，依次設置：投影、內發光、斜面浮雕、漸變疊加、描邊 等混合選項

Step 5-6：第二個幾何形狀——新形狀、挖孔、差異化樣式

1. 新建圖層，鋼筆工具繪製新形狀，填色，挖一個孔
2. 套用差異化圖層樣式（不同投影角度/距離、不同漸變方向/顏色、不同斜面浮雕深度），創造層疊空間感

Step 7-8：更多形狀自由創作

• 新建圖層，繪製新形狀、挖孔
• 套用第三組差異化圖層樣式
• 鼓勵嘗試不同形狀語言（三角、多邊形、自由曲線）、不同孔洞排列、不同材質模擬（金屬、玻璃、塑膠、紙張）

圖層樣式參數設計邏輯（可復用模板）

樣式項目	設計目的	關鍵參數建議
投影	脫離背景的懸浮感	距離 5-15px、大小 10-30px、不透明度 20-40%、角度統一光源
內發光	邊緒發光/透光感	源「邊緣」、倒角「平滑」、大小 5-20px、顏色高亮色
斜面浮雕	立體厚度/材質感	風格「內斜面/外斜面」、深度 100-300%、大小 5-15px、光澤曲線自定義
漸變疊加	材質色彩豐富度	混合模式「正常/疊加」、不透明度 30-70%、漸變類型/角度/色標精心設計
描邊	邊緒輪廓強化	大小 1-3px、位置「外部/居中」、填充類型「漸變」、色標設計

創意延伸方向

• 動態幾何：將形狀圖層轉為智能物件 → 視覺時間軸製作旋轉/縮放/位移動畫 → 輸出 GIF/MP4
• 參數化生成：結合 JS 腳本/動作面板，批量生成幾何組合變體
• 風格變體庫：預存 10 組圖層樣式預設（霓虹、賽博、極簡、質感、扁平等），一鍵切換視覺風格
• 結合字體排版：幾何形狀作為文字容器/分隔/裝飾元素，構建完整版面設計

幾何組合背景看似簡單，實則考驗形狀語言設計感、圖層樣式參數審美、空間層疊邏輯、色彩搭配克制力。建議設計師建立個人「幾何形狀庫 + 樣式預設庫」，將技術操作內化為設計決策，實現高效產出高質量視覺資產。

備註：更多精彩教程請關注三聯 Photoshop 教程欄目，三聯 PS 群：311270890，歡迎你的加入！