包装设计教程[精品]

包装教程[精品] 包装设计教程:跳跳豆糖果包装 实例详细阐述一个铝膜材料的糖果包装袋从构思、设计到印刷制作的全过程。如图 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)根据包装的正面尺寸，首先要在 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 完成旋转的奶油效果 图 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% ”、“米克力投入”和“ taste gelicacy ”文本图层。选择“ 100% ”文本图层，在【字符控制栏】中设置如图 13-23 所示参数。 接着，选择菜单箱中的 【创建变形文本】按钮，在弹出的【变形文本】对话框中设置参数，如图 13-24 所示，将“ 100% ”文字环绕 标题。最后，为字体添加 “描边”效果，方法同前 。 图 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 制作连续圆点