想為設計作品增添夢幻繽紛的視覺張力？這篇教學將示範如何在 Photoshop 中從零繪製抽象彩虹光帶背景，善用矩形工具、漸層疊加與自由變形，打造極具動感的流體幾何美感。

最終效果預覽

步驟 1：建立畫布與基底

新建 1920×1200 px、RGB 模式、72 dpi 文件。以油漆桶工具 (G) 填充黑色背景，作為彩虹光帶的最佳對比底。

步驟 2：繪製基礎彩色線條

選取矩形工具 (U)，依序繪製多組寬度不一的彩色長條，色相涵蓋紅、橙、黃、綠、藍、靛、紫七色。保持線條間距一致，奠定整齊韻律感。

步驟 3：持續疊加線條群

重複上述動作，陸續新增更多線條群組，畫面逐漸堆疊出豐富的色帶層次。每組線條間距維持一致，確保視覺節奏穩定。

步驟 4：套用漸層疊加賦予流動感

為線條圖層添加「漸層疊加」圖層樣式，於漸層編輯器設定多色節點，使單一線條內呈現平滑色相過渡，瞬間提升立體與流動質感。

步驟 5：擴展更多漸層線條

同樣設定套用至其他線條群，並微調漸層角度與色相分佈，營造冷暖色調交織的豐富視覺張力。

步驟 6：合併圖層並扭曲變形

將所有線條圖層群組 (Ctrl+G) 後向下合併 (Ctrl+E)。啟用自由變形 (Ctrl+T)，拖動控制點將直線條扭曲為蜿蜒曲線，注入動態生命力。

步驟 7：補充冷色調線條與投影

在新圖層繪製偏冷色調線條群，同樣合併扭曲後加入「投影」圖層樣式，強化前後層疊空間感。

步驟 8：深化明暗與對比

新建圖層以低不透明度黑色柔邊畫筆 (20%) 加深線條邊緣，疊加模式設為「疊加」；再以白色柔邊畫筆 (30%) 提亮局部高光。最後添加「曲線」調整圖層提升整體對比度，畫面層次分明。

完成作品賞析

這款抽象彩虹背景適合作為網頁 Banner、海報底圖或 UI 裝飾元素，透過調整色相與扭曲程度即可衍生無限變化。快動手試試看！