1、跳跳豆糖果包装设计说明-

2、设置包装的标准尺寸-

3、制作包装的底纹-

4、制作品名-

5、添加装饰卡通及文字-

6、添加厂商名称和商标-

7、制作包装背面平面图：背景-

8、制作包装背面平面图：文字-

9、制作包装背面平面图：条形码-

10、印刷制版-

11、制作包装的立体效果图-

12、制作包装投影-

13、结语-

　　本文节选自《Photoshop CS & CorelDRAW 12商业包装设计与印前制作精粹》（含多媒体教学光盘一张）。未经著作权所有者书面授权许可，禁止转载。

　　购买地址：点击访问

第13章 袋式结构

　　塑料薄膜是用各种塑料加工制作的包装材料，它具有强度高、防潮性好、防腐性强等特点，是包装很好的内层材料，常用于食品包装。印刷材料可分为哑光膜、复铝膜、珠光膜等，不同的印刷材料能体现不同的视觉效果和档次。

13.1 跳跳豆糖果包装设计说明

　　制作时间：120 分钟

　　学习难度：★★★★

　　相关视频：

　　本实例详细阐述一个铝膜材料的糖果包装袋从构思、设计到印刷制作的全过程。如图 13-1 和图 13-2 所示，分别为“跳跳豆”的正背面设计图和成品立体效果图。

图13－1 “跳跳豆”的正背面设计图 [+放大]

图13－2：成品立体效果图 [+放大]

　　设计前序

　　这是一款糖果休闲食品，产品消费群针对儿童。客户要求设计师在设计的时候要突出品名，体现巧克力食品的特性，版面要赋予儿童食品的天真活泼气氛。

　　已知薄膜袋包装的正面展开尺寸是： 24.5 厘米（长）× 16 厘米（宽）。

　　学习要点

　　?  包装设计的定位

　　?  设置包装的标准尺寸

　　?  制作包装的平面展开图

　　?  包装印刷制版

　　?  制作包装的立体效果图

　　创作思路

　　1 ．产品定位

　　“跳跳豆”是一款针对儿童的休闲食品。根据产品的消费群，包装的设计风格要活泼、富于童趣，包装的平面设计效果要能吸引消费者的食欲。

　　2 ．设计手法

　　包装的主色调用绿色，体现产品的健康环保；卡通活泼的吉祥物和醒目的标题文字，渲染了包装的视觉氛围；旋转粘稠的奶油和七彩鲜艳的巧克力豆，则传达了产品的特性。

　　3 ．印刷思路

　　本包装采用圆筒圆压式凹版印刷机印刷。通常的休闲食品包装都设有透明视窗，所以包装正面可采用亮泽好、透明度高的簿膜材料，称为“珠光膜”。在凹版印刷中，印刷时是存在白色的。

　　包装的背面可采用一种称为“复铝膜”的材料，这种材料自带有一层白色反光度极强的铝膜，印刷时需在铝膜的另一侧印刷画面颜色，然后再过膜。

　　本产品的包装是属于正反面形式，通常称为“双边袋”包装。印刷颜色分为四种：黑、青、红、黄。因此在制作菲林时 ，读者可以按照常规的四色制版方式。

　　4 ．成品流程

　　认真对待每个制作环节，如有差错将功亏一篑。糖果包装的制作流程大致分为：设计构思→印前准备→设计初稿→定稿→印前电脑制作菲林→制造印刷版→成批印刷→装箱成品。

　　作为一名设计人员能完成的任务就是从设计初稿到印刷前的制作，如图 13-3 所示是“跳跳豆”包装前期的制作过程。

图 13-3 “跳跳豆”包装前期的制作过程 [+放大]

13.2 操作过程精解

　　13.2.1 设置包装的标准尺寸

　　（ 1 ）启动 Photoshop CS 软件。

　　（ 2 ）按 Ctrl+N 键，在弹出的【 新建】对话框中设置宽度为 16 厘米，高度为 24.5 厘米，分辨率为 300 像素 / 英寸，色彩模式为 CMYK 颜色，背景色为白色，如图 13-4 所示，建立新文件。

图13-4 建立新文件

　　（ 3 ）按 Ctrl+Shift+S 【存储】键，存储该文件为“跳跳豆正面” PSD 格式。

　　（ 4 ）根据包装的正面尺寸，首先要在 Photoshop CS 当前文件中设置包装袋的压边线，将工具箱中的前景色设置为灰色“ C ： 0 ， M ： 0 ， Y ： 0 ， K ： 25 ”，按 Alt+Delete 键填充到当前文件。接着按快捷键 Ctrl+R 显示标尺，然后在标尺上拖曳鼠标创建辅助线，如图 13-5 所示。

图 13-5 绘制包装辅助线

　　一般双边封包装袋左右两边压边各 0.5 厘米 ，上压边 4 厘米 ，下压边 2 厘米 ，根据这些参数拖出辅助线。

13.2.2 制作包装正面平面图

　　包装是双边封的，因此正背面应分开独立制作。因为正面开透明视窗，所以正面是用普通膜印刷，设计时要考虑到这一点。

　　1 ．制作包装的底纹

　　（ 1 ）按 Ctrl+Shift+N 键，新建图层为“图层 1 ”，将前景色设置为绿色“ C ： 73 ， M ： 0 ， Y ： 100 ， K ： 0 ”。然后选择工具箱中的 【渐变工具】，调出【渐变编辑器】，选择渐变类型为前景到透明。在文件的上下各拉出两道渐变色，而中间的空白处为透明，如图 13-6 和图 13-7 所示。

图 13-6 设置前景色

图 13-7 应用渐变

　　（ 2 ）继续执行 Ctrl+Shift+N 【 新建图层 】 命令，新建图层为 “图层 2 ”，将前景色设置为白色。选择工具箱中的 【画笔工具】，按 F5 键弹出【画笔】面板，如图 13-8 所示进行参数设置。接着在版面上方随意喷几个白点，按 M 键切换到 【矩形选框工具】将几个白点圈选，如图 13-9 所示。

图 13-8 设置画笔参数

图 13-9 喷绘白点并圈选为选区

　　圈选白点的原因是为了让接下来的操作只在所选区域里进行，选取区域的大小直接影响操作效果。

　　（ 3 ）执行菜单中的【滤镜】→【扭曲】→【旋转扭曲】命令，在弹出的【旋转扭曲】对话框中设置参数，如图 13-10 所示，单击【好】按钮，然后按快捷键 Ctrl+D 取消选区，“旋转的奶油”效果便完成了，如图 13-11 所示。

图 13-10 在【旋转扭曲】对话框中设置参数

图 13-11 完成“旋转的奶油”效果

　　（ 4 ）按 Ctrl+T 键执行【自由变换】命令，对“图层 2 ”进行变换，如图 13-12 所示；然后选择菜单中的【滤镜】→【模糊】→【高斯模糊】命令，在弹出的【高斯模糊】对话框中，将半径设置为 23.2 像素，效果如图 13-13 所示。

图13－12 对“图层 2 ”进行变换

图 13-13 应用高斯模糊

　2 ．制作品名

　　（ 1 ）执行【文件】→【打开】命令，打开本书配套光盘中的【】→【第 13 章】→【跳跳豆】 PSD 文件。选择【路径】面板，按键盘“ A ”键切换【路径选择工具】，选取所有路径，如图 13-14 所示。

图 13-14 选取所有路径 [+放大]

　　（ 2 ）把前景色设置为“ C ： 0 ， M ： 13 ， Y ： 100 ， K ： 0 ”，执行 Ctrl+Delete 【 填充 】命令，填充“跳跳豆”文字选区。按键盘 【移动工具】按钮，将“跳跳豆”文字路径拖至“跳跳豆正面”文件中，为“图层 3 ”；执行 Ctrl+T 【自由变换】命令变换图像大小；如图 13-15 所示。

图 13-15

　　（ 3 ）保持执行【图层】面板状态，左键双击“图层 3 ”，在弹出【图层样式】对话框中选择“描边”，将大小设置为 24 像素，颜色为“ C ： 0 ， M ： 100 ， Y ： 100 ， K ： 76 ” ，如图 13-16 所示。描边效果如图 13-17 所示。

图 13-16 描边样式参数设计 [+放大]

图 13-17 描边效果

　　（ 4 ）复制“图层 3 ”为“图层 3 的外描边”，将前景色设置为“ C ： 0 ， M ： 100 ， Y ： 100 ， K ： 76 ”，载入选区执行 Ctrl+Delete 【填充】命令，填充前景色。然后按 B 键切换到 【画笔工具】，将“跳跳豆”文字的空白处和字间缝隙填充，图层状况和效果如图 13-18 所示。

图 13-18 当前图层状况和效果 [+放大]

　　（ 5 ）继续执行 Ctrl+Shift+N 【新建图层】命令，新建“图层 4 ”，并置于“图层 3 ”上面。然后运用 【钢笔工具】，勾画出字体高光路径，并载入选区。单击工具箱中的 【渐变工具】按钮，在选区中拉出渐变透明效果，如图 13-19 所示。按同样的方法继续进行调整，{zh1}效果如图 13-20 所示。

图 13-19 渐变水晶效果 [+放大]

图 13-20 品名的{zh1}效果 [+放大]

3 ．添加装饰卡通及文字

　　（ 1 ）单击【文件】→【打开】命令，打开本书配套光盘中的【】→【第 13 章】→【卡通豆】 PSD 文件，如图 13-21 所示。运用 【移动工具】将“卡通豆 .psd ”文件拖 曳入 “跳跳豆”文件中。接着，执行 Ctrl+T 【自由变换工具】命令将“卡通豆”图层进行变换，摆放效果如图 13-22 所示。

图 13-21 打开“卡通豆 .psd ”文

图 13-22 装饰卡通添加完成

　　（ 2 ） 单击工具箱中的 【横排文字工具】按钮，在包装版面中输入“ {bfb} ”、“米克力投入”和“ taste gelicacy ”文本图层。选择“ {bfb} ”文本图层，在【字符控制栏】中设置如图 13-23 所示参数。 接着，选择菜单箱中的 【创建变形文本】按钮，在弹出的【变形文本】对话框中设置参数，如图 13-24 所示，将“ {bfb} ”文字环绕 标题。{zh1}，为字体添加 “描边”效果，方法同前 。

图 13-23 字符控制栏参数设置

图 13-24 变形文字参数设置

　　（ 3 ）“米克力投入”、“ taste gelicacy ”文字也同样用以上方法制作，最终制作效果如图 13-25 所示。

图 13-25 变形文字效果完成

　　由于每台电脑安装的字体 有所不同，读者在自 己制作案例时的字体选择上可能会跟本案例有区别。所以，字体选择上读者可根据自己的想法和爱好而定，但最终效果要符合版面要求。

（ 3 ） 从目前的 卡通和字体排版来看，感觉有点凌乱。所以，接下来要在“跳跳豆”品名、扇形变形字体和卡通豆后面填充一个白色色块，以增强版面的层次感。

　　（ 4 ） 执行 Ctrl+Shift+N 【 新建图层 】命令，为文件增加“背景白底”图层， 运用工具箱中的 【钢笔工具】，环绕 “跳跳豆”品名、扇形变形字体和卡通豆周围绘制路径，绘制情况如图 13-26 所示。闭合路径后载入选区，将选区填充为白色， 并置于“图层 2 ”上方， 最终效果如图 13-27 所示。

图 13-26 绘制“背景白底”选区

图 13-27 填充“背景白底”选区

　　（ 5 ）按 Ctrl+Shift+N 【新建图层】命令，新建“图层 7 ”，运用工具箱中的 【椭圆工具】，在包装的右下角拖出一个椭圆并转换成选区，填充“ Y ： 100 ”纯黄色，接着复制“图层 7 ”为“图层 7 副本”，并置于“图层 7 ” 下方，填充为“ M ： 100 ， Y ： 100 ”的红色，再执行 Ctrl+T 【自由变换】命令，将其放大到如图 13-28 所示效果。

图 13-28 制作图标

　　（ 6 ）继续运用工具箱中的 【横排文字工具】，在 “图层 7 ” 上方中输入“巧克力跳跳豆”、“净含量： 88 克 ”文本图层，根据以上介绍的【变形文本】方法制作变形文字，制作效果如图 13-29 所示。

图 13-29 变形文本

　　（ 7 ）执行 Ctrl+Shift+N 【 新建图层 】命令， 新建图层为“图层 8 ”，运用工具箱中的 【椭圆选框工具】，在图标上绘制圆点，填充为红色。连续复制出 12 个圆点，制作效果如图 13-30 所示。

图 13-30 制作连续圆点

4 ．添加厂商名称和商标

　　（ 1 ） 继续执行 Ctrl+Shift+N 【新建图层】命令，新建图层为“图层 9 ”。

　　（ 2 ） 单击 工具箱中的 【圆角矩形工具】按钮，将选项栏中的半径设置为 80 像素。首先，在包装的最下方绘制长为 12cm 的路径，按快捷键 Ctrl+Enter 转为选区，填充为白色，并将图层的“不透明度”设置为 50% ，制作效果如图 13-31 所示。然后输入“制造商：广州市鸿胜食品有限公司”字样，并执行“描边”命令，为文字添加白色描边，效果如图 13-32 所示。

图 13-31 调整选区透明度

图 13-32 厂商名称添加描边

　　（ 3 ）单击【文件】→【打开】命令，打开本书配套光盘中的【】→【第 13 章】→【标志】 PSD 文件，如图 13-33 所示。运用工具箱中的 【移动工具】，将“标志”拖 曳到当前文件，并运用 Ctrl+T 【自由变换工具】调整“标志”大小，调整结果如图 13-34 所示。

图 13-33 打开“标志”文件 [+放大]

图 13-34 包装正面效果完成

　　（ 4 ）单击【图层】面板的 【指示图层是否已链接】按钮，链接“旋转 的奶油”、“卡通豆”和主标题文字等 图层，执行 Ctrl+E 【 合并链接图层】命令，将链接图层合并。

　　（ 5 ）按 Ctrl+S 【存储】命令，存储该文件为“跳跳豆正面” PSD 格式。

13.2.3 制作包装背面平面图

　　1 ．制作背景

　　包装的背面是介绍产品的配料、保质期、厂家联系方式等一系列相关信息。

　　（ 1 ）按 Ctrl+N 键，在弹出的【新建】对话框中设置宽度为 16 厘米，高度为 24.5 厘米，分辨率为 300 像素 / 英寸，色彩模式为 CMYK 颜色背景色为白色，建立新文件 。

　　（ 2 ）单击工具箱中的 【渐变工具】按钮，调出 【渐变编辑器】并设置渐变色值，设置参数可参照图 13-35 所示；设置完成后在页面中由上至下 拖曳填充渐变，如图 13-36 所示。

图 13-35 渐变颜色色值设置

图 13-36 填充渐变颜色

　　（ 3 ）执行 Ctrl+S 【存储】命令，存储该文件为“跳跳豆背面” PSD 格式。

　　（ 4 ）运用工具箱中的 【移动工具】，将合并链接图层拖 曳到“跳跳豆背面”当前文件，并运用 Ctrl+T 【自由变换工具】调整文件大小，如图 13-37 所示。

图 13-37 调整图层

2 ．添加文字说明

　　（ 1 ） 运用工具箱中的 【横排文字工具】，输入“配料：绿豆 . ……”、“生产日期……”文本图层，文字效果可参照图 13-38 所示。

图 13-38 文字添加完成

3 ．制作条形码

　　（ 1 ） 启动 CorelDRAW 12 软件。

　　（ 2 ）执行菜单【编辑】→【插入条形码】命令，在弹出的【条形向导】对话框的“行业标准格式”中选择“ EAN-13 ”，输入客户提供的条形码数字后单击【下一步】按钮，选择默认选项，再次单击【下一步】按钮，依然保持默认选项，单击【完成】按钮，如图 13-39 所示。

图 13-39 设置条形码 [+放大]

　　（ 3 ）执行 Ctrl+C 【复制】命令，复制条形码，并切换到 Photoshop CS 软件当前文件。

　　（ 4 ）执行 Ctrl+V 【粘贴】命令，将条形码粘贴到“跳跳豆背面”文件中为“条码”图层，条形码大小可根据版面实际情况调整，效果如图 13-40 所示。

图 13-40 粘贴条形码

　　（ 5 ）单击【文件】→【打开】命令，打开本书配套光盘中的【】→【第 13 章】→【保持清洁】 PSD 文件。接着，运用工具箱中的 【移动工具】，将“保持清洁 .psd ”和“标志”图层拖 曳到“跳跳豆背面”当前文件，并运用 Ctrl+T 【自由变换工具】调整文件大小，调整结果如图 13-41 所示。

图 13-41 包装背面全面完成

13.2.4 印刷制版

　　本包装采用圆筒圆压式凹版印刷，工艺流程大致是：被印刷基材放卷→张力控制→{dy}色印刷→干燥→套印第二色→干燥→套印第三色→干燥→套印xxx→干燥→牵引→收卷。如果正面印刷，则颜色的印刷顺序是白墨→品红墨→黄墨→青墨→黑墨→金银墨；如果反面印刷，印刷顺序刚好跟正面印刷相反。

　　凹版印刷的印刷制版可分为手工雕版、电脑雕版。本章的食品包装则采用电脑雕版，版筒可采用涂胶版，经过感光、转写、腐蚀、镀铬四道工序制作印版。

　　产品包装设计完成后，下一道工序就是电脑制作的{zh1}一个环节——印前制作。可分为设计稿制作和出菲林片。

　　1 ．计稿的制作

　　将制作完成的 “跳跳豆正面” 和 “跳跳豆背面” 文件分别拼合图层，并另存为 “跳跳豆正面 .tif ”和“ 跳跳豆背面 .tif ”两个文件，为下一步拼版文件做准备。

　　2 ．拼版输出菲林

　　（ 1 ）启动 CorelDRAW 12 软件

　　（ 2 ）新建一文件，执行 Ctrl+I 【导入】命令，导入 “跳跳豆正面 .tif ”和“ 跳跳豆背面 .tif ”文件到当前页面。

　　（ 3 ）执行菜单箱中的【排列】→【对齐与分布】→【顶对齐】命令，将 “跳跳豆正面 .tif ”和“ 跳跳豆背面 .tif ”并列顶对齐。

　　（ 4 ）单击工具栏 【手绘工具】按钮，在包装边角上下左右 3mm 处绘制长度为 3mm 的角线（俗称出血位），如图 13-42 所示效果。

图 13-42 完成套版角线  [+放大]

　　（ 5 ）执行 Ctrl+S 【 存储 】命令， 存储该文件为“跳跳豆菲林输出” CDR 格式。{zh1}，只要将该电子文档交给输出公司输出菲林即可。

13.2.5 制作包装的立体效果图

　　运行 Photoshop CS 软件。

　　1 ．制作背景

　　（ 1 ）按 Ctrl+N 键，在弹出的【新建】对话框中设置宽度为 25 厘米，高度为 21 厘米，分辨率为 300 像素 / 英寸，色彩模式为 RGB 模式，背景色为白色，建立新文件。

　　（ 2 ）将前景色设置为“ C ： 70 ， M ： 50 ， Y ： 100 ， K ： 55 ”，执行 Ctrl+Delete 【 填充 】命令，填充前景色，按 键盘 Ctrl+S 【 存储 】命令， 存储该文件为“立体效果图” PSD 格式。

　　2 ．制作正面效果

　　（ 1 ）打开 “跳跳豆正面 .tif ”和“ 跳跳豆背面 .tif ”格式文件，运用工具箱中的 【移动工具】，将 “跳跳豆正面 .tif ”文件拖 曳到当前 “立体效果图” 中为“图层 1 ” 。

　　（ 2 ）执行 Ctrl+Shift+N 【新建图层】命令，新建图层为 “ 图层 2” 。接着，载入 “ 图层 1” 选区，单击工具箱中的 【渐变工具】按钮， 调出【渐变编辑器】并设置渐变色值，在位置 0 ， 40 ， 85 和 100 分别设置参数如图 13-43 所示；设置完成后在页面中由上至下 拖 曳填充渐变。

图 13-43 渐变参数设置

　　（ 3 ）运用 Ctrl+T 【自由变换工具】放大 “图层 2 ”大小 ，调整结果如图 13-44 所示。

图 13-44 制作白色铝膜 [+放大]

　　一般双边袋在包装完成后四周都会露出白色铝膜，露出白色铝膜的作用在于加强版面的视觉效果，使成品包装的展示效果更加醒目；其次，露出白色铝膜的位置正好是包装封边的缓冲区，在加热封边时不至于将画面封压过多而破坏版面。

　　（ 4 ）将“图层 1 ”和“图层 2 ”合并为“图层 1 ”，单击工具箱中的 【矩形选框工具】按钮，框选“图层 1 ”封袋下封口部分，运用 Ctrl+T 【自由变换工具】将选区变形，使效果更具xx感，如图 13-45 所示。

图 13-45 变形下封口 [+放大]

　　（ 5 ） 运用工具箱中的 【钢笔工具】，根据膜袋包装高光和反光情况 绘制路径，绘制路径情况可参照图 13-46 所示。

图 13-46 绘制高光路径

（ 6 ）执行 Ctrl+Enter 【 载入选区 】命令，将路径转换成选区，并将前景色设置为白色。

　　（ 7 ）单击工具箱中的 【 画笔工具 】按钮，按 F5 键弹出【画笔】参数设置面板，设置其参数。如图 13-47 所 示，接着使用 【画笔工具】沿着高光选区边缘喷涂白色高光，喷涂效果如图 13-48 所示。

图 13-47 画笔参数设置

图 13-48 运用画笔制作高光

　　（ 8 ）单击工具箱中的 【 椭圆选框工具 】按钮，在包装顶端封口处绘制圆孔挂耳，执行 Delete 【删除】命令，将圆孔挂耳删除。

　　（ 9 ）执行 Ctrl+T 【自由变换工具】命令，将包装正面旋转，如图 13-49 所示。

图 13-49 旋转包装正面效果 [+放大]

　　（ 10 ）根据包装正面效果图制作流程，用同样的方法制作出包装背面的立体效果，在此就不作详细介 绍了，最终效果如图 13-50 所示。

图 13-50 包装正反面立体效果图完成 [+放大]

3 ．制作包装投影

　　（ 1 ）保持选择包装正面立体效果“图层 1 ”状态，单击【图层】面板的 【添加图层样式】按钮，在弹出【图层样式】对话框中选择“投影”，参数设置如图 13-51 所示。

图 13-51 投影参数设置 [+放大]

　　（ 2 ）包装背面立体效果“图层 2 ”，亦用同样的方法制作投影，制作效果如图 13-52 所示。

图 13-52 包装投影效果制作完成 [+放大]

　　（ 3 ）这样，一张xx的膜袋食品包装效果图就制作完成了，如图 13-53 所示。

图 13-53 包装立体效果图全面完成 [+放大]

13.3 总 结

　　本章详细介绍了“跳跳豆”袋式包装从定位到设计，如何运用 Photoshop CS 软件制作xx的版面效果和立体效果图，以及如何在 CorelDRAW 12 中输出制作菲林。课下读者可发挥所学知识，设计制作一款同类的包装。

　　点击这里返回本实例教程目录阅读更多实例。