Illustrator平面设计立体化教程（Illustrator 2021）（微课版）课件 项目4 绘制复杂图形

Illustrator平面设计立体化教程（微课版）新形态立体化精品系列教材项目4绘制复杂图形目录Contents任务4.1

设计草莓汁易拉罐插画贴纸任务4.2

设计“萌宠之家”宣传海报综合实战

设计“茉莉花茶”包装插画某品牌准备上市易拉罐草莓果汁，已提供草莓图片素材以及贴纸文案，委托公司设计为产品设计易拉罐“草莓果汁”插画贴纸，能够充分迎合消费者的消费心理，刺激消费者消费。老洪将该任务交给米拉，米拉分析该任务，考虑使用钢笔工具和铅笔工具，参考草莓图片绘制草莓图形，草莓色彩大胆采用鲜艳、饱和度高的红色与绿色，利用路径运算制作气泡底纹装饰草莓图形，搭配提供的文案完成草莓汁易拉罐插画风贴纸的设计。本任务的参考效果如图所示。任务4.1

设计草莓汁易拉罐插画贴纸任务描述任务背景​​商业插画是包装设计的重要设计图形语言，它与产品包装之间有着紧密而重要的关系，优秀的插画可以提升产品包装价值。插画也有很多风格，如单色线条、有线平涂、无线平涂、涂鸦插画、传统手绘、矢量几何、写实厚涂、IP人物等。不同的产品定位可以选择不一样的插画风格，本任务中，客户要求写实绘制草莓插画，可采用无线平涂插画风格。任务描述任务目标知识要点钢笔工具、铅笔工具、平滑工具、橡皮擦工具、路径编辑、路径运算器。①根据提供的素材，以写实的效果将产品更直观地表现在包装上。②制作尺寸为600pt×600pt，CMYK模式分辨率为300像素/英寸的易拉罐插画。③插画美观生动，贴近生活，符合大众审美。知识准备1．铅笔工具组铅笔工具组主要用于绘制、擦除、连接、平滑路径，包括“Shaper工具”、“铅笔工具”、“平滑工具”、“路径橡皮擦工具”、“连接工具”5种工具，具体介绍如下。“Shaper工具”：使用“Shaper工具”可以将绘制的几何形状自动转换为规则的矢量形状。“铅笔工具”：该工具的使用方式与现实生活中使用铅笔绘图的方式大致相同。“平滑工具”：使用“平滑工具”可以将尖锐的路径变得较为平滑。“路径橡皮擦工具”：使用“路径橡皮擦工具”可以擦除线条、路径或锚点。“连接工具”：使用“连接工具”可以将交叉、重叠或两端开放的路径连接为闭合路径。知识准备2．认识路径与锚点路径是指使用“铅笔工具”、“钢笔工具”以及形状工具组、直线段工具组创建的直线、弧线、几何形状或用线条组成的轮廓。Illustrator中的路径主要有以下3种。

闭合路径：闭合路径的首尾相接，路径为闭合状态，如图所示。复合路径：复合路径是将几个开放或闭合路径进行组合而形成的路径。选中多个路径，选择【对象】/【复合路径】/【建立】命令，或按【Ctrl+8】键，可以得到复合路径。开放路径：开放路径的两端具有端点，路径为断开状态，如右图所示。知识准备3．钢笔工具“钢笔工具”是用于精确绘图的关键工具，通过单击的方式可以绘制直线或者折线，而需要绘制曲线时，需要单击并按住鼠标左键拖曳鼠标指针，拖曳控制线来控制弧度，按【Enter】键结束绘制。在绘图过程中，可以通过控制栏编辑锚点，如下图所示。将所选锚点转换为尖角：单击该按钮，将所选锚点转换为尖角锚点。将所选锚点转换为平滑：单击该按钮，将所选锚点转换为平滑锚点。显示/隐藏多个选定锚点的手柄：单击对应按钮将显示或者隐藏多个选定锚点的手柄。删除所选锚点：单击该按钮，将删除所选锚点。在所选锚点处剪切路径：单击该按钮，路径将从所选锚点处被剪切为两条路径。知识准备4．常用路径命令选择【对象】/【路径】命令，在打开的“路径”子菜单中提供了多种编辑路径的命令，可以对路径进行多种编辑操作，具体介绍如下。连接路径：选择“直接选择工具”，按【Shift】键不放依次框选路径上要进行连接的两个锚点，选择【对象】/【路径】/【连接】命令，或按【Ctrl+J】键，两个锚点之间将出现一条直线段，把开放路径连接起来。轮廓化描边：选择路径，选择【对象】/【路径】/【轮廓化描边】命令，此时可再次设置描边粗细和颜色，为路径的轮廓添加描边效果。平均路径：选中不同路径上需要平均分布的多个锚点，选择【对象】/【路径】/【平均】命令。偏移路径：选中要通过偏移创建新路径的原始路径，选择【对象】/【路径】/【偏移】命令。知识准备4．常用路径命令反转路径方向：选择【对象】/【路径】/【反转路径方向】命令，反转路径，可将终点变为起点。简化路径：选择需要删去多余锚点的路径，选择【对象】/【路径】/【简化】命令，打开“简化”对话框，可拖曳滑块设置路径简化度。添加、移去锚点：选中要增加锚点的路径，选择【对象】/【路径】/【添加锚点】命令，可以在两个相邻的锚点中间添加一个锚点。分割下方对象：选择一个对象作为被分割对象，绘制一个开放路径作为分割对象。分割为网格：选择需要分割为网格的对象。清理：按钮，可以将所选择对象分割为网格。知识准备5．路径运算工具（1）路径查找器选择【窗口】/【路径查找器】命令或按【Shift+Ctrl+F9】键，打开“路径查找器”面板，如右图所示。（2）形状生成器工具选择“形状生成器工具”，或按【Shift+M】键切换到该工具，选择需要生成形状的全部图形，将鼠标指针移动到封闭区域，拖曳鼠标指针在需要合并的区域、路径和锚点上涂抹。下图所示为在多个圆中涂抹需要合并区域。知识准备6．橡皮擦工具组橡皮擦工具组主要用于擦除、分割和断开路径，包括橡皮擦工具、剪刀工具、美工刀工具3种工具，具体介绍如下。“橡皮擦工具”：使用“橡皮擦工具”不仅可以擦除选择的路径和锚点，还能擦除路径中的部分填充效果。“剪刀工具”：绘制一段路径，选择“剪刀工具”，在路径上任意一点单击鼠标左键，路径就会从单击的地方被剪切为两条路径。“美工刀工具”：选择一段闭合路径，选择“美工刀工具”，在起始位置按住鼠标左键不放，拖曳鼠标指针绘制穿过闭合路径的分割线。任务实施1．使用钢笔工具绘制草莓轮廓米拉参考客户提供的草莓图片，首先使用“钢笔工具”勾勒草莓形状，再使用“平滑工具”调整曲线的平滑度，具体操作如下。1置入草莓参考图片2使用钢笔工具绘制轮廓3绘制草莓轮廓任务实施2．绘制草莓内部结构并填色草莓内部结构较为复杂，但精确度要求并不高，继续使用“钢笔工具”绘制会耗费大量时间，而铅笔工具绘图比较快速，米拉决定利用“铅笔工具”来提高绘图效率，绘图完成后，再填充颜色，使插画效果更加精美，具体操作如下。1使用铅笔工具绘制草莓内部结构2添加草莓籽图形任务实施3．运算路径完成草莓矢量图的绘制后，可以采用底纹来装饰草莓图形，结合草莓圆润的外表特征，米拉考虑将多个圆进行“联集”运算，得到气泡状底纹图形，利用“减去顶层”运算得到月牙状图形，用于修饰底纹边缘，具体操作如下。1绘制多个不同大小的圆2联集制作气泡状底纹图形3制作月牙形状任务实施3．运算路径4擦除月牙图形多余部分任务实施4．排版图文完成草莓矢量图形、底纹图形的绘制后，米拉将提供的文案也添加到“草莓插画贴纸”文件中，对它们进行适当地排版，可以得到最终的插画贴纸效果，具体操作如下。1添加调整草莓矢量图形2添加与调整文案目录Contents任务4.1设计草莓汁易拉罐插画贴纸任务4.2设计“萌宠之家”宣传海报综合实战

设计“茉莉花茶”包装插画萌宠之家”宠物店为提升店铺效益，委托公司设计一张“萌宠之家”宣传海报，张贴在店门口的展架上，需要传达“全场满200元送20元”优惠信息，以及“宠物医疗/宠物食品/宠物护理/宠物饰品”主营业务。老洪将该任务交给米拉，米拉分析该任务，根据提供的素材，结合宠物可爱的形象，考虑采用圆润、可爱的手写字体突出店名“萌宠之家”，搭配宠物插画、小元素图形，以及黄色的背景，快速抓住顾客眼球，给人眼前一亮的感觉。本任务的参考效果如图所示。任务4.2

设计“萌宠之家”宣传海报任务描述任务背景最近几年养宠物的人群越来越多，从而使宠物经济的日益火热，如宠物看病、宠物护理、宠物食品、宠物饰品等都需要到宠物店消费。经营宠物店时，张贴宣传海报是热门、有效、低成本推广店铺的方式。本例的“萌宠之家”为一家刚经营不久的宠物店，迫切需要推广店铺，提升店铺效益，因此需要设计师设计一张宣传海报。任务描述任务目标知识要点画笔工具、铅笔工具、“画笔”面板、新建画笔、“符号”面板、应用符号。①

​​宣传海报画面避免繁杂和凌乱、重点突出、层次分明，信息传达精准到位。②​

制作尺寸为600mm×900mm，CMYK模式，分辨率为300像素/英寸的“萌宠之家”宣传海报。③​

利用画笔工具、画笔笔刷设计自定义画笔笔刷，添加符号装饰宠物素材，在视觉上给顾客美感，富有创造性，颜色、图形和文案等元素的搭配和谐自然。知识准备1．画笔工具使用“画笔工具”可以绘制出样式繁多的精美线条和图形，还可以调节不同的画笔刷头以达到不同的绘制效果。“画笔工具选项”对话框具体参数介绍如下。保真度：精确用于调节绘制曲线上点的精确度；“平滑”用于调节绘制曲线的平滑度。填充新画笔描边：单击选中该复选框，则每次使用画笔工具绘制图形时，系统都会自动以默认颜色来填充对象。保持选定：单击选中该复选框，绘制的曲线将处于被选取状态。编辑所选路径：单击选中该复选框，画笔工具可以编辑选中的路径。知识准备2．“画笔”面板“画笔工具”通常配合“画笔”面板使用，选择【窗口】/【画笔】命令，可打开“画笔”面板，如右图所示。移去画笔描边：选择已添加画笔描边的对象，将激活该按钮。所选对象的选项：应用画笔样式后，激活该按钮，单击该按钮，在打开的对话框中可以编辑画笔的参数。新建画笔：单击该按钮，打开“新建画笔”对话框，单击选中相应的单选项。删除画笔：选择需要删除的画笔样式后激活该按钮，单击该按钮可将其将其删除。库面板：单击该按钮，打开“库”面板，登录CreativeCloud帐户，可以使用CreativeCloud库中的资源。知识准备3．“符号”面板Illustrator提供了“符号”面板，专门用来创建、存储和编辑一些常用的图形元素。使用“符号”面板可以编辑符号，具体参数介绍如下。符号库菜单：Illustrator将符号按类型存放在符号库中，单击该按钮，在弹出的下拉菜单中可选择打开所需的符号库。置入符号实例：单击该按钮，可将当前选中的符号范例放置在画板的中心。断开符号链接：单击该按钮，可将添加到画板中的符号范例与“符号”面板断开链接。新建符号：单击该按钮，或将选中的对象直接拖曳到“符号”面板中。删除符号：单击该按钮，可以删除在“符号”面板中被选中的符号。知识准备4．符号工具组Illustrator的符号工具组中提供了8个符号工具，在“符号喷枪工具”上按住鼠标左键不放，展开的符号工具组如右图所示。“符号移位器工具”：在符号集的符号范例上按住鼠标左键不放并拖曳鼠标指针，可以移动符号范例。“符号紧缩器工具”：在符号范例上按住鼠标左键不放并拖曳鼠标指针，可以对符号范例进行缩紧变形。“符号喷枪工具”：用于在短时间内快速向画板置入大量符号，这些符号处于编组状态，形成符号集。知识准备4．符号工具组“符号缩放器工具”：在符号范例上按住鼠标左键不放并拖曳鼠标指针，可以对符号范例进行放大操作。“符号旋转器工具”：在符号范例上按住鼠标左键不放并拖曳鼠标指针，可以对符号范例进行旋转操作。“符号着色器工具”：在“色板”面板或“颜色”面板中设定一种颜色作为填充色，在符号范例上单击鼠标左键，可以为符号范例设置填充色。“符号滤色器工具”：在符号范例上按住鼠标左键不放并拖曳鼠标指针，可以增加符号范例的不透明度。按住【Alt】键不放进行操作，可以减小符号范例的不透明度。“符号样式器工具”：在“图形样式”面板中选中一种画笔样式，在符号范例上单击鼠标左键，可以将选中的画笔样式应用到符号范例中。任务实施1．自定义画笔笔刷在设计“萌宠之家”宣传海报时，米拉考虑采用圆润的手写字体风格，需要先绘制圆润的笔刷图形，然后将其保存到画笔库中，便于后期手写字体的设计，具体操作如下。1绘制自定义画笔笔刷图形2新建画笔3设置艺术画笔4查看创建的画笔笔刷任务实施2．使用画笔笔刷创建手写字体米拉考虑使用“铅笔工具”绘制手写字体的路径，然后为路径应用自己设计的笔刷效果，如果在转折处遇到需要尖锐一点的角，可以考虑利用“钢笔工具”绘制路径，尽量让字体大小、笔画粗细不一，便于组合设计，本案例中米拉考虑加入圆点、线条修饰手写字体，具体操作如下。1绘制手写字体路径2应用自定义画笔笔刷3绘制白色线条任务实施3．应用符号装饰图形米拉观察收集的宠物插画素材发现，宠物插画黑色面积多，略显单调，需要绘制一些装饰元素，如在耳朵上添加花朵，在脖子上带上蝴蝶结来丰富插画细节，增加趣味性。米拉考虑采用黄色渐变背景增加宣传海报的层次感和观赏性，具体操作如下。1为宠物插画添加“雏菊”符号2为宠物插画添加“蝴蝶结”符号任务实施3．应用符号装饰图形3调整蝴蝶结符号颜色的效果4排版文案5添加背景目录Contents任务4.1设计草莓汁易拉罐插画贴纸任务4.2

设计“萌宠之家”宣传海报综合实战设计“茉莉花茶”包装插画米拉将完成的“萌宠之家”宣传海报交给老洪，老洪对米拉的绘图能力很是欣赏，决定将手中的“茉莉花茶”包装插画任务交给米拉。经过一段时间的锤炼，米拉对自己的绘图水平信心十足，便开心地开始研究“茉莉花茶”包装插画的任务资料。本实战的参考效果如右图所示。综合实战

设计“茉莉花茶”包装插画茉莉花茶是一种常见且经济实惠的饮品，为促进茶叶商品销售，某品牌委托公司为茉莉花茶设计插画包装，试图用配色丰富且明亮的插画来诠释茶叶的新面貌，从而吸引更多年龄阶段的消费者。实战背景实战描述①​​

插画风格明确，符合“茉莉花茶”商品特点能迎合消费者心理，激发出消费者的购买欲望。②​​

制作尺寸为500px×850px，CMYK模式，分辨率为300像素/英寸的“茉莉花茶”包装插画。③​

茶叶名称醒目、精美，不能被插画元素遮挡，而妨碍顾客选购。④​

插画不宜太过复杂，画面整洁，并且色彩搭配合理。实战目标知识要点钢笔工具、平滑工具、