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

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

《包装设计案例之PS教程.docx》由会员分享，可在线阅读，更多相关《包装设计案例之PS教程.docx（25页珍藏版）》请在冰豆网上搜索。

包装设计案例之PS教程

包装设计教程:

跳跳豆糖果包装

实例详细阐述一个铝膜材料的糖果包装袋从构思、设计到印刷制作的全过程。

如图13-1和图13-2所示，分别为“跳跳豆”的正背面设计图和成品立体效果图。

设计前序

　　这是一款糖果休闲食品，产品消费群针对儿童。

客户要求设计师在设计的时候要突出品名，体现巧克力食品的特性，版面要赋予儿童食品的天真活泼气氛。

　　已知薄膜袋包装的正面展开尺寸是：

24.5厘米（长）×16厘米（宽）。

　　学习要点

　　• 包装设计的定位

　　• 设置包装的标准尺寸

　　• 制作包装的平面展开图

　　• 包装印刷制版

　　• 制作包装的立体效果图

　　创作思路

　　1．产品定位

　　“跳跳豆”是一款针对儿童的休闲食品。

根据产品的消费群，包装的设计风格要活泼、富于童趣，包装的平面设计效果要能吸引消费者的食欲。

　　2．设计手法

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

　　3．印刷思路

　　本包装采用圆筒圆压式凹版印刷机印刷。

通常的休闲食品包装都设有透明视窗，所以包装正面可采用亮泽好、透明度高的簿膜材料，称为“珠光膜”。

在凹版印刷中，印刷时是存在白色的。

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

　　本产品的包装是属于正反面形式，通常称为“双边袋”包装。

印刷颜色分为四种：

黑、青、红、黄。

因此在制作菲林时，读者可以按照常规的四色制版方式。

　　4．成品流程

　　认真对待每个制作环节，如有差错将功亏一篑。

糖果包装的制作流程大致分为：

设计构思→印前准备→设计初稿→定稿→印前电脑制作菲林→制造印刷版→成批印刷→装箱成品。

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

13.2.1设置包装的标准尺寸

（1）启动Photoshop软件。

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

图13-4建立新文件

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

　　（4）根据包装的正面尺寸，首先要在PhotoshopCS当前文件中设置包装袋的压边线，将工具箱中的前景色设置为灰色“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完成旋转的奶油效果

图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所示。

按同样的方法继续进行调整，最后效果如图13-20所示。

图13-19渐变水晶效果

图13-20品名的最后效果

3．添加装饰卡通及文字

（1）单击【文件】→【打开】命令，打开本书配套光盘中的【素材】→【第13章】→【卡通豆】PSD文件，如图13-21所示。

运用【移动工具】将“卡通豆.psd”文件拖曳入“跳跳豆”文件中。

接着，执行Ctrl+T【自由变换工具】命令将“卡通豆”图层进行变换，摆放效果如图13-22所示。

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

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

（2）单击工具箱中的【横排文字工具】按钮，在包装版面中输入“100%”、“米克力投入”和“tastegelicacy”文本图层。

选择“100%”文本图层，在【字符控制栏】中设置如图13-23所示参数。

接着，选择菜单箱中的【创建变形文本】按钮，在弹出的【变形文本】对话框中设置参数，如图13-24所示，将“100%”文字环绕标题。

最后，为字体添加“描边”效果，方法同前。

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

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

（3）“米克力投入”、“tastegelicacy”文字也同样用以上方法制作，最终制作效果如图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制作连续圆点