最終效果與實際應用

設計前提：色彩敏感度 > 技巧熟練度

本法核心在於大柔邊筆刷一筆成形 + 自由變形製造流動感 + 混合模式疊加豐富層次。前提是設計師具備：
① 基礎色彩理論（互補/類似/三角形配色）
② 對色彩分佈、權重、呼吸感的直覺判斷。
技巧只需 10 分鐘掌握，色彩直覺需長期養成。

配色方案提取

1. 尋找靈感圖（攝影作品、插畫、電影截幀），條件：色相對比明顯、色塊分佈廣、有明顯主次關係。
2. 吸管工具取 4-5 個關鍵色：主色、輔助色、強調色、中性暗色（底色）。
3. 本案取自食材靜物：柿子椒紅 #E03E3E、青檬皮深綠 #2D5A27、葡萄淺綠 #7AB87A、檸檬黃 #F5D742、木桌暗褐 #3D2B1F (底色)。

製作流程 7 步

Step 1：新建畫布填底色

手機橫幅示例：640×1136 px，背景填底色 #3D2B1F。暗色底色能托住高飽和色塊，避免「浮在白紙上」的廉價感。

Step 2-3：分層大筆刷塗抹色塊

1. 每種顏色獨立新圖層，命名「Red」「Green」「Yellow」等。
2. 筆刷：大柔邊圓形（直徑 ≈ 畫布短邊 1.4 倍，本案 900px），硬度 0%，不透明度 70%，流量 100%。
3. 一筆到位原則：按下滑鼠/手繪筆即定位，不猶豫、不重複塗抹（柔邊筆刷超出畫布會產生硬邊，難以移動修正）。
4. 色塊分佈遵循：主色大面積、輔助色中等、強調色小面積點綴，留白呼吸。

Step 4：自由變形製造流動感

1. 選中所有色塊圖層（不含底色） → 右鍵合併圖層 或 Ctrl+E。
2. Ctrl+T → 右鍵選扭曲 / 透視 / 彎曲 → 拖動控制點，打破圓形色塊僵硬感，製造有機流體流動形態。
3. 此步將「幾何色塊」轉化為「有機色流」，是畫面高級感關鍵。

Step 5：色階提亮與對比增強

圖像 → 調整 → 色階 (Ctrl+L)：向內移動黑/白/灰滑塊，壓暗暗部、提亮亮部、調整中間調，色彩飽和度視覺上同步提升。

Step 6：隨性修飾

• 橡皮擦 (大柔邊，不透明度 30%) 擦除過於突兀色塊。
• 新建調整圖層（色相/飽和度、曲線、色彩平衡）微調局部色相傾向。
• 筆刷 (不透明度 10%) 手繪補充細微色塊/高光點。

Step 7：疊加/柔光複製層豐富色彩深度

1. 複製色塊合併層 → 模式改柔光 或 疊加，不透明度 30-50%。
2. 可再複製一層模式強光 不透明度 15%，進一步增強對比與飽和度。
3. 最終群組化命名「Background_Base」，供界面直接引用。

應用落地指南

• 導出規範：@1x/@2x/@3x PNG (透明底) + WebP (Web 端) + 原始 PSD（保留圖層結構）。
• UI 疊加：前景組件（卡片、按鈕、文字）需降低不透明度 (85-95%) 或添加半透明底色，確保可讀性同時保留背景質感透出。
• 動態延展：導入 After Effects，為色塊圖層添加緩慢位移/縮放/透明度循環動畫，製造「呼吸感」動態背景。

避坑提醒

問題	原因	解決
色塊像「浮標」不融合	筆刷不透明度過高/未扭曲變形/底色過淺	不透明度 70% + 必做扭曲變形 + 暗底色
色彩髒亂無章法	色相過多/無主次/未統一色溫	限制 4-5 色 + 明確主次 + 照片濾鏡統一色溫
前景文字不可讀	背景色塊與文字對比度不足	文字加描邊/陰影/半透明底板 / 背景關鍵區域留白

這套方法論的核心是「用最簡單的工具，表達最豐富的色彩情緒」。下次需要背景時，別再去素材網搜半小時，花 15 分鐘親手畫一張屬於你配色邏輯的專屬背景吧。