包装设计案例之PS教程.docx

1、包装设计案例之PS教程包装设计教程:跳跳豆糖果包装实例详细阐述一个铝膜材料的糖果包装袋从构思、设计到印刷制作的全过程。如图 13-1 和图 13-2 所示，分别为“跳跳豆”的正背面设计图和成品立体效果图。设计前序这是一款糖果休闲食品，产品消费群针对儿童。客户要求设计师在设计的时候要突出品名，体现巧克力食品的特性，版面要赋予儿童食品的天真活泼气氛。已知薄膜袋包装的正面展开尺寸是： 24.5 厘米（长） 16 厘米（宽）。学习要点 包装设计的定位 设置包装的标准尺寸 制作包装的平面展开图 包装印刷制版 制作包装的立体效果图创作思路1 产品定位“跳跳豆”是一款针对儿童的休闲食品。根据产品的消费群，包

2、装的设计风格要活泼、富于童趣，包装的平面设计效果要能吸引消费者的食欲。2 设计手法包装的主色调用绿色，体现产品的健康环保；卡通活泼的吉祥物和醒目的标题文字，渲染了包装的视觉氛围；旋转粘稠的奶油和七彩鲜艳的巧克力豆，则传达了产品的特性。3 印刷思路本包装采用圆筒圆压式凹版印刷机印刷。通常的休闲食品包装都设有透明视窗，所以包装正面可采用亮泽好、透明度高的簿膜材料，称为“珠光膜”。在凹版印刷中，印刷时是存在白色的。包装的背面可采用一种称为“复铝膜”的材料，这种材料自带有一层白色反光度极强的铝膜，印刷时需在铝膜的另一侧印刷画面颜色，然后再过膜。本产品的包装是属于正反面形式，通常称为“双边袋”包装。印刷

3、颜色分为四种：黑、青、红、黄。因此在制作菲林时 ，读者可以按照常规的四色制版方式。4 成品流程认真对待每个制作环节，如有差错将功亏一篑。糖果包装的制作流程大致分为：设计构思印前准备设计初稿定稿印前电脑制作菲林制造印刷版成批印刷装箱成品。作为一名设计人员能完成的任务就是从设计初稿到印刷前的制作，如图 13-3 所示是“跳跳豆”包装前期的制作过程。13.2.1 设置包装的标准尺寸（1）启动 Photoshop软件。（2）按 Ctrl+N 键，在弹出的【 新建】对话框中设置宽度为 16 厘米，高度为 24.5 厘米，分辨率为 300 像素 / 英寸，色彩模式为 CMYK 颜色，背景色为白色，如图 1

4、3-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 厘米 ，根据这些参数拖出辅助

5、线。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 【 新建图层 】 命令

6、，新建图层为 “图层 2 ”，将前景色设置为白色。选择工具箱中的 【画笔工具】，按 F5 键弹出【画笔】面板，如图 13-8 所示进行参数设置。接着在版面上方随意喷几个白点，按 M 键切换到 【矩形选框工具】将几个白点圈选，如图 13-9 所示。图 13-8 设置画笔参数图 13-9 喷绘白点并圈选为选区圈选白点的原因是为了让接下来的操作只在所选区域里进行，选取区域的大小直接影响操作效果。（3）执行菜单中的【滤镜】【扭曲】【旋转扭曲】命令，在弹出的【旋转扭曲】对话框中设置参数，如图 13-10 所示，单击【好】按钮，然后按快捷键 Ctrl+D 取消选区，“旋转的奶油”效果便完成了，如图 13-

7、11 所示。图 13-10 在【旋转扭曲】对话框中设置参数 图 13-11 完成旋转的奶油效果 图 13-10 在【旋转扭曲】对话框中设置参数图 13-11 完成“旋转的奶油”效果（ 4 ）按 Ctrl+T 键执行【自由变换】命令，对“图层 2 ”进行变换，如图 13-12 所示；然后选择菜单中的【滤镜】【模糊】【高斯模糊】命令，在弹出的【高斯模糊】对话框中，将半径设置为 23.2 像素，效果如图 13-13 所示。图1312 对“图层 2 ”进行变换图 13-13 应用高斯模糊2 制作品名（1）执行【文件】【打开】命令，打开本书配套光盘中的【素材】【第 13 章】【跳跳豆】 PSD 文件。选

8、择【路径】面板，按键盘“ 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 像素，颜色为“

9、 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 【新建图层】命

10、令，新建“图层 4 ”，并置于“图层 3 ”上面。然后运用 【钢笔工具】，勾画出字体高光路径，并载入选区。单击工具箱中的 【渐变工具】按钮，在选区中拉出渐变透明效果，如图 13-19 所示。按同样的方法继续进行调整，最后效果如图 13-20 所示。图 13-19 渐变水晶效果图 13-20 品名的最后效果3 添加装饰卡通及文字（1）单击【文件】【打开】命令，打开本书配套光盘中的【素材】【第 13 章】【卡通豆】 PSD 文件，如图 13-21 所示。运用 【移动工具】将“卡通豆 .psd ”文件拖 曳入 “跳跳豆”文件中。接着，执行 Ctrl+T 【自由变换工具】命令将“卡通豆”图层进行变换，

11、摆放效果如图 13-22 所示。图 13-21 打开“卡通豆 .psd ”文图 13-22 装饰卡通添加完成（2） 单击工具箱中的 【横排文字工具】按钮，在包装版面中输入“ 100% ”、“米克力投入”和“ taste gelicacy ”文本图层。选择“ 100% ”文本图层，在【字符控制栏】中设置如图 13-23 所示参数。 接着，选择菜单箱中的 【创建变形文本】按钮，在弹出的【变形文本】对话框中设置参数，如图 13-24 所示，将“ 100% ”文字环绕 标题。最后，为字体添加 “描边”效果，方法同前 。图 13-23 字符控制栏参数设置图 13-24 变形文字参数设置（3）“米克力投入

12、”、“ taste gelicacy ”文字也同样用以上方法制作，最终制作效果如图 13-25 所示。图 13-25 变形文字效果完成由于每台电脑安装的字体 有所不同，读者在自 己制作案例时的字体选择上可能会跟本案例有区别。所以，字体选择上读者可根据自己的想法和爱好而定，但最终效果要符合版面要求。 （3） 从目前的 卡通和字体排版来看，感觉有点凌乱。所以，接下来要在“跳跳豆”品名、扇形变形字体和卡通豆后面填充一个白色色块，以增强版面的层次感。（4 ） 执行 Ctrl+Shift+N 【 新建图层 】命令，为文件增加“背景白底”图层， 运用工具箱中的 【钢笔工具】，环绕 “跳跳豆”品名、扇形变形

13、字体和卡通豆周围绘制路径，绘制情况如图 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 制作连续圆点