電商橫幅設計的核心不在技巧，而在「故事感」與「光影邏輯」。本教學完整拆解一張聖誕童裝橫幅的 30 步合成流程：從素材篩選、透視搭建、光源確立、材質重建、氛圍營造、到最終調色統一。展示資深設計師如何用「編故事的思維做設計」，將零散素材融合為有溫度、有空間、有敘事的商業畫面。

前期思維流程：先有故事，後有畫面

• 核心故事：「聖誕夜，木屋裡兄妹倆在壁爐旁等待聖誕老人，溫馨期待」。
• 視覺焦點：壁爐火光(主光源) → 兄妹臉部(受光面) → 禮物/聖誕樹/裝飾(次級焦點)。
• 空間層次：前景(門檻/草地) → 中景(木屋內部/兄妹/傢俱) → 遠景(窗外雪景/天空)。

最終效果

30 步合成實戰筆記

1. 天空底圖：導入雲層素材，高斯模糊(8-15px)虛化遠景層次。
2. 木屋主體：導入木屋素材，筆刷/仿製圖章移除左側多餘窗戶(複製右側屋頂補齊)，鋼筆抠圖乾淨邊緣。
3. 整體壓暗：新建曲線調整層壓暗全圖，軟畫筆蒙版擦除壁爐/窗戶/門口等受光區，保留主光源通透感。
4. 屋頂光影：屋頂上部軟畫筆塗暖黃(#FFD700/疊加模式)模擬燈光；下部角落塗黑色(正片疊底)加深陰影。
5. 地板重構：素材過小 → 單塊木板複製拼貼成大板 → 自由變換透視貼合 → 去飽和 + 曲線壓暗 + 四周黑色柔邊畫筆擦拭邊緣暗部。
6. 地板光照：用屋頂暖黃色，畫筆繪製光束 → 自由變換透視變形 → 疊加模式，複製第二層降低透明度疊加增強。
7. 地板邊框：矩形/筆刷繪製木板邊緣倒角與縫隙，增加真實感。
8. 屋簷製作：素材裁切/變形貼合屋頂邊緣 → 去飽和 + 曲線壓暗 + 軟畫筆塗暗藍色(#2B3A4F)模擬陰面。
9. 雙層屋簷：複製屋簷層，調色加深(曲線/色相飽和度)，錯位疊加豐富層次。
10. 聖誕彩條：導入/繪製紅綠彩條裝飾屋簷下沿，疊加模式/不透明度微調融入。
11. 對稱屋簷：右側屋簷複製左側水平翻轉，微調透視匹配。
12. 屋頂清理：刪除多餘突出部分，邊緣乾淨利落。
13. 後牆構建：導入牆壁素材 → 去飽和 + 曲線壓暗 + 四周黑色畫筆擦拭暗角(紅標區域可粗略，後續元素覆蓋)。
14. 窗戶玻璃效果：矩形形狀層 → 填充 0% → 圖層樣式：內陰影(邊框厚度) + 斜面浮雕(內斜面/玻璃高光) + 顏色疊加(淺藍/低透明度/疊加) → 複製層調整透明度/模式疊加反射高光。
15. 窗簾：單側製作(素材扭曲/彎曲變形貼合窗框) → 複製水平翻轉右側。
16. 傢俱植入：沙發、書櫃素材導入，透視變形貼合地板，添加投影(正常/黑/30%/距離 5px/大小 10px)。
17. 光源強化：新建中性灰圖層(疊加模式)，白色柔邊筆刷(流量 10%)手繪壁爐光照射路徑：地板光斑、傢俱側面亮面、牆面暈染。
18. 掛鐘：素材導入，透視匹配，添加投影與受光高光。
19. 地毯與聖誕樹：地毯透視貼合；聖誕樹上半部提亮(疊加/暖黃)、下半部壓暗(正片疊底/黑)，體現光源衰減。
20. 禮物堆疊：逐個導入禮物素材，耐心為每個做投影(透視投影非單純平移)，按光源方向統一投影角度/長度/虛實。
21. 草地前景：草叢素材前置，邊緣羽化融合地板，添加投影壓暗。
22. 女孩植入：素材抠圖 → 色相/飽和度匹配環境色溫 → 曲線匹配明度對比 → 投影(分段處理：身體/裙擺/髮絲不同透視投影) + 環境色著色(柔光/暖黃/低透明度畫筆描邊)。
23. 男孩投影(難點)：因背靠不規則牆面，投影需分段：地面投影(透視拉長) + 牆面投影(貼合牆面紋理變形) + 屋簷投影(彎曲變形)，三段圖層分別調整不透明度/模糊度。
24. 文字排版：導入設計字體/手寫字體，色相/飽和度/曲線調整融入畫面色調，添加描邊/投影保證可讀性。
25. 全局渲染統一：漸層映射(疊加/柔光/10-20%)統一色調傾向 + 色階微調對比度/亮度平衡。

關鍵難點與解決方案

難點	成因	解決方案
多素材透視不一	素材拍攝角度/焦距不同	以地板/地平線為基準，全部素材Ctrl+T透視變形強制對齊
光源方向混亂	素材自帶光影方向不一	全盤壓暗重畫光影：曲線壓暗全圖 → 中性灰圖層(疊加)手繪統一光影
色調割裂	素材色溫/飽和度差異大	選擇性顏色/色相飽和度/曲線逐層校正 → 最後全局漸層映射/LUT統一
投影偽假	單層平移投影、忽略接收面幾何	分段投影：按接收面(地面/牆/傢俱/屋簷)分層做透視變形投影
邊緣生硬	抠圖未羽化、無環境光著色	選區羽化 0.5-1.5px；邊緣柔光/疊加模式畫筆描繪環境光暈

最終成片與複盤

最終效果

成功關鍵複盤

1. 故事先行：每個元素都為「兄妹等聖誕老人」服務，無冗餘裝飾。
2. 單一光源邏輯貫徹始終：壁爐火光 = 唯一主光源，所有高光/陰影/投影/環境色/體積光均由此推導。
3. 分層管理極其規範：天空組/木屋組/地板組/傢俱組/人物組/裝飾組/光影組/調色組/文字組，圖層超 100 層仍清晰可控。
4. 耐心做投影：30+ 個禮物逐個做透視投影，是畫面真實感的基石。
5. 克制濾鏡，多用手繪光影：核心光影皆為低流量畫筆手繪，而非濾鏡一鍵生成，保留溫度與可控性。

💡 設計師進階心法：合成不是拼貼，是「在二維平面上用光影重建三維真實」。每加入一個元素，先問三個問題：它在哪個透視平面？它如何受主光源照射？它投射什麼樣的陰影？答得出來，畫面就不會假。