RAR 設計攻略
  • 線上課程
  • 專欄文章
  • AI 覺醒
  • 關於講師
客服信箱:riven@rar.design

© 2026 RAR 設計攻略 All Rights Reserved.欸嗚欸嗚欸欸嗚嗚嗚喔喔有限公司.統一編號: 90841757
使用者條款.隱私權政策
Made with ♥ by 無為教育科技股份有限公司.Teachify
Developer and agent API documentationSite content index for AI agents (llms.txt)API documentation (OpenAPI)API authentication guide
  1. 首頁
  2. 文章列表
  3. Photoshop 設計包裝合成法:不用變形,兩個混合設定就有皺褶與光澤

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

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

設計師 Riven

2026年8月30日 下午 1:40

平面設計

PHOTOSHOP · 包裝合成 · 2026

Photoshop 設計包裝合成法教學封面,綠色抹茶軟袋包裝與平面設計稿合成成果

▲ 一張白色空袋照片,加一張平面設計稿,中間不經過任何變形工具。

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 照片的部分可以直接參考。

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 影像延伸效果怎麼做?一個變形拉出液態線條的完整教學

同樣從「選取主體」起手,五步做出專輯封面的液態線條。

閱讀文章 →

接案設計師的素材天堂:六個來源、真實花費,與三條會賠錢的授權紅線

空白包裝照片去哪找,以及交件前該確認的授權範圍。

閱讀文章 →
100 種 Photoshop 設計的風格

COURSE

100 種 Photoshop 設計的風格

包裝合成只是其中一招。混合模式、混合範圍與遮色片的完整用法,課程裡有一百種練法。

了解課程 →
AI 覺醒設計應用攻略

SUBSCRIPTION

AI 覺醒設計應用攻略

AI 工具每週都在更新,我幫你過濾雜訊,只留對設計師真正有用的應用。

了解訂閱 →

常見問題

Q:混合範圍在哪裡找?我打開圖層樣式看不到。

A:在圖層縮圖上點兩下開啟圖層樣式後,左欄要停在最上面的「混合選項」,不要點進「陰影」或「筆畫」那些效果。對話框右側最下面那一區就是「混合範圍」,裡面有「目前圖層」與「下面圖層」兩條滑桿。

Q:為什麼我拖了白色控制桿,反光邊緣有一圈鋸齒?

A:沒有按住 Alt / Option 就直接拖了。不按住的話滑桿是一整顆,亮部與暗部之間是硬切;按住之後滑桿會裂成兩半,中間那段變成漸變過渡,邊緣就柔了。

Q:白色控制桿要拉到多少才對?

A:沒有標準值,這個數字完全取決於底圖的亮度。示範這張拉到 226 左右,你的照片高光更強就要拉得更少,光線平的照片則要拉得更多。做法是邊拖邊看畫布,光澤剛浮出來、還沒把設計稿洗白的位置就是對的。

Q:設計稿套上去整包變得很暗,怎麼救?

A:這是深色設計稿的典型症狀。線性加深會把兩層的暗部疊加,稿子本來就深就會沉掉。改用「色彩增值」會溫和一些,或者維持線性加深但把圖層不透明度降到八成左右,讓底圖的陰影只滲一部分上來。

Q:設計稿上的白色文字不見了。

A:純白在線性加深下等於完全透明,所以那行字直接被底圖吃掉了。把白色換成米白或象牙白,保留一點灰度,文字就會回來,而且看起來比純白更像燙印效果。

Q:這招可以用在衣服、紙袋、瓶罐上嗎?

A:布料跟紙袋最適合,因為它們的表面起伏跟軟袋一樣是高頻的皺褶。瓶罐則建議先用彎曲變形把弧面透視對好,再套混合設定補明暗,兩層一起用效果最好。

Q:改設計稿之後要重做一次合成嗎?

A:不用,這正是這個做法最省時間的地方。設計稿放成智慧型物件,雙擊進去改完儲存,外層的剪裁遮色片、混合模式與混合範圍全部保留,合成結果自動更新。