Photoshop & CorelDRAW商业实战:陶艺台灯包装设计 您所在的位置:网站首页 制作包装立体效果图的步骤 Photoshop & CorelDRAW商业实战:陶艺台灯包装设计

Photoshop & CorelDRAW商业实战:陶艺台灯包装设计

2024-07-11 12:42| 来源: 网络整理| 查看: 265

1回顶部

  本文节选自《Photoshop CS & CorelDRAW 12商业包装设计与印前制作精粹》(含多媒体教学光盘一张)。未经著作权所有者书面授权许可,禁止转载。

  购买地址:点击访问

第15章 盒(箱)结构(2):摇盖式包装实例

   摇盖式包装是在结构上最简单、使用最多的一种包装。盒身、盒盖、盒底皆为一体成型,盒盖摇下盖住盒口,两侧有摇翼。由于它所使用的纸张面积基本上是长方形或正方形,因此,在印刷拼版时基本不会浪费太多纸张,可大大节约印刷成本。

15.1 “金牡丹”陶艺台灯

  包装设计说明

  制作时间:120 分钟

  学习难度:★★★★

  相关视频:

  本例是一个综合性的实例,具有 4 个特点:实用性、全面性、操作性和针对性。通过本例全流程的讲解,相信会给设计人员带来很好的参考价值。如图 15-1 和图 15-2 所示,分别为“金牡丹”陶艺台灯包装的展开平面图和成品立体效果图。

图 15-1 展开平面图

图 15-2 立体效果图 [+放大图片]

2回顶部

  设计前序

  现有一款陶艺装饰台灯,产地中山古镇,品名“金牡丹”,纯手工雕刻的金色牡丹花纹,配上黑底,体现,高贵祥和的家居氛围。

  要求设计一款灯体外包装,不包括灯罩(因为灯罩用膜袋封包,原则上不另设计外包装),并要完稿输出印刷,已知产品尺寸如图 15-3 所示。

图 15-3 产品外型尺寸标示  [+放大图片]

  学习要点

  •  包装设计的定位   •  设置包装的标准尺寸   •  制作包装的平面展开图   •  包装印刷扣刀和血位的设置   •  制作包装的立体效果图

  创作思路

  1 .产品定位

  “金牡丹”陶艺台灯是一款照明兼装饰两用的陶瓷台灯,其风格古朴典雅,适合古典家居装饰,产品主要销往欧美各国。 从消费者角度考虑,包装必须结合中西文化,风格简洁、大方,视觉语言直接明确,能够体现商品 的产地和历史。

  2 .设计手法

  根据商品的特点进行定位,可以用质感强烈的台灯实物为包装主体,直接向消费者介绍商品;以国画白描的牡丹图案为底纹,体现陶艺台灯古朴高贵的气质和中国传统陶瓷工艺的文化精粹;整体版面简洁大气,视觉强烈直接。

  3 .印刷思路

  印刷方面可采用纸类印刷,由于陶瓷台灯重量较重,且容易破损,所以选用纸张不宜过薄,面料可选用 157g 哑粉纸,用裱纸机裱在 1000g 瓦楞纸上;印刷工艺采用四色平版印刷,表面过哑胶。

  4 .成品流程

  一种产品在印刷成品之前,所经过的流程是复杂多样的,每个环节都不能出错。台灯包装的制作流程大致分为:设计构思→印前准备→设计初稿→定稿→印前电脑制作菲林→制造印刷版→成批印刷→装箱成品。

  设计人员能完成的任务就是从设计稿到印刷前的制作,如图 15-4 所示是“金牡丹”陶艺台灯包装前期的制作过程。

图 15-4 制作过程图解  [+放大图片]

3回顶部

15.2 操作过程精解

  15.2.1 设置包装的标准尺寸

  ( 1 )启动 Photoshop CS 软件。

  ( 2 )按 Ctrl+N 键,在弹出的【新建】对话框中设置宽度为 55.1 厘米,高度为 63.6 厘米,分辨率为 300 像素 / 英寸,色彩模式为 CMYK 颜色,背景色为白色,如图 15-5 所示建立“金牡丹”文件。

图 15-5 建立新文件

  此尺寸是按照“图 15-3 产品外型尺寸标示”所得的准确参数。台灯包装外型呈方柱体,已知台灯正面宽度为 120mm 。读者必须注意,包装纸张存在厚度和成品放入包装内的抽出空间虚位,因此包装展开平面的宽度应该做到 130mm × 4=520mm 。其次,包装上还有个封口粘贴位置,像这种大包装的封口宽度至少要预设至 25mm ,如此可知道包装展开平面的宽度为 520mm + 25mm = 545mm 。 545mm 还不是最终包装展开平面的宽度,因为包装在印刷裁切时要预留出血位置两边共 6mm 。这样,包装的实际展开平面图宽度为 545mm + 6mm = 551mm 。

  包装展开平面高度亦是同样的道理,已知包装的实际高度 300mm ,加上纸张存在厚度和成品放入包装内的抽出空间虚位,包装的实际高度就应该增加到 310mm ;包装的顶盖和底盖就等于是两个 130mm × 130mm 的正方形,加上两个封口粘贴位置 30mm × 2= 60mm 和裁切出血位置 6mm 。这样,包装的实际展开平面图高度为 636mm 。 如此可知,包装展开平面图的实际宽高为 551mm × 636mm ,如图 15-6 所示为包装实际展开尺寸剖释。

图 15-6 包装实际平面尺寸剖释  [+放大图片]

  ( 3 )根据包装实际展开尺寸剖释图例,首先要在 Photoshop CS 当前文件里面设置包装的结构线。将工具栏中的前景色设置为黑色,按键盘 Alt+Backspace 键,填充前景色到当前文件;接着按 Ctrl+R 键显示标尺在页面,并在标尺上拖曳鼠标创建如图 15-7 所示的辅助线,作为包装盒的结构线。

图 15-7 绘制包装辅助线

4回顶部

  15.2.2 制作包装的平面展开图

  1 .规划版面

  ( 1 )将工具箱中的前景色设置为白色,根据所做的辅助线绘制选择区域,单击工具箱中的 【矩形选框工具】按钮,并在【图层】面板中为每个选择区域创建一新图层为“图层 1 、图层 2 、图层 3 ……图层 13 ”,并分别按 Alt+Backspace 键,将选取区域填充为白色,如图 15-8 和图 15-9 所示。

图 15-8 建立选区并填充图层

图 15-9 建立选区图层

  ( 2 )将工具箱中的前景色设置为深褐色“ C : 65 , M : 65 , Y : 85 , K : 15 ”,在【图层】面板中分别建立四个新图层。选取工具箱中的 【圆角矩形工具】,在选项栏设置圆角的半径为 80 像素,接着在包装的四正面绘制同等大小的圆角矩形,如图 15-10 和图 15-11 所示。

图 15-10 增加圆角矩形图层

图 15-11 填充圆角矩形

5回顶部

  2 .品名与标志的摆放

  商标和品名直接向消费者表明“我是谁”,在包装的版面构成中起到承上启下的引导作用,首先将一些已经具备的素材图片,比如厂家商标、品名等放置版面中。摆放时要考虑构图的均衡、标志和品名相互的组合是否协调、标志品名在背景颜色中该如何应用。

  ( 1 )执行【文件】→【打开】命令,打开本书配套光盘中的【素材】→【第 15 章】→【品名标志】 TIF 文件,如图 15-12 所示。单击工具箱中的 【移动工具】,将品名标志拖入“包装展开平面图”文件为“图层 14 ” ,如图 15-13 所示。

图 15-12 打开品名标志

图 15-13 置入品名标志

  ( 2 )在执行 【移动工具】的同时,按 Alt 键移动复制品名标志“图层 14 ”为“图层 14 副本”、“图层 14 副本 2 ”、“图层 14 副本 3 ”,分别摆放于两个正面和底盖之中,大小和位置要以实际版面协调为基准,如图 15-14 和图 15-15 所示。

图 15-14 品名标志分布图示

图 15-15 品名标志倒放完成

  包装顶盖和底盖的标志及文字在摆放时要注意方向,要正对开启口,所以在放置时要把标志和文字倒放。

6回顶部

  3 .制作牡丹花背景

  ( 1 )执行【文件】→【打开】命令,打开本书配套光盘中的【素材】→【第 15 章】→【白描牡丹】 PSD 文件,如图 15-16 所示。执行【图像】→【调整】→【阈值】命令,阈值色阶设置为 200 ,将原来边界颜色模糊的牡丹花调整清晰,如图 15-17 和图 15-18 所示。

图 15-16 白描牡丹花背景  [+放大图片]

图 15-17 阈值色阶设置

图 15-18 边界轮廓清晰   [+放大图片]

  ( 2 ) 牡丹花轮廓调整清晰后必须将它退底填充颜色,单击工具箱中的 【魔棒工具】,点选牡丹花黑色轮廓。为避免漏选,执行【选择】→【选取相似】命令,将牡丹花所有黑色轮廓全部选取,再按 Shift+Ctrl+N 键新建一个图层,在工具箱中设置前景色“ C : 54 , M : 54 , Y : 83 , K : 8 ”,如图 15-19 所示;按 Alt+Backspace 键填充,完成后按快捷键 Ctrl+D 取消选区,如图 15-20 所示。

图 15-19 前景色填充设置  [+放大图片]

图 15-20 前景色填充完成   [+放大图片]

  ( 3 )用 【移动工具】将填充好的牡丹花拖入“台灯包装展开平面图”内,如图 15-21 所示。

图 15-21 牡丹花背景完成

7回顶部

  4 .置入台灯灯体

( 1 ) 执行【文件】→【打开】命令,打开本书配套光盘中的【素材】→【第 15 章】→【金牡丹灯体】 PSD 文件,打开台灯产品图片。单击工具箱中的 【钢笔工具】,沿着台灯轮廓勾选,如图 15-22 所示;闭合路径后,按 Ctrl+Enter 键将路径载入选区,如图 15-23 所示。

图 15-22 勾选灯体轮廓

图 15-23 闭合路径载入选区

  ( 2 )使用 【移动工具】将勾选的牡丹花灯体拖入“台灯包装展开平面图”内,分别放入包装的两个正面,如图 15-24 所示。

图 15-24 置入灯体完成

8回顶部

  5 .置入包装的文字和通用符号

  ( 1 )选择【文字工具】输入中文“大朴陶艺溶入生活的艺术”,设置字体为“华文中宋”,大小为“ 10 点”,垂直缩放为“ 200% ”,文字方向为“横排”,文本颜色为土黄色“ M : 18 , Y : 56 , K : 18 ”。

  ( 2 )同样选择【文字工具】输入英文“ DAPU potterry …… porduct ”和中文“大朴陶艺……恒久的魅力”,分别将字体设置为“大宋”和“中黑体”,字体大小为“ 10 点”,文字方向为“横排”,文本颜色同样设置为“ M : 18 , Y : 56 , K : 18 ” ,如图 15-25 所示。

图 15-25 输入文字排版完成

  ( 3 )打开本书配套光盘中的 【 素材】→ 【 第 15 章】→ 【 参数表格通用符号】 PSD 文件,拖入包装平面图内,并分别将它们垂直对齐,如图 15-26 所示。

图 15-26 制作表格和通用符号

  ( 4 )执行 【移动工具】同时按 Alt 键,移动复制品名标志“图层 14 副本 3 ”为“图层 14 副本 4 、图层 14 副本 5 ”,并分别摆放于两个侧面之中,大小和位置要以实际版面协调为基准,如图 15-27 所示。这样,包装平面图就基本完成了,如图 15-28 所示。

图 15-27 包装侧面标志摆放

图 15-28 包装平面图基本成型

  ( 5 )在【图层】面板中,单击 【指示图层可视性】按钮,关闭“背景层”;按 Shift+Ctrl+E 【合并可见图层】键,将包装的展开平面图层全部合并,并按 Shift+S 键保存该文件为“金牡丹” PSD 格式,如图 15-29 和图 15-30 所示。

图 15-29 合并图层设置

图 15-30 合并图层完成  [+放大图片]

9回顶部

  15.2.3 印刷扣刀和出血位的设置

  印刷扣刀和出血位在印刷时非常重要,也是初学者最容易出错的地方,本小节详细介绍这两方面内容。包装平面展开图完成后开始进入包装设计的印前准备,印刷扣刀和出血位设置必须在 CorelDRAW 12 软件中完成。

  ( 1 )启动 CorelDRAW 12 软件。

  ( 2 )新建一文件,按 Ctrl+I 键导入“金牡丹” PSD 格式文件。根据图 15-6 可知包装的实际结构尺寸,单击工具箱中的 【矩形工具】绘制包装平面结构线,如图 15-31 所示。

图 15-31 绘制包装平面结构线  [+放大图片]

  ( 3 )输出菲林首先要将包装的扣刀位置做好。单击 【挑选工具】将包装的 4 个摇盖选定,分别以 A 、 B 、 C 、 D 4 点来区分,摇盖四点分布如图 15-32 所示。按快捷键 Ctrl+Q 【转换成曲线】将选取的 4 个部分转换成曲线,接着用 【造型工具】以增加节点方式调整曲线做成扣刀位,摇盖的扣刀位如图 15-33 所示。

图 15-32 摇盖 4 点分布  [+放大图片]

图 15-33 摇盖的扣刀位  [+放大图片]

  包装的出血位和扣刀位在输出菲林时是分开的,出血位跟包装的四色菲林同时存在,扣刀位则在输出菲林时于单色出现。

  ( 4 )选取并复制一个摇盖的扣刀位,并将包装所有结构线焊接,如图 15-34 和图 15-35 所示。

图 15-34 结构线焊接前

图 15-35 结构线焊接后

  完整的扣刀位是包装成品展开尺寸,输出菲林时要在成品尺寸外加大 3mm 的出血位(俗称裁切位),这样做可以避免裁切时出现由误差引起的偏位、白边等现象。

10回顶部

  ( 5 )选取结构线焊接后的扣刀位,按键盘“ + ”复制一个完整扣刀位,单击工具箱中的 【交互式轮廓图工具】,从完整的扣刀位中间向外拖动,在属性栏设置轮廓图步数为 1 、轮廓图偏移为 3.0mm ,如图 15-36 所示。设置后可以清楚地看到,在原来完整的扣刀位上自动生成一个扩大 3mm 的轮廓线,扩大的位置便是裁切线以外的位置,如图 15-37 所示。

图 15-36 交互式轮廓参数设置  [+放大图片]

图 15-37 裁切出血位完成  [+放大图片]

  扣刀位在输出 菲林时以单色出现,裁切位以实线表示,而折角位以虚线表示,这样有利于包装在印刷加 工的后期制作,确保包装成品的精美。

  ( 6 ) 单击 【手绘工具】,按照包装结构线绘制折角虚线,如图 15-38 和图 15-39 所示。

图 15-38 扣刀血位线完成  [+放大图片]

图 15-39 扣刀血位详释  [+放大图片]

  ( 7 )按 Shift 键,单击选中群组好的扣刀血位线和导入的“金牡丹”包装合并图,执行【安排】→【对齐和分布】命令,选择“水平居中 / 垂直居中”,将扣刀血位线和“金牡丹”包装合并图居中,如图 15-40 所示。

图 15-40 居中图片  [+放大图片]

  ( 8 )单击 【手绘工具】,按照包装扣刀线和裁切线绘制套版线(俗称角线),线段长度为 7mm 左右,如图 15-41 和图 15-42 所示。

图 15-41 完成套版角线 [+放大图片]

图 15-42 套版角线局部放大图 [+放大图片]

  ( 9 )此包装输出菲林分版为两组。一组是有出血位的展开包装平面图,为四色菲林,劭科 15-43 所示;另一组是有虚实切折线的扣刀位,俗称为啤位,为单色菲林,如图 15-44 所示。最后只要将这个文件保存为“台灯包装” CDR 格式,就可以制作菲林了。

图 15-43 包装四色菲林稿 [+放大图片]

图 15-44 扣刀单色菲林 [+放大图片]

11回顶部

  15.2.4 制作包装的立体效果图

  ( 1 )运行 Photoshop CS 软件,按 Ctrl+N 键,在弹出的【新建】对话框中设置宽度为 21 厘米,高度为 21 厘米,分辨率为 300 像素 / 英寸,色彩模式为 RGB 颜色,背景色为白色,建立新文件。

  ( 2 )单击工具箱中的 【渐变工具】,在画面中由上到下添加一个浅蓝色到白色的渐变。

  ( 3 )打开台灯包装“金牡丹” PSD 格式文件,用 【矩形选框工具】将包装的正面、侧面和顶盖选取,按 Ctrl+C 键进行复制。

  ( 4 )保持当前新建文件界面,按 Ctrl+V 键粘贴,将包装的正面、侧面和顶盖粘贴到该文件内,为“图层 1 ”。按 Ctrl+T 键执行【自由变换工具】将该图层缩小,如图 15-45 所示。

图 15-45 移动复制到新文件中的图形

  ( 5 )依次运用 【矩形选框工具】将包装的侧面和顶盖选取,执行【复制】→【粘贴】命令,将侧面和顶盖分别新建图层为“图层 2 ” 、“图层 3 ” 。

  ( 6 )执行 Ctrl+T 【自由变换】命令依次对“图层 1 ”、“图层 2 ”、“图层 3 ”进行透视变化处理,将三个面组成长方体的台灯包装,以增强包装的立体感。对图像进行透视变化,过程参照图 15-46 所示。

  ( 7 )对包装的侧面和顶盖图层进行调色可以增强包装的立体效果。选取菜单栏中的【图像】→【调整】→【色相 / 饱和度】命令,弹出【色相 / 饱和度】对话框,参数设置如图 15-47 所示。这样可以看到背光侧面和受光顶盖在色差上起到变化,如图 15-48 所示。

图 15-46 对图像进行透视变化过程参照 [+放大图片]

图 15-47 色相 / 饱和度设置

图 15-48 色相 / 饱和度设置完成

12回顶部

  ( 8 )将“图层 1 ” 、“图层 2 ” 和“图层 3 ” 合并到“图层 1 ”中,选取菜单栏中的【滤镜】→【渲染】→【光照效果】命令,弹出【光照效果】对话框,参数设置如图 15-49 所示,这样,包装的明暗效果会更加明显,立体感会更强,如图 15-50 所示。

图 15-49 光照效果参数设置

 

  ( 9 )完成包装立体图后,开始制作倒影效果。运用【多边型套索工具】将包装的正面和侧面选取,执行【复制】→【粘贴】命令,将侧面和顶盖分别新建为“图层 2 ” 、“图层 3 ”。执行 Ctrl+T 【自由变换】命令把“图层 2 ”、“图层 3 ”进行倒像处理,将正面和侧面的倒像作为包装的倒影,并将这两个图层进行合并,如图 15-51 所示。

  ( 10 )包装的倒影色彩需要降低,以增加的倒影真实性。选择倒影图层,将图层【不透明度】设置为 40% ,接着用 【套索工具】选取倒影的底部,如图 15-52 所示;【羽化】参数设置为 100% ,按 Delete 键将其删去,包装的投影就完成了,如图 15-53 所示。

  ( 11 )用同样的方法在画面中制作出另一个角度的包装盒,如图 15-54 所示。最后选取菜单栏中的【文件】→【保存】命令,将文件命名为“包装立体效果图”,并保存为 PSD 格式。

图 15-54 包装立体效果图完成

15.3 总 结

  本章运用 Photoshop CS 和 CorelDRAW 12 软件,详细介绍了“金牡丹”台灯摇盖式包装从定位到设计、平面图输出制作与立体效果图制作的方法和要点。通过学习,相信读者已经了解此类包装设计过程和印前印后常识,以及所用的工具及菜单命令。

  点击这里返回本实例教程目录阅读更多实例。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有