Photoshop+Illustrator平面设计立体化教程（微课版）（Photoshop2021+Illustrator2021）课件 项目6包装设计

新形态立体化精品系列教材包装设计项目6Photoshop+Illustrator平面设计立体化教程（微课版）（Photoshop2021+Illustrator2021）情景描述项目6包装设计公司最近接到了两个包装设计任务，分别是纸盒包装和饮料包装设计。老洪准备将其交给米拉完成，并告诉她要想顺利完成这两个任务，首先需要对纸盒包装和饮料包装有一定的了解，这样才能在设计时得心应手；其次，还要避免循规蹈矩，要勇于去寻求创新设计，比如利用Illustrator提供的“对象描摹”功能和“钢笔工具”，以及利用Photoshop提供的“画笔工具”和“渐变工具”，为图形的绘制带来更多可能，得到变化更加丰富的创意图形。目录制作奶油饼干纸盒包装任务6.1制作草莓果汁饮料包装任务6.2综合实战制作儿童电蚊香液包装盒由于饼干容易受到湿度、氧气、温度、光线、异味的影响而变质，为了保证产品品质不受影响，莫允儿企业要求在充分考虑防潮、防高温、防阳光直射、印刷适性良好、加工性能良好、

成本低廉、重量较轻、便于运输等前提下，直观、生动地展现食品，以引起消费者食欲，从而提升消费者的购买欲。（一）任务背景任务描述任务6.1制作奶油饼干纸盒包装①

根据提供的素材，以写实的效果将饼干产品更直观地表现在包装上。②

采用黄色作为饼干包装中的主色，以突出食品的口感和香味，也能吸引消费者的注意力。③

背景和文案颜色区分明显，字体易于阅读，提高文案的可读性。④

包装设计风格为可爱手绘风格，符合目标消费者的审美观念。（二）任务目标任务描述任务6.1制作奶油饼干纸盒包装（三）知识要点Photoshop画笔工具、Illustrator“对象描摹”功能。知识准备1．常用纸盒包装结构管式纸盒结构是日常生活中较常见的包装形态，一般为单体结构，盒型呈四边形或多边形，食品、日常用品、药品包装多采用这种结构。管式纸盒结构由盒体、盒盖和盒底3部分组成，其平面示意图如左图所示。（1）管式纸盒结构1．常用纸盒包装结构盘式纸盒结构是由纸板四周进行折叠咬合、插接或黏合而成型的纸盒结构。盘式纸盒结构具有高度较小、开启后产品的展示面大等特点。盘式纸盒盒盖的主要结构有罩盖式、摇盖式、抽屉式及书本式等。如下图所示。（2）盘式纸盒结构2．Photoshop画笔工具在Photoshop中若要绘制不同笔触效果的图像，可使用画笔工具

，通过“画笔设置”面板和“画笔”面板中还可以设置画笔的参数。如下图所示。2．Photoshop画笔工具当需要设置画笔的大小、选择画笔的样式，或者更改已选画笔的形状时，可以使用“画笔”面板。具体方法为：选择【窗口】/【画笔】命令，

打开“画笔”面板，如右图所示。（1）“画笔”面板2．Photoshop画笔工具在“画笔预设”面板中可以自定义设置画笔尖形状样式，并添加特殊笔触效果。具体方法为：选择【窗口】/【画笔设置】命令，或按【F5】键，将打开“画笔预设”面板，如右图所示，各选项作用如下。（2）“画笔设置”面板3．Illustrator对象描摹在对图像进行描摹操作时，可以在“图像描摹”面板中设置描摹样式、程度和视图效果等参数，以实现需要的描摹结果。其方法为：选择图像后，选择【窗口】/【图像描摹】命令，打开“图像描摹”面板，如左图所示，该面板中部分重要选项介绍如下。Illustrator还提供有描摹对象的功能，可通过描摹现有的位图（一般为JPEG、PNG、PSD等格式），将其转换为矢量图形。任务实施1．描摹饼干图案米拉准备将收集的“饼干.png”素材图片应用到包装盒中作为包装正面图案，但是她发现该图片比较普通，因此她准备先在Illustrator通过描摹图像功能，快速将“饼干.png”素材转换为矢量图形，让图案更有创意、更具吸引力，具体操作如下。1打开素材2描摹素材2．绘制包装盒结构平面图客户要求包装盒尺寸适中，包装盒开口易于打开和关闭，以便消费者重复使用，因此米拉选择了比较常见的管式纸盒结构，并打算在Photoshop中绘制包装盒结构的平面图，具体操作如下。1创建参考线2绘制和填充选区3绘制分界线3．绘制包装盒平面效果图考虑到客户需求，米拉打算在包装盒上添加可爱的手绘插图，以及与该款饼干相关的文字介绍，具体操作如下。1调整亮度2创建剪贴蒙版4绘制图案3选择画笔笔刷3．绘制包装盒平面效果图5输入和编辑文字6绘制底纹7设置星形参数8绘制星形9复制星形和饼干10添加文字和矩形3．绘制包装盒平面效果图11绘制底纹12复位形状13绘制标志图形3．绘制包装盒平面效果图14绘制装饰线条15设置文字属性16“变形文字”对话框3．绘制包装盒平面效果图17旋转文字18添加素材19绘制文字底纹3．绘制包装盒平面效果图20制作包装顶部效果21完整包装效果4．制作包装盒立体效果老洪让米拉将做好的平面效果图再制作成立体效果，这样发给客户会更加直观，米拉听取了老洪的建议，便继续在Photoshop中制作包装盒立体效果图，具体操作如下。1框选部分2复制图层3制作包装正面和背面立体效果目录制作奶油饼干纸盒包装制作儿童电蚊香液包装盒综合实战制作草莓果汁饮料包装任务6.2任务6.1插画是包装设计的重要图形语言，它与产品包装之间有着紧密而重要的关系，优秀的插画可以提升产品包装价值。插画有很多风格，如单色线条、有线平涂、无线平涂、涂鸦插画、传统手绘等。不同的产品定位可以选择不一样的插画风格，本任务中客户要求绘制写实的草莓插画，可采用无线平涂插画风格。（一）任务背景任务描述任务6.2制作草莓果汁饮料包装①

根据提供的素材，以写实的效果将草莓产品直观地表现在包装上。②

插画美观生动，贴近生活，符合大众审美。③

制作出包装的应用效果，使其更具吸引力。（二）任务目标任务描述任务6.2制作草莓果汁饮料包装（三）知识要点Illustrator中的钢笔工具，Photoshop中的渐变工具。知识准备1．饮料包装设计要点老洪告诉米拉，饮料包装在日常生活中非常常见，饮料包装设计也是设计师经常会接到的任务，因此，米拉必须要掌握其设计要点。

包装插图：包装上的图片和插图应能传达产品的特点和品质，成分表和营养信息应清晰、易于阅读，同时饮料包装设计中的图案也应与品牌形象、饮料口味契合。

包装材料选择：选择可回收、可降解的材料，在包装上使用环保标志，可以帮助消费者识别环保产品，另外还应考虑到产品的轻便性和可回收利用性。

容器造型：形体线决定了包装容器的主体形态和立体结构，装饰线可以增强包装的美观性。

色彩：饮料包装设计中的主体色彩应增强人们的记忆点，与饮料口味相契合，比如西瓜汁饮料包装设计以红色，柠檬汁饮料包装设计以黄色为主等。

文字设计：包装上的文字应向人们传达饮料的成分、口味、净含量等信息，方便人们了解产品。2．Photoshop渐变工具当需要为图像填充逐渐变化的颜色时，可使用渐变工具

。该工具的工具属性栏如右图所示，各选项的含义如下。

渐变编辑器

：用于设置渐变颜色，单击右侧的

按钮，将打开“渐变工具”面板。

线性渐变”按钮

：单击该按钮，可从起点到终点以直线方向产生颜色渐变。

“径向渐变”按钮

：单击该按钮，可从起点到终点以圆形方式沿半径方向产生颜色渐变。

“角度渐变”按钮

：单击该按钮，可围绕起点按顺时针方向产生颜色渐变。

“对称渐变”按钮

：单击该按钮，可在起点两侧产生对称的颜色渐变。

“菱形渐变”按钮

：单击该按钮，可从起点向终点以菱形方式产生颜色渐变。

反向：单击选中该复选框，产生的渐变颜色将与设置的渐变顺序相反。

仿色：单击选中该复选框，可使渐变效果更加平滑。

透明区域：单击选中该复选框，可填充透明的颜色段。3．Illustrator中的钢笔工具“钢笔工具”是用于精确绘图的关键工具，通过单击的方式可以绘制直线或者折线，而需要绘制曲线时，可单击并按住鼠标左键拖曳鼠标指针，拖曳控制线来控制弧度，按【Enter】键结束绘制。在绘图过程中，可以通过控制栏编辑锚点，如下图所示。

将所选锚点转换为尖角

：单击该按钮，可将所选锚点转换为尖角锚点。

将所选锚点转换为平滑

：单击该按钮，可将所选锚点转换为平滑锚点。

显示多个选定锚点的手柄/隐藏多个选定锚点的手柄

：单击对应按钮，将显示或者隐藏多个选定锚点的手柄。

删除所选锚点

：单击该按钮，将删除所选锚点。

连接所选终点

：单击该按钮，将连接所选终点。

在所选锚点处剪切路径

：单击该按钮，路径将从所选锚点处被剪切为两条路径。任务实施1．绘制草莓外部轮廓米拉参考客户提供的草莓图片，首先使用“钢笔工具”状，再使用“平滑工具”勾勒草莓形调整曲线的平滑度，具体操作如下。1置入草莓参考图片2使用钢笔工具绘制轮廓1．绘制草莓外部轮廓3平滑曲线4绘制草莓轮廓2．绘制草莓内部结构并填色草莓内部结构较为复杂，但对精确度的要求并不高，继续使用“钢笔工具”绘制会耗费大量时间，而“铅笔工具”用“铅笔工具”绘图比较快速，米拉决定利来提高绘图效率，具体操作如下。1使用铅笔工具绘制草莓内部结构2．绘制草莓内部结构并填色2填充颜色3添加草莓籽图形3．绘制草莓底纹完成草莓矢量图的绘制后，米拉准备采用底纹来装饰草莓图形，具体操作如下。1绘制多个不同大小的圆2通过联集制作气泡状底纹图形3．绘制草莓底纹3绘制弧线4闭合图形5调整图形弧度6调整图形4．制作包装平面效果接下来米拉打算在Photoshop中将绘制的草莓图形和文字结合，将它们进行适当地排版，制作出包装的平面效果，具体操作如下。1添加文字和装饰2草莓果汁饮料包装平面效果5．制作包装立体效果客户非常满意米拉制作的包装平面效果，并让她继续制作一个更加直观的包装立体效果，于是米拉打算在Photoshop中使用图层蒙版和渐变工具来制作包装的立体效果，并添加投影，让立体效果看起来更加真实，具体操作如下。1“图层”面板2置入文字3查看样机效果4制作倒影5．制作包装立体效果5添加图层蒙版6隐藏部分图像7草莓果汁饮料包装立体效果目录制作草莓果汁饮料包装任务6.2制作儿童电蚊香液包装盒综合实战制作奶油饼干纸盒包装任务6.1实战背景实战描述综合实战

制作儿童电蚊香液包装盒米尔集团是一家专营日用品的企业，近期准备上市一款专门针对儿童的电热蚊香液，以拓展儿童日用品市场，现需要设计该蚊香液包装盒的平面展开图及立体效果图，消费群体定位为儿童，要求整体风格轻快、活泼。本实战的参考效果如上图所示。实战目标①制作出包装盒的平面效果和立体效果。②绘制符合产品属性和客户需求的插画图形，且插画不宜太复杂，画面简洁，色彩搭配合理。③产品名称醒目、精美，不能被插画元素遮挡而影响消费者选购。实战描述知识要点Illustrator中的钢笔工具；Photoshop中的画笔工具和混合器画笔工具。综合实战

制作儿童电蚊香液包装盒思路及步骤（1）

打开Illustrator，新建文件。选择“钢笔工具”，绘制出熟睡的小孩图形。（2）

选择“曲率工具”，在小孩图形后面绘制出植物图形，并填充为不同颜色，然后将所有图形导出为PNG格式。（3）

打开Photoshop，新建大小为“1200毫米×700毫米”的图像文件。（4）

新建图层，选择“画笔工具”，在工具属性栏中选择画笔样式为“kyle的终极粉彩派对”，在包装正面绘制草地、树木等场景。（5）

置入在Illustrator中绘制的图形，然后添加五角星、圆形作为装饰。（6）

将包装正面图层全部编组，复制到平面图右侧，作为包装背面。（7）

利用包装正面的文字、星星元素制作出包装顶面效果，并调整至合适的大小和位置。实战描述综合实战