本教學展示如何僅使用「鋼筆工具勾勒形狀」+「漸層填充」+「圖層蒙版/剪貼蒙版」，零手繪筆觸即可完成一幅層次豐富、色彩和諧的扁平風格風景插畫。適合 UI 插畫、Banner 配圖、輕量級遊戲美術風格快速產出。

最終效果

文件設定

• 新建 1280×1024 px、72 dpi、RGB Color。
• 圖層結構規劃（自下而上）：背景 → 遠山 1 → 遠山 2 → 雲朵 → 河流 → 樹群 → 石頭 → 光暈/裝飾。

核心技法：鋼筆形狀 + 漸層填充 + 蒙版控制

每個地物皆為「形狀圖層」（鋼筆路徑 → Ctrl+Enter 轉選區 → 新建圖層填充/漸層），優點：
✅ 矢量級縮放不失真
✅ 雙擊圖層縮圖即可隨時修改漸層顏色
✅ 路徑面板保留原始路徑，隨時可編輯形狀

逐層製作要點

背景層

新建圖層填充橘黃 #EA6F34（Alt+Delete），奠定暖色調基調。

遠山 1（單色剪影）

鋼筆勾勒無規則山脈輪廓 → 選區 → 填充褐色 #803B17。

遠山 2（線性漸層豐富層次）

鋼筆勾勒第二層山脈 → 選區 → 漸層工具（線性、Shift 拖曳左→右）：
色標 A：#63781A（深綠）→ 色標 B：#D4E336（亮黃綠）。

雲朵（複製變換批量）

鋼筆勾單一雲朵形狀 → 填充淡黃 #F9DDAB → 移動工具 (V) 按 Alt 拖動複製多朵 → 自由變換 (Ctrl+T) 調整大小、翻轉、位置變化。

河流（線性漸層模擬水面反光）

鋼筆勾河流形狀 → 漸層：色標 A #EBB94A（暖金）→ 色標 B #E37833（橘紅），左→右拖曳。

樹群（漸層+蒙版漸隱+複製分佈）

1. 鋼筆勾樹冠形狀 → 漸層：色標 A #6D981A / #361F02 → 色標 B #CEDA75 / #795430（兩組漸層對應不同樹種）。
2. 複製樹圖層 → 添加圖層蒙版 → 漸層工具（黑→白）從上向下拉，樹冠頂部淡出，模擬遠近虛實。
3. 移動工具 Alt+拖動複製多棵，自由變換調整大小位置，形成樹林群落。

石頭（參照樹群流程，色調偏灰褐）

光暈/裝飾圓點（動感模糊 + 鏡頭光暈）

1. 橢圓工具拉正圓填白 → 動感模糊（角度 0°、距離 25 px）形成光條。
2. Alt+拖動複製 2-3 個，疊加形成光束群。
3. 濾鏡 > 渲染 > 鏡頭光暈（亮度 100%、50-300mm 變焦）置於光束交會處，增強聚光感。

效率化工作流建議

• 色票庫預設：預先建立專案色票組（背景色、山色組、樹色組、水色組、高光色），雙擊漸層編輯器色標即時套用，確保全圖色彩統一。
• 圖層命名規範：`BG` `Mountain_01_Back` `Mountain_02_Mid` `Cloud_Grp` `River` `Tree_Grp` `Stone_Grp` `FX_Glow`，利於團隊協作與後期修改。
• 智慧物件化：將「樹群」「石頭群」各自轉為智慧物件，雙擊進入內部編輯單棵樹/石，外部自動更新所有實例。
• 導出：「檔案 > 匯出 > 存為 Web 格式」→ PNG-24（透明背景）或 WebP，供網頁/App 直接使用。