|
1回顶部 本文节选自《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 “跳跳豆”包装前期的制作过程 [+放大图片] 2回顶部 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 厘米 ，根据这些参数拖出辅助线。 3回顶部 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 应用高斯模糊 4回顶部 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 所示。按同样的方法继续进行调整，最后效果如图 13-20 所示。
图 13-19 渐变水晶效果 [+放大图片]
图 13-20 品名的最后效果 [+放大图片] 5回顶部 3 ．添加装饰卡通及文字 （ 1 ）单击【文件】→【打开】命令，打开本书配套光盘中的【素材】→【第 13 章】→【卡通豆】 PSD 文件，如图 13-21 所示。运用 【移动工具】将“卡通豆 .psd ”文件拖 曳入 “跳跳豆”文件中。接着，执行 Ctrl+T 【自由变换工具】命令将“卡通豆”图层进行变换，摆放效果如图 13-22 所示。
图 13-21 打开“卡通豆 .psd ”文
图 13-22 装饰卡通添加完成 （ 2 ） 单击工具箱中的 【横排文字工具】按钮，在包装版面中输入“ 100% ”、“米克力投入”和“ taste gelicacy ”文本图层。选择“ 100% ”文本图层，在【字符控制栏】中设置如图 13-23 所示参数。 接着，选择菜单箱中的 【创建变形文本】按钮，在弹出的【变形文本】对话框中设置参数，如图 13-24 所示，将“ 100% ”文字环绕 标题。最后，为字体添加 “描边”效果，方法同前 。
图 13-23 字符控制栏参数设置
图 13-24 变形文字参数设置 （ 3 ）“米克力投入”、“ taste gelicacy ”文字也同样用以上方法制作，最终制作效果如图 13-25 所示。
图 13-25 变形文字效果完成 由于每台电脑安装的字体 有所不同，读者在自 己制作案例时的字体选择上可能会跟本案例有区别。所以，字体选择上读者可根据自己的想法和爱好而定，但最终效果要符合版面要求。 6回顶部 （ 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 制作连续圆点 7回顶部 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 格式。 8回顶部 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 调整图层 9回顶部 2 ．添加文字说明 （ 1 ） 运用工具箱中的 【横排文字工具】，输入“配料：绿豆 . ……”、“生产日期……”文本图层，文字效果可参照图 13-38 所示。
图 13-38 文字添加完成 10回顶部 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 包装背面全面完成 （ 6 ）执行 Ctrl+S 【存储】命令，存储该文件为“跳跳豆背面” PSD 格式。 11回顶部 13.2.4 印刷制版 本包装采用圆筒圆压式凹版印刷，工艺流程大致是：被印刷基材放卷→张力控制→第一色印刷→干燥→套印第二色→干燥→套印第三色→干燥→套印第四色→干燥→牵引→收卷。如果正面印刷，则颜色的印刷顺序是白墨→品红墨→黄墨→青墨→黑墨→金银墨；如果反面印刷，印刷顺序刚好跟正面印刷相反。 凹版印刷的印刷制版可分为手工雕版、电脑雕版。本章的食品包装则采用电脑雕版，版筒可采用涂胶版，经过感光、转写、腐蚀、镀铬四道工序制作印版。 产品包装设计完成后，下一道工序就是电脑制作的最后一个环节——印前制作。可分为设计稿制作和出菲林片。 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 格式。最后，只要将该电子文档交给输出公司输出菲林即可。 12回顶部 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 【自由变换工具】将选区变形，使效果更具透视感，如图 13-45 所示。
图 13-45 变形下封口 [+放大图片] （ 5 ） 运用工具箱中的 【钢笔工具】，根据膜袋包装高光和反光情况 绘制路径，绘制路径情况可参照图 13-46 所示。
图 13-46 绘制高光路径 13回顶部 （ 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 包装正反面立体效果图完成 [+放大图片] 14回顶部 3 ．制作包装投影 （ 1 ）保持选择包装正面立体效果“图层 1 ”状态，单击【图层】面板的 【添加图层样式】按钮，在弹出【图层样式】对话框中选择“投影”，参数设置如图 13-51 所示。
图 13-51 投影参数设置 [+放大图片] （ 2 ）包装背面立体效果“图层 2 ”，亦用同样的方法制作投影，制作效果如图 13-52 所示。
图 13-52 包装投影效果制作完成 [+放大图片] （ 3 ）这样，一张完美的膜袋食品包装效果图就制作完成了，如图 13-53 所示。
图 13-53 包装立体效果图全面完成 [+放大图片] 13.3 总 结 本章详细介绍了“跳跳豆”袋式包装从定位到设计，如何运用 Photoshop CS 软件制作完美的版面效果和立体效果图，以及如何在 CorelDRAW 12 中输出制作菲林。课下读者可发挥所学知识，设计制作一款同类的包装。 |
正在阅读：Photoshop & CorelDRAW商业实战：糖果包装设计Photoshop & CorelDRAW商业实战：糖果包装设计
2006-03-01 10:11
出处：
责任编辑：xietaoming
