图13-1 “跳跳豆”的正背面设计图 [+]
图13-2:成品立体效果图 [+]
设计前序
这是一款糖果休闲食品,产品消费群针对儿童。客户要求设计师在设计的时候要突出品名,体现巧克力食品的特性,版面要赋予儿童食品的天真活泼气氛。
已知薄膜袋包装的正面展开尺寸是: 24.5 厘米(长)× 16 厘米(宽)。
学习要点
•
•
•
•
•
创作思路
1 .产品定位
“跳跳豆”是一款针对儿童的休闲食品。根据产品的消费群,包装的设计风格要活泼、富于童趣,包装的平面设计效果要能吸引消费者的食欲。
2 .设计手法
包装的主色调用绿色,体现产品的健康环保;卡通活泼的吉祥物和醒目的标题文字,渲染了包装的视觉氛围;旋转粘稠的奶油和七彩鲜艳的巧克力豆,则传达了产品的特性。
3 .印刷思路
本包装采用圆筒圆压式凹版印刷机印刷。通常的休闲食品包装都设有透明视窗,所以包装正面可采用亮泽好、透明度高的簿膜材料,称为“珠光膜”。在凹版印刷中,印刷时是存在白色的。
包装的背面可采用一种称为“复铝膜”的材料,这种材料自带有一层白色反光度极强的铝膜,印刷时需在铝膜的另一侧印刷画面颜色,然后再过膜。
本产品的包装是属于正反面形式,通常称为“双边袋”包装。印刷颜色分为四种:黑、青、红、黄。因此在制作菲林时,读者可以按照常规的四色制版方式。
4 .成品流程
认真对待每个制作环节,如有差错将功亏一篑。糖果包装的制作流程大致分为:设计构思→印前准备→设计初稿→定稿→印前电脑制作菲林→制造印刷版→成批印刷→装箱成品。
作为一名设计人员能完成的任务就是从设计初稿到印刷前的制作,如图 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 变形文字效果完成