形狀層疊加構建溫暖治癒風矢量插畫

純形狀層工作流打造的矢量插畫，擁有無限縮放、顏色隨時可改、圖層結構清晰三大優勢。本教程演示從漸變背景、幾何山丘疊加、心形主體、高光裝飾、手繪質感筆觸的完整場景構建流程。

最終效果：可愛矢量插畫場景

核心構建流程

1. 漸變背景基調

• 新建 1024×768px，前景 #FECA5C，背景 #FEAC03
• 漸變工具線性漸變左→右填充，建立溫暖夕陽基調

2. 幾何山丘疊加構景

• 鋼筆工具「形狀圖層」模式繪製不規則山丘形狀
• 顏色層層遞變：#FFE0A2 → #FED98D → #FFD275 → #FFCA5A → #FEBE36 → #FDBF38
• 圖層順序由遠及近疊加，形成豐富層疊空間感

3. 心形主體與高光

• 形狀工具繪製心形，顏色 #EE1878 亮粉
• 圖層樣式：外發光(螢幕，白色，大小 10px) + 描邊(3px，內部，白色，不透明度 55%)
• 鋼筆工具繪製白色高光形狀，置於心形上方
• Ctrl+J 複製高光，自由變換移動至另一側，合併高光圖層

4. 手繪質感筆觸與裝飾元素

• 筆刷工具：不透明度 20%，白色，柔邊圓筆刷 → 在心形上輕輕掃過增加手繪溫潤感
• 橡皮擦工具：自定義不規則形狀筆刷(如雲朵/噴濺)，不透明度 10% → 擦除部分高光/山丘邊緣 → 營造不完美手作感
• 多邊形套索工具繪製不規則多邊形 → 油漆桶填充白色 → 分佈於畫面空白處作裝飾幾何碎片

矢量插畫專業工作流建議

1. 圖層命名規範：BG_Gradient / Hills_01_Back / Hills_02_Mid / Heart_Main / Highlights / HandDrawn_Textures / Deco_Geoms
2. 顏色管理：建立色板庫(.aco)，雙擊形狀圖層縮略圖從色板取色，保證全局色彩一致性
3. 智能對象封裝：將重複使用的元素(如心形+高光)轉為智能對象，一處修改全局更新
4. 導出管線：右鍵圖層/組→「導出為」SVG/PNG/@2x/@3x，或腳本批量導出

風格延展方向

• 季節主題：色調換為春綠/夏藍/秋橙/冬藍，山丘形狀調整為樹木/浪花/落葉/雪堆
• 角色 IP 化：心形替換為固定角色剪影，保持場景風格一致性
• 動畫就緒：每個動態部件獨立圖層組，命名遵循 Bodymovin/Lottie 規範