---
title: "Photoshop 設計包裝合成法：不用變形，兩個混合設定就有皺褶與光澤"
slug: photoshop-package-composite-blend-if
url: https://rar.design/posts/photoshop-package-composite-blend-if
published_at: 2026-08-30
author: "設計師 Riven"
category: "平面設計"
access: public_access
---

# Photoshop 設計包裝合成法：不用變形，兩個混合設定就有皺褶與光澤

> 瓶身可以彎，軟袋不行——剪裁遮色片加線性加深，讓包裝的皺褶與光澤直接印上平面稿

By **設計師 Riven** - 資深數位產品設計師｜知名線上課程講師 | 2026-08-30

PHOTOSHOP · 包裝合成 · 2026▲ 一張白色空袋照片，加一張平面設計稿，中間不經過任何變形工具。QUICK ANSWERPhotoshop 設計包裝合成法的核心是兩個混合設定：把設計稿剪裁到包裝圖層上，混合模式改成「線性加深」讓底圖的皺褶陰影壓上來，再到圖層樣式的混合範圍，按住 Alt 拖曳「下面圖層」的白色控制桿，把包裝的反光放回設計稿表面。全程不動彎曲變形、不做置換圖，設計稿一個像素都沒被推移。CONTENTS01這招到底在做什麼02為什麼軟袋不能用彎曲變形硬拉03兩個機關：一個管暗部，一個管亮部04六個步驟做完一張包裝提案05同一張袋子，五種提案情境06這招什麼時候會失效07三種貼合方法的分工CHAPTER 01 · WHAT IS IT這招到底在做什麼先講結論：合成之後，那張設計稿還是平的，一個像素都沒有被推移過。變立體的不是幾何，是明暗。人眼判斷一個表面凹凸，靠的從來就不是輪廓線，是光落在上面的方式。一張皺掉的鋁箔袋之所以看起來皺，是因為它身上有幾十道深淺不一的陰影和高光。只要讓設計稿身上也出現同一套陰影和高光，大腦就會自動把它讀成「印在袋子上」，完全不需要真的去彎曲那些像素。混合模式和混合範圍做的就是這件事。它們不動幾何，只重新分配明暗——把下層那張白袋照片的陰影跟反光，穿過上層的設計稿透出來。設計稿被「照亮」了，於是它看起來就貼在袋子上。“貼合感是明暗做出來的，不是形狀做出來的。搞懂這件事，你手上一半的合成工作會突然變簡單。CHAPTER 02 · WHY IT MATTERS為什麼軟袋不能用彎曲變形硬拉之前寫過用彎曲變形把平面稿貼上瓶身那篇，瓶子能那樣做，是因為瓶身是一個連續、可預測的弧面。你抓九個控制點，把設計稿往兩側收一收，透視就對了。軟袋是另一回事。你手上這張站立袋的表面沒有一塊是規則的：袋口有壓合痕、中段有隨機的折角、底部有兩道支撐摺。這些起伏是高頻的、不對稱的、每一袋都不一樣。要用彎曲變形去追它，等於要手動雕出幾十個控制點，做完一張要半小時，而且客戶說「換一個顏色」你就得重來。移置濾鏡是另一條路，它讀一張灰階圖去推移像素，能處理高頻起伏——我在氣泡水文字那篇示範過完整流程。但它要求你另外存一張置換圖，改設計稿就得重存一次，來回改稿時很煩。混合範圍這條路的好處在於它是即時的。設計稿在智慧型物件裡想改幾次都行，混合設定掛在圖層上不會掉，改完雙擊儲存，外面的合成自動更新。提案階段一天改八版，這個差別就是準時下班跟加班的差別。CHAPTER 03 · HOW IT WORKS兩個機關：一個管暗部，一個管亮部整套技法只有兩個設定在做事，各管一半的光。ANATOMY · 兩個混合設定的分工SHADOWS · 管暗部混合模式：線性加深把下層的暗部加到上層身上。袋子的皺褶陰影因此壓進設計稿，摺線走到哪裡，設計稿就跟著暗到哪裡。HIGHLIGHTS · 管亮部混合範圍：下面圖層的白色控制桿把下層最亮的那段放回畫面最上層。袋子的反光重新蓋在設計稿表面，塑膠的光澤才回來。MASK · 管範圍剪裁遮色片讓設計稿只出現在袋子的輪廓內，背景不會被綠色蓋掉。這步只管範圍，不管質感。SPLIT · 管過渡按住 Alt 拆開控制桿滑桿裂成兩半，中間那段變成漸變過渡。不拆開就是硬切，反光邊緣會像被剪刀剪過。線性加深值得多講一句，因為它決定了你的設計稿能不能用。它的運算是把上下兩層的亮度相加再減掉一個滿值，換句話說，上層越接近純白的地方，結果就越接近直接顯示下層。設計稿上的純白區域套下去會整片消失，變成白袋子本人。所以做這種合成的設計稿，白色要退一步用米白或象牙白。示範裡那個 MATCHA 標準字就是米白，套上去之後它保留了顏色，同時被袋子的高光照亮，看起來像真的印上去的燙印。如果那行字是純白，你只會看到一片空白。CHAPTER 04 · GETTING STARTED六個步驟做完一張包裝提案素材只要兩張：一張空白包裝照片，一張你的平面設計稿。包裝照片可以自己拍，也可以去素材站找，我整理過六個素材來源與授權紅線那篇，找空白 mockup 照片的部分可以直接參考。1把包裝從背景分離開啟包裝照片，點下方工作列的「選取主體」，Photoshop 會自動抓出袋子的邊緣。接著按 Ctrl / Command + J 複製一層，這層就是乾淨的包裝本體。2把設計稿放到包裝層上面置入設計稿，讓它蓋住袋子的正面範圍，圖層順序在包裝層的上方。建議轉成智慧型物件，之後改稿雙擊就能進去改，外面的合成會自動跟著更新。3建立剪裁遮色片選著設計稿圖層，按 Ctrl / Command + Alt / Option + G。設計稿立刻縮進袋子的輪廓裡，背景恢復乾淨。這時候它還是平的，看起來像貼紙，正常。4混合模式改成線性加深在圖層面板左上角的混合模式選單裡選「線性加深」。皺褶陰影當場透上來，袋子開始有形狀了。這是整套流程裡視覺變化最大的一步。5打開圖層樣式找到混合範圍在設計稿圖層的縮圖上點兩下，開啟圖層樣式對話框，停在左欄的「混合選項」。對話框最下方有一區叫「混合範圍」，裡面兩條滑桿分別是「目前圖層」與「下面圖層」。6按住 Alt 拖曳白色控制桿按住 Alt / Option 再去拖「下面圖層」右端的白色控制桿，它會裂成兩半。往左拉到 226 左右，袋子的反光就會回到設計稿表面。邊拉邊看畫布，光澤剛好浮出來就停手。最常卡住的地方白色控制桿一定要先按住 Alt 再拖。沒按住就直接拖是硬切，亮部與暗部之間沒有過渡，反光邊緣會出現一圈鋸齒狀的硬邊，遠看像貼紙翹起來。拆成兩半之後，兩個半桿之間那一段就是漸變區，拉得越開過渡越柔。CHAPTER 05 · IN PRACTICE同一張袋子，五種提案情境合成完的袋子是一張去背素材，可以丟進任何場景。提案時這件事的價值比技法本身高——客戶看不懂圖層結構，但看得懂這包東西擺在貨架上是什麼樣子。以下五張都是同一個合成檔換場景。▲ 石台加硬光，測試設計稿在高對比環境下會不會被陰影吃掉。第一張刻意選硬光。斜射的日光在袋子右側切出一道明顯的暗面，這正是檢驗合成有沒有做對的時候——如果設計稿是硬貼上去的，它會在暗面裡維持原本的亮度，整包東西看起來就會分成兩層。混合範圍做對的話，粉紅色塊會跟著袋子一起沉下去。▲ 產品加飲品的組合，是電商主圖最常用的一種構圖。第二張把成品飲品放進來。包裝提案很怕只給一張商品照，客戶想像不到它在生活裡長什麼樣子。旁邊擺一杯做好的抹茶拿鐵，等於幫他把使用情境補完，接受度會差很多。▲ 禮盒情境把單品變成一整套周邊，適合提案時談延伸品項。第三張是禮盒。這張的用途跟前兩張不一樣：它在暗示客戶還有東西可以做——盒子、緞帶、感謝卡、封籤。一張圖就把後續三個品項的預算談開了。▲ 攝影棚風格，粉綠雙色背景直接呼應設計稿上的配色。第四張走攝影棚棚拍風。背景色刻意抽自設計稿上的粉紅與草綠，這種做法在社群素材上很吃香，因為主體跟背景是同一組色票，縮圖看起來會特別乾淨。▲ 換一組季節道具，同一包產品就能出春季檔期的視覺。最後一張加了櫻花。檔期視覺是包裝設計案裡最容易被追加的需求，而合成檔的好處就是不用重拍——換道具、換背景、換光線，主體貼上去就好。CHAPTER 06 · LIMITS這招什麼時候會失效它不是萬用的。三種情況下你得換工具。第一種是深色設計稿。線性加深會讓上下兩層的暗部疊加，設計稿本來就深，套上去會整包沉成一團黑。這時候把混合模式降級成「色彩增值」，或者保留線性加深但把不透明度拉到八成左右，讓底圖的陰影只滲一部分上來。第二種是設計稿必須跟著結構走的時候。像是設計稿上有一條橫向色帶，必須精準對齊袋子的壓合線；或是包裝有大幅度的透視角度，正面根本不是正對鏡頭。這兩種都涉及幾何，混合設定救不了，該用彎曲變形就用，該去做置換圖就做。消失點濾鏡那篇處理的就是純透視的狀況，可以對照著看。第三種是底圖本身沒有光。有些空白 mockup 圖為了乾淨，被修得幾乎沒有陰影與高光——這種底圖你混合到死也沒有東西可以透上來，因為它身上根本沒有明暗資訊。挑素材的時候寧可選有點皺、有點髒、光線硬一點的照片，合成出來反而更真。CHAPTER 07 · COMPARED TO三種貼合方法的分工這三個工具經常被拿來比較，但它們其實處理的是不同層級的問題。看清楚分工，遇到案子就不會挑錯。比較項目混合範圍彎曲變形移置濾鏡改變的東西明暗幾何幾何適合的表面軟袋、皺褶、布瓶身、罐子、弧面紋理、水面、織品改稿成本即時更新要重拉控制點要重存置換圖單張耗時約 1 分鐘10 分鐘起跳5 分鐘起跳最大弱點對不了透視追不上高頻皺褶流程來回麻煩實務上最快的做法是疊著用。先用彎曲變形把大方向的透視對好，再用混合範圍補明暗，兩層一起上，五分鐘能做到很接近打樣的程度。復古印章那篇用的也是混合模式的邏輯，只是換了一組模式去追手工印刷的顆粒感，可以一起看，會更清楚混合模式在合成裡到底扮演什麼角色。CHAPTER 08 · TAKEAWAYS帶走這幾件事TAKEAWAYS→貼合感來自明暗而不是幾何。讓底圖的陰影與高光透過設計稿，眼睛會自己補上立體。→線性加深負責把底圖的暗部帶上來，混合範圍的白色控制桿負責把亮部放回去，一暗一亮補齊立體感才完整。→控制桿一定要按住 Alt 拖，滑桿裂成兩半才有漸變過渡，否則反光會出現硬邊。→設計稿裡的純白會在線性加深下消失，白色元素改用米白或象牙白才留得住。→挑底圖時選有皺褶、光線硬一點的照片。修得太乾淨的空白 mockup 沒有明暗資訊可以透上來。這幾年 AI 生圖把「做一張好看的包裝情境圖」的門檻壓得很低，但客戶要的往往不是好看的圖，是他那一版設計稿貼在那一款袋子上的樣子。這種指定性的需求，AI 目前還接不太住。混合範圍這種老技法反而在這裡撿到位置——它處理的是精確度，不是想像力。RELATED READS · 延伸閱讀Photoshop 包裝 Mockup 怎麼做？平面稿直接貼上瓶身的擬真合成教學同一套思路的瓶身版，多了彎曲變形處理弧面透視。閱讀文章 →Photoshop 移置濾鏡怎麼用？讓文字跟著材質起伏的氣泡水文字教學真的要推移像素時走這條路，含混合範圍的 Alt 拖曳。閱讀文章 →Photoshop 路面透視效果怎麼做？消失點濾鏡把文字貼上柏油路的完整教學純透視問題的解法，跟本篇的明暗路線剛好互補。閱讀文章 →Photoshop 復古印章質感效果怎麼做？臨界值＋濾色的手工蓋印完整教學另一組混合模式的用法，做精品包裝的手工印刷感。閱讀文章 →Photoshop 影像延伸效果怎麼做？一個變形拉出液態線條的完整教學同樣從「選取主體」起手，五步做出專輯封面的液態線條。閱讀文章 →接案設計師的素材天堂：六個來源、真實花費，與三條會賠錢的授權紅線空白包裝照片去哪找，以及交件前該確認的授權範圍。閱讀文章 →COURSE100 種 Photoshop 設計的風格包裝合成只是其中一招。混合模式、混合範圍與遮色片的完整用法，課程裡有一百種練法。了解課程 →SUBSCRIPTIONAI 覺醒設計應用攻略AI 工具每週都在更新，我幫你過濾雜訊，只留對設計師真正有用的應用。了解訂閱 →常見問題Q：混合範圍在哪裡找？我打開圖層樣式看不到。A：在圖層縮圖上點兩下開啟圖層樣式後，左欄要停在最上面的「混合選項」，不要點進「陰影」或「筆畫」那些效果。對話框右側最下面那一區就是「混合範圍」，裡面有「目前圖層」與「下面圖層」兩條滑桿。Q：為什麼我拖了白色控制桿，反光邊緣有一圈鋸齒？A：沒有按住 Alt / Option 就直接拖了。不按住的話滑桿是一整顆，亮部與暗部之間是硬切；按住之後滑桿會裂成兩半，中間那段變成漸變過渡，邊緣就柔了。Q：白色控制桿要拉到多少才對？A：沒有標準值，這個數字完全取決於底圖的亮度。示範這張拉到 226 左右，你的照片高光更強就要拉得更少，光線平的照片則要拉得更多。做法是邊拖邊看畫布，光澤剛浮出來、還沒把設計稿洗白的位置就是對的。Q：設計稿套上去整包變得很暗，怎麼救？A：這是深色設計稿的典型症狀。線性加深會把兩層的暗部疊加，稿子本來就深就會沉掉。改用「色彩增值」會溫和一些，或者維持線性加深但把圖層不透明度降到八成左右，讓底圖的陰影只滲一部分上來。Q：設計稿上的白色文字不見了。A：純白在線性加深下等於完全透明，所以那行字直接被底圖吃掉了。把白色換成米白或象牙白，保留一點灰度，文字就會回來，而且看起來比純白更像燙印效果。Q：這招可以用在衣服、紙袋、瓶罐上嗎？A：布料跟紙袋最適合，因為它們的表面起伏跟軟袋一樣是高頻的皺褶。瓶罐則建議先用彎曲變形把弧面透視對好，再套混合設定補明暗，兩層一起用效果最好。Q：改設計稿之後要重做一次合成嗎？A：不用，這正是這個做法最省時間的地方。設計稿放成智慧型物件，雙擊進去改完儲存，外層的剪裁遮色片、混合模式與混合範圍全部保留，合成結果自動更新。