本教學展示一個極簡卻極具視覺張力的幾何背景製作技法：同一圖片疊加三層，分別經「+45° 旋轉 → 馬賽克 → -45° 旋轉」、「-45° → 馬賽克 → +45°」、「無旋轉」三種處理，再以 50% 不透明度疊加，瞬間獲得極富動感的三角形像素馬賽克效果，適合 Banner、海報、UI 背景快速產出。

最終效果

圖 00 完成效果

素材準備

一張適合作 Banner 背景的高解析度照片（示例 3888×2554 px，圖 01）。

圖 01 原始素材圖

步驟 1-6：頂層 +45°/-45° 雙向馬賽克

1. 背景圖層複製兩份（共三層）。
2. 頂層：Ctrl+T 水平傾斜 +45°（圖 02-03） → 濾鏡 > 像素化 > 馬賽克：單元格 128 px（依圖片尺寸調整，圖 04） → Ctrl+T 傾斜 -45° 復原（圖 05） → 不透明度 50%（圖 06）。

圖 02 複製圖層

圖 03 +45° 旋轉

圖 04 馬賽克參數

圖 05 -45° 旋轉復原

圖 06 不透明度 50%

步驟 7-10：中間層 -45°/+45° 反向馬賽克並對齊

1. 中間層：Ctrl+T 傾斜 -45°（圖 07） → Ctrl+F 重複馬賽克濾鏡（圖 08） → Ctrl+T 傾斜 +45° 復原（圖 09）。
2. 放大檢視邊緣對齊，鍵盤左右微調像素級對齊，確保三角形邊緣銳利閉合（圖 10）。

圖 07 中間層 -45°

圖 08 重複馬賽克

圖 09 +45° 復原

圖 10 像素級對齊

步驟 11-12：底層保持原狀，三層疊加成最終背景

底層不動。三層疊加：頂層 50% 不透明度、中間層 100%、底層 100%，產生層次豐富的三角形馬賽克質感（圖 11-12）。

圖 11 三層疊加關係

圖 12 最終 Banner 背景

技法遷移與變體

• 旋轉角度可改 30°/60° 產生菱形/六邊形馬賽克。
• 馬賽克單元格大小控制三角形尺度：大單元格→大三角形（抽象感強）、小單元格→細膩質感。
• 頂層不透明度 30-70% 可調，控制幾何感與原圖可識別度平衡。
• 換素材（城市夜景、森林、抽象畫）即得不同風格同結構背景系列。

「雙向旋轉抵消 + 馬賽克像素化 + 疊加混合」是一個可無限變體的程序化幾何背景生成公式。

延伸學習：更多精彩教程請關注三聯 Photoshop 教程欄目，三聯 PS 群：75789345 歡迎加入交流。