PHOTOSHOP · 包裝合成 · 2026
QUICK ANSWER
Photoshop 設計包裝合成法的核心是兩個混合設定:把設計稿剪裁到包裝圖層上,混合模式改成「線性加深」讓底圖的皺褶陰影壓上來,再到圖層樣式的混合範圍,按住 Alt 拖曳「下面圖層」的白色控制桿,把包裝的反光放回設計稿表面。全程不動彎曲變形、不做置換圖,設計稿一個像素都沒被推移。
CONTENTS
01
這招到底在做什麼
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 照片的部分可以直接參考。
把包裝從背景分離
開啟包裝照片,點下方工作列的「選取主體」,Photoshop 會自動抓出袋子的邊緣。接著按 Ctrl / Command + J 複製一層,這層就是乾淨的包裝本體。
把設計稿放到包裝層上面
置入設計稿,讓它蓋住袋子的正面範圍,圖層順序在包裝層的上方。建議轉成智慧型物件,之後改稿雙擊就能進去改,外面的合成會自動跟著更新。
建立剪裁遮色片
選著設計稿圖層,按 Ctrl / Command + Alt / Option + G。設計稿立刻縮進袋子的輪廓裡,背景恢復乾淨。這時候它還是平的,看起來像貼紙,正常。
混合模式改成線性加深
在圖層面板左上角的混合模式選單裡選「線性加深」。皺褶陰影當場透上來,袋子開始有形狀了。這是整套流程裡視覺變化最大的一步。
打開圖層樣式找到混合範圍
在設計稿圖層的縮圖上點兩下,開啟圖層樣式對話框,停在左欄的「混合選項」。對話框最下方有一區叫「混合範圍」,裡面兩條滑桿分別是「目前圖層」與「下面圖層」。
按住 Alt 拖曳白色控制桿
按住 Alt / Option 再去拖「下面圖層」右端的白色控制桿,它會裂成兩半。往左拉到 226 左右,袋子的反光就會回到設計稿表面。邊拉邊看畫布,光澤剛好浮出來就停手。
最常卡住的地方
白色控制桿一定要先按住 Alt 再拖。沒按住就直接拖是硬切,亮部與暗部之間沒有過渡,反光邊緣會出現一圈鋸齒狀的硬邊,遠看像貼紙翹起來。拆成兩半之後,兩個半桿之間那一段就是漸變區,拉得越開過渡越柔。
CHAPTER 05 · IN PRACTICE
合成完的袋子是一張去背素材,可以丟進任何場景。提案時這件事的價值比技法本身高——客戶看不懂圖層結構,但看得懂這包東西擺在貨架上是什麼樣子。以下五張都是同一個合成檔換場景。
第一張刻意選硬光。斜射的日光在袋子右側切出一道明顯的暗面,這正是檢驗合成有沒有做對的時候——如果設計稿是硬貼上去的,它會在暗面裡維持原本的亮度,整包東西看起來就會分成兩層。混合範圍做對的話,粉紅色塊會跟著袋子一起沉下去。
第二張把成品飲品放進來。包裝提案很怕只給一張商品照,客戶想像不到它在生活裡長什麼樣子。旁邊擺一杯做好的抹茶拿鐵,等於幫他把使用情境補完,接受度會差很多。
第三張是禮盒。這張的用途跟前兩張不一樣:它在暗示客戶還有東西可以做——盒子、緞帶、感謝卡、封籤。一張圖就把後續三個品項的預算談開了。
第四張走攝影棚棚拍風。背景色刻意抽自設計稿上的粉紅與草綠,這種做法在社群素材上很吃香,因為主體跟背景是同一組色票,縮圖看起來會特別乾淨。
最後一張加了櫻花。檔期視覺是包裝設計案裡最容易被追加的需求,而合成檔的好處就是不用重拍——換道具、換背景、換光線,主體貼上去就好。
CHAPTER 06 · LIMITS
它不是萬用的。三種情況下你得換工具。
第一種是深色設計稿。線性加深會讓上下兩層的暗部疊加,設計稿本來就深,套上去會整包沉成一團黑。這時候把混合模式降級成「色彩增值」,或者保留線性加深但把不透明度拉到八成左右,讓底圖的陰影只滲一部分上來。
第二種是設計稿必須跟著結構走的時候。像是設計稿上有一條橫向色帶,必須精準對齊袋子的壓合線;或是包裝有大幅度的透視角度,正面根本不是正對鏡頭。這兩種都涉及幾何,混合設定救不了,該用彎曲變形就用,該去做置換圖就做。消失點濾鏡那篇處理的就是純透視的狀況,可以對照著看。
第三種是底圖本身沒有光。有些空白 mockup 圖為了乾淨,被修得幾乎沒有陰影與高光——這種底圖你混合到死也沒有東西可以透上來,因為它身上根本沒有明暗資訊。挑素材的時候寧可選有點皺、有點髒、光線硬一點的照片,合成出來反而更真。
CHAPTER 07 · COMPARED TO
這三個工具經常被拿來比較,但它們其實處理的是不同層級的問題。看清楚分工,遇到案子就不會挑錯。
實務上最快的做法是疊著用。先用彎曲變形把大方向的透視對好,再用混合範圍補明暗,兩層一起上,五分鐘能做到很接近打樣的程度。復古印章那篇用的也是混合模式的邏輯,只是換了一組模式去追手工印刷的顆粒感,可以一起看,會更清楚混合模式在合成裡到底扮演什麼角色。
CHAPTER 08 · TAKEAWAYS
TAKEAWAYS
→
貼合感來自明暗而不是幾何。讓底圖的陰影與高光透過設計稿,眼睛會自己補上立體。
→
線性加深負責把底圖的暗部帶上來,混合範圍的白色控制桿負責把亮部放回去,一暗一亮補齊立體感才完整。
→
控制桿一定要按住 Alt 拖,滑桿裂成兩半才有漸變過渡,否則反光會出現硬邊。
→
設計稿裡的純白會在線性加深下消失,白色元素改用米白或象牙白才留得住。
→
挑底圖時選有皺褶、光線硬一點的照片。修得太乾淨的空白 mockup 沒有明暗資訊可以透上來。
這幾年 AI 生圖把「做一張好看的包裝情境圖」的門檻壓得很低,但客戶要的往往不是好看的圖,是他那一版設計稿貼在那一款袋子上的樣子。這種指定性的需求,AI 目前還接不太住。混合範圍這種老技法反而在這裡撿到位置——它處理的是精確度,不是想像力。
RELATED READS · 延伸閱讀
Photoshop 包裝 Mockup 怎麼做?平面稿直接貼上瓶身的擬真合成教學
同一套思路的瓶身版,多了彎曲變形處理弧面透視。
閱讀文章 →Photoshop 移置濾鏡怎麼用?讓文字跟著材質起伏的氣泡水文字教學
真的要推移像素時走這條路,含混合範圍的 Alt 拖曳。
閱讀文章 →Photoshop 路面透視效果怎麼做?消失點濾鏡把文字貼上柏油路的完整教學
純透視問題的解法,跟本篇的明暗路線剛好互補。
閱讀文章 →Photoshop 復古印章質感效果怎麼做?臨界值+濾色的手工蓋印完整教學
另一組混合模式的用法,做精品包裝的手工印刷感。
閱讀文章 →Photoshop 影像延伸效果怎麼做?一個變形拉出液態線條的完整教學
同樣從「選取主體」起手,五步做出專輯封面的液態線條。
閱讀文章 →接案設計師的素材天堂:六個來源、真實花費,與三條會賠錢的授權紅線
空白包裝照片去哪找,以及交件前該確認的授權範圍。
閱讀文章 →A:在圖層縮圖上點兩下開啟圖層樣式後,左欄要停在最上面的「混合選項」,不要點進「陰影」或「筆畫」那些效果。對話框右側最下面那一區就是「混合範圍」,裡面有「目前圖層」與「下面圖層」兩條滑桿。
A:沒有按住 Alt / Option 就直接拖了。不按住的話滑桿是一整顆,亮部與暗部之間是硬切;按住之後滑桿會裂成兩半,中間那段變成漸變過渡,邊緣就柔了。
A:沒有標準值,這個數字完全取決於底圖的亮度。示範這張拉到 226 左右,你的照片高光更強就要拉得更少,光線平的照片則要拉得更多。做法是邊拖邊看畫布,光澤剛浮出來、還沒把設計稿洗白的位置就是對的。
A:這是深色設計稿的典型症狀。線性加深會把兩層的暗部疊加,稿子本來就深就會沉掉。改用「色彩增值」會溫和一些,或者維持線性加深但把圖層不透明度降到八成左右,讓底圖的陰影只滲一部分上來。
A:純白在線性加深下等於完全透明,所以那行字直接被底圖吃掉了。把白色換成米白或象牙白,保留一點灰度,文字就會回來,而且看起來比純白更像燙印效果。
A:布料跟紙袋最適合,因為它們的表面起伏跟軟袋一樣是高頻的皺褶。瓶罐則建議先用彎曲變形把弧面透視對好,再套混合設定補明暗,兩層一起用效果最好。
A:不用,這正是這個做法最省時間的地方。設計稿放成智慧型物件,雙擊進去改完儲存,外層的剪裁遮色片、混合模式與混合範圍全部保留,合成結果自動更新。