想擁有獨一無二的電腦桌布嗎?這篇教學將帶你從零開始,運用 Photoshop 的漸層、選區、鋼筆路徑、圖層蒙版與加深減淡工具,繪製一張擁有流動光帶、柔和光暈與層次豐富的抽象風格壁紙。適合想練習非破壞性編輯與光影塑造技巧的設計新手。
成品預覽
最終效果呈現深色背景上,多條彩色光帶交織流動,邊緣虛實相生,彷彿極光在夜空中舞動:
建立畫布與基底漸層
- 新增文件:Ctrl+N,尺寸 1024 × 768 px,解析度 72 dpi,RGB 模式,背景白色。
2. 選取 漸層工具 (G),設定自訂漸層顏色(建議深藍→紫→黑),從畫布中心向四角拉出徑向漸層,建立深邃夜空基底。
圖 1|漸層編輯器顏色設定
圖 2|背景徑向漸層效果
第一組光暈:柔光球體
- 新增圖層,橢圓選框工具按住 Shift 拉出正圓選區。
- Ctrl+Alt+D 羽化 50 px,填充顏色
#F6FFF3(淡綠白)。
- 取消選區 Ctrl+D,將圖層不透明度降至 50%,獲得柔和發光球體。
圖 3|球體選區與羽化
圖 4|第一組光暈完成
核心技巧:鋼筆路徑 + 漸層 + 蒙版塑造光帶
接下來的流程核心概念相同,重複「繪製路徑 → 轉選區 → 套用漸層 → 加圖層蒙版虛化邊緣 → 加深/減淡強化立體」四大步驟,製作多條形狀、顏色各異的光帶。
光帶 A(主光帶)
- 新增圖層,鋼筆工具 (P) 勾勒流動的 S 型路徑,Ctrl+Enter 轉選區。
- 漸層工具設定雙色漸層(如青→紫),線性漸層沿路徑方向拖曳。
- 加入圖層蒙版,黑白徑向漸層從底部向上拉,讓光帶尾部自然消失。
- 加深工具 (O) 邊緣加深,減淡工具 高光提亮,增強體積感。
圖 5|光帶 A 路徑
圖 6|光帶 A 漸層顏色
圖 7|光帶 A 漸層效果
圖 8|蒙版虛化底部
圖 9|加深邊緣前
圖 10|加深邊緣後
光帶 B 與 C(交疊光帶)
重複上述流程,調整路徑形狀、漸層顏色(如橙紅、粉紫),並在交疊處用蒙版黑色畫筆塗抹虛化,營造前後空間層次:
圖 11|光帶 B 路徑
圖 12|光帶 B 漸層顏色
圖 13|光帶 B 效果
圖 14|光帶 B 加深區域
圖 15|光帶 B 完成
圖 16|光帶 C 路徑
圖 17|光帶 C 漸層顏色
圖 18|光帶 C 效果
圖 19|交疊處蒙版虛化
圖 20|光帶 C 加深邊緣
複製變化與細節微調
- 同樣方法再製作一條光帶 D,豐富畫面節奏。
- 整體檢視:調整各光帶圖層不透明度、混合模式(嘗試螢幕、柔光、強光),微調色相/飽和度統一色調。
- 最後在最上方新增一個色彩平衡或曲線調整圖層,統一整體色溫與對比。
圖 21|光帶 D 效果
圖 22|最終成品
關鍵技巧總結
- 非破壞流程:所有光帶獨立圖層,搭配蒙版隨時可修改形狀與透明度。
- 路徑精確控制:鋼筆工具繪製平滑流動曲線,優於手繪選區。
- 漸層模擬光源:線性漸層模擬管狀光帶受光,徑向漸層蒙版模擬景深虛化。
- 加深/減淡雕刻細節:局部強化邊緣明暗,賦予扁平漸層立體質感。
- 混合模式疊加:螢幕/柔光模式讓光帶自然融入背景,避免生硬邊緣。
掌握這套「路徑+漸層+蒙版」工作流後,你可以隨意變化路徑形狀、漸層配色、光帶數量,創作出無限變化的抽象光影藝術壁紙。試著換上自己喜歡的配色方案,打造專屬的桌面風景吧!