Adobe Illustrator 作為專業矢量繪圖軟體，雖無法像 Photoshop 那樣繪製極具真實感的光影質感，但善用漸變、網格與扭曲工具，同樣能創作出極具視覺衝擊力的動態廣告背景。本教學將帶你一步步完成一張極具動感的炫彩背景，流程簡單易上手，適合各階段設計師參考。

最終效果預覽

步驟 1：建立基底漸變

選取「矩形工具」繪製一個填滿畫布的矩形，套用「黑白徑向漸變」填充。關鍵在於將漸變的兩端顏色皆設為純黑（CMYK 0,0,0,100），如此能產生深邃、濃郁的視覺張力，為後續圖層疊加打好基礎。

步驟 2：美工刀與橡皮擦隨意雕琢

使用「美工刀工具」在矩形上隨意劃出幾道切痕，搭配「橡皮擦工具」局部抹除，製造破碎、不規則的幾何分割感。這步驟無標準答案，越隨性越能產生獨特的動態肌理。

步驟 3：柵格化轉換位圖

選取對象，執行「物件 > 柵格化」，解析度設定 300 ppi。柵格化後，原本的向量漸變轉為位圖像素，邊緣會產生細微的鋸齒與噪點，這正是我們想要的「顆粒感」與「不完美美學」。

步驟 4：建立漸變網格注入色彩

執行「物件 > 建立漸變網格」，行數設 2、列數設 50（數值差距越大，條紋越細密）。此時畫面呈現極細的垂直條紋網格，每個網格點均可獨立著色，為後續灌入豐富色彩做準備。

步驟 5：備份網格與繪製色譜漸變底圖

複製剛建立的漸變網格至剪貼簿備用。另繪一矩形，套用系統內建「色譜漸變」斜向填充，顏色隨意（此顏色即為最終光線色調），產生流動的彩虹光帶效果。

步驟 6：不透明蒙版融合光影

為色譜漸變矩形添加「不透明蒙版」，進入蒙版編輯模式，貼上步驟 4 的漸變網格。適當調整位置與大小，若效果反相可勾選「反向蒙版」。此時網格的明暗關係將控制色譜漸變的顯隱，形成極具層次的光影穿透感。

步驟 7：隨心調色、延伸應用

完成核心結構後，可隨時回頭調整漸變色標、蒙版對比、網格密度，輕鬆衍生出截然不同的配色方案。無論是海報背景、網頁 Banner、還是包裝裝飾紋理，皆能靈活套用。

掌握「漸變網格 + 不透明蒙版」這組黃金組合，你就擁有了無限量產高質感動態背景的能力。快動手試做，發現屬於你的專屬視覺語言吧！