將平面位圖(圖案/插畫/照片)真實地包裹在立體包裝模型(盒子/瓶身/袋體)上,是包裝設計提案、樣機製作的核心技能。Illustrator 原生的「信封扭曲」功能提供了三種強大模式——「扭曲網格」、「頂層物件」、「網格」——讓你無需跳轉 Photoshop 即可完成專業級包裝貼圖。本教程深度解析三種模式的適用場景與操作細節。
最終效果對比
核心工作流:置入位圖 → 繪製目標路徑 → 信封扭曲
準備工作
- 置入位圖:檔案 > 置入,勾選「連結」/「嵌入」(建議嵌入避免斷鏈)
- 繪製目標路徑:鋼筆工具 (P) 繪製包裝展開圖/單面輪廓的閉合路徑(僅描邊無填充)
- 路徑置於位圖上方,對齊目標區域
關鍵操作:全選位圖與路徑 → 物件 > 信封扭曲 > 使用頂層物件建立 (Ctrl+Alt+C)
三種模式深度解析
模式一:使用頂層物件建立(最常用、精準可控)
原理:頂層矢量路徑作為「模具」,將底層位圖按模具形狀扭曲變形。
適用場景:盒子單面、標貼、平面包裝、書本封面、任何可用單一閉合路徑定義的區域。
操作要點:
- 目標路徑必須為閉合路徑,且在圖層頂層
- 路徑錨點數量直接影響變形精度:直邊 2-3 點/邊,曲邊 5-8 點/邊
- 執行後位圖變為「信封扭曲物件」,雙擊進入「編輯內容」模式可調整位圖位置/縮放
- 雙擊外部退出編輯,選中物件可繼續調整「模具路徑」
模式二:扭曲網格(有機形態、自由推拉)
原理:在物件上疊加可編輯網格,拖動網格點自由推拉變形。
適用場景:彎曲瓶身標貼、不規則袋體、有機形態包裝、旗幟飄動效果。
操作步驟:
- 選中位圖 → 物件 > 信封扭曲 > 使用扭曲網格建立
- 設置網格行/列 (建議 4×4 至 8×8),勾選「預覽」
- 直接選擇工具 (A) 拖動網格錨點/手柄自由變形
- 網格線可視為等高線,沿結構走向佈局網格點效果最佳
模式三:使用網格(精確透視、參考線對齊)
原理:類似扭曲網格,但網格點可精確吸附至參考線/錨點,適合透視校正。
適用場景:透視圖包裝貼圖、建築立面圖案映射、需精確對齊透視點的場景。
操作步驟:
- 先建立透視網格 (Shift+Ctrl+I) 或手動繪製透視參考線
- 選中位圖 → 物件 > 信封扭曲 > 使用網格建立
- 網格點吸附對齊透視消失點/參考線
- 調整網格邊界框匹配目標透視面
專業級包裝樣機進階技巧
多面體包裝(盒子/紙盒)
- 繪製盒子展開圖:6 個面(正/背/左/右/頂/底)按展開邏輯排列
- 每個面獨立繪製閉合路徑,組成群組
- 位圖置於展開圖群組下方,全選 → 「使用頂層物件建立」
- AI 會自動為每個面建立獨立信封扭曲,位圖自動分割映射
圓柱體包裝(瓶罐/杯身)
- 目標路徑:繪製矩形(寬=圓周長,高=瓶高)
- 執行信封扭曲後,雙擊進入編輯模式
- 效果 > 扭曲與變換 > 彎曲:水平、彎曲度 ±15-25% (視直徑/高度比)
- 或直接用「扭曲網格」模式,網格點吸附圓柱展開圖邊緣
材質真實感增強(外觀面板疊加)
- 高光/陰影漸變:複製信封扭曲物件置前/後,填充漸變,混合模式「螢幕/正片疊底」
- 紋理疊加:紙張/金屬/塑膠紋理圖片置入 → 信封扭曲同模具 → 混合模式「柔光/疊加」
- 邊緣磨損:描邊添加「粗糙化」效果,或剪刀工具剪切邊緣添加不規則
可編輯性保持策略
- 保留源位圖:圖層面板備份原始位圖(隱藏鎖定)
- 符號化模具:將目標路徑存為符號,多版本包裝復用
- 外觀面板記錄所有效果,隨時可調整參數或關閉
避坑指南
| 問題 | 原因 | 解決 |
| 位圖變形後模糊/鋸齒 | 源位圖解析度不足 | 置入前確保 300dpi+;或改用矢量圖案/插畫 |
| 邊緣出現白邊/縫隙 | 信封扭曲邊界抗鋸齒 | 路徑略大於目標區域 1-2px;或添加描邊同色掩蓋 |
| 文字/Logo 變形失識 | 關鍵視覺元素落在高變形區 | 調整網格密度/模具路徑,保護關鍵區域;或改用 PS Vanishing Point |
| 擴展外觀後無法再編輯 | 信封扭曲為動態效果,擴展即破壞 | 嚴禁擴展外觀!修改請雙擊進入編輯模式 |
Illustrator 的信封扭曲是純矢量環境下最接近 3D 貼圖映射的功能。掌握三種模式的選擇邏輯與組合技巧,你將能在 AI 中快速產出媲美 3D 軟體渲染的包裝樣機,並保持矢量編輯的無限靈活性——這正是包裝設計師在提案修改高頻場景下的核心競爭力。