Illustrator平面设计立体化教程（Illustrator 2021）（微课版）课件 项目3 编辑与管理对象

Illustrator平面设计立体化教程（微课版）新形态立体化精品系列教材项目3编辑与管理对象目录Contents任务3.1

设计直播活动方图任务3.2

设计旅游App首页综合实战

设计剪纸风芒果奶茶海报年末将至，某品牌为清理库存，展开直播福利清货活动，委托公司设计一张直播方图，展示在电商平台首页，通过强调清货的原因和目的，让消费者知道这是一次难得的机会，引导消费者观看直播，促进消费者下单购买。老洪将该任务交给米拉，米拉考虑到客户并未提供图片等资料，并且该方图作为直播活动入口，需要比较醒目。本任务的参考效果如图所示。任务3.1

设计直播活动方图任务描述任务背景图活动方图是淘宝店铺在参加活动时吸引消费者的店铺形象展示图片，也是商家在活动会场中的入口图。客户计划的直播时间为2023年12月30日上午10点，主题为“直播福利年末清仓”，需要设计师设计富有创意，能快速抓住消费者眼球的直播活动方图。任务描述任务目标知识要点选择对象、移动对象、复制对象、缩放对象、倾斜对象、再次变换。①制作尺寸为1242px×1242px，分辨率为72像素/英寸的直播福利方图海报。②方图包含“直播福利年末清仓”、活动时间信息，避免繁杂和凌乱、重点突出、层次分明，信息传达精准到位。③方图要在视觉上给消费者美感，富有创造性，颜色、图形和文案等元素的搭配和谐自然。知识准备1．常用选择方式编辑对象首先要选择对象，Illustrator中，选择对象的常用方式有以下两种。通过选择工具选择对象：在Illustrator中，提供了5种选择工具。如下图所示。通过选择命令选择对象：Illustrator还提供了一个“选择”菜单。如右图所示。知识准备2．手动快速变换对象当对象处于选中状态时，对象的周围会出现矩形圈选框，矩形圈选框是由8个空心正方形控制点组成，对象的中心有一个原点作为中心标记。当选取多个对象时，可以多个对象共用1个矩形圈选框。在对象选中状态下，可手动快速执行以下4种变换操作。变换操作移动对象

缩放对象旋转对象镜像对象知识准备3．变换工具Illustrator提供了多种变换工具，如下图所示，可以根据设置的控制点变换对象，选择变换工具后的具体用法介绍如下。变换工具比例缩放工具

镜像工具倾斜工具旋转工具知识准备4．“变换”面板“变换”面板汇集了多种变换参数，通过设置变换参数，可以对精确地变换象。如图所示。知识准备4．“变换”面板控制器：定义控制点在对象上的位置。X/Y：用于设置对象在坐标轴上的位置。

高/宽：用于设置对象的大小。缩放圆角：单击选中该复选框，在缩放时等比例缩放圆角半径值。缩放描边和效果：单击选中该复选框，在缩放时等比例缩放添加的描边和效果。水平翻转/垂直翻转：用于实现水平或垂直镜像对象。仅变换对象：执行该命令，将只变换图形，不变换效果、图案填充等属性。仅变换图案：执行该命令，将只变换图案填充，不变换图形。变换两者：执行该命令，将同时变换图形和图案填充。

锁定缩放比例：单击该按钮可以锁定缩放比例。旋转：用于设置对象的旋转角度值。倾斜：用于设置对象的倾斜角度值。知识准备5．对话框精确变换变换对话框与“变换”面板相比，能够复制一个变换后的对象。选择【对象】/【变换】命令中的子命令或按快捷键可以打开对应的变换对话框，“变换”子菜单如下图所示。选择【对象】/【变换】/【缩放】命令，打开“比例缩放”对话框，如右图所示，变换对话框参数与“变换”面板中的参数相似。知识准备6．对象的剪切、复制与删除执行对象的剪切、复制与删除等操作前，需要先选取对象，然后分别进行相应的操作。剪切对象：剪切对象，原对象将消失，对象将存在于剪切板中，执行粘贴操作，可以将对象从剪切板中移动到画板中。复制对象：复制对象，原对象不会发生变化，执行粘贴操作，得到相同的新对象。按【Ctrl+C】键复制，按【Ctrl+V】键粘贴，对象的副本将被粘贴到原对象的旁边；按【Ctrl+C】键复制，按【Ctrl+F】键，对象的副本将被粘贴到原对象的位置，并覆盖原对象；也可选择【编辑】/【复制】命令，选择【编辑】/【粘贴】命令粘贴。删除对象：选取要删除的对象，按【Delete】键；或选择【编辑】/【清除】命令。知识准备7．对象的还原与重做对象被执行操作后，通过“还原”操作可以撤销操作，通过“重做”操作可以再次恢复操作。例如移动对象后，选择【编辑】/【还原移动】命令可以撤销移动操作，再选择【编辑】/【重做移动】命令可以恢复移动操作。任务实施1．通过缩放、复制对象制作背景在设计方图背景时，对于相同的图形，米拉考虑通过复制和缩放操作得到，挂历上面排列的图形，考虑通过移动和复制操作得到，通过再次变换操作可以重复之前的变换与复制操作，快速得到均匀排列的图形，具体操作如下。1绘制矩形2等比例缩放对象3再次等比例缩放对象任务实施1．通过缩放、复制对象制作背景4设置圆角半径5移动对象到水平居中位置任务实施2．添加与倾斜文案制作背景后，米拉考虑采用较粗的字体，以及放大文案等方式来突出文案的主体地位，使文案表达更加直观，将“活动时间”以较小的字号显示在下方的矩形上，起到装饰与说明的作用，此外还通过复制、移动、倾斜等操作来增加文案的美观性和创意性，具体操作如下。1添加文本2倾斜对象3绘制矩形添加文本任务实施3．绘制与变换小星星小星星可以模拟闪光效果，也是设计中常用的装饰图形。米拉考虑绘制小星星图形来装饰海报，其中涉及到旋转对象、复制对象等操作，具体操作如下。1绘制圆角矩形2转换角为反向圆角3星星装饰效果目录Contents任务3.1设计直播活动方图任务3.2设计旅游App首页综合实战

设计剪纸风芒果奶茶海报某旅游App准备根据夏季旅游特色设计首页，老洪已经根据客户资料整理了首页中需要使用的元素，如旅游图标、艺术字、风景图片，由于老洪临时出差，便将后续的设计工作移交给米拉。米拉接过任务资料，向老洪保证能很好的完成任务。米拉浏览并分析了同行App首页。本任务的参考效果如图所示。任务3.2

设计旅游App首页任务描述任务背景夏天将至，某旅游App需要根据夏季旅游特色重新设计首页，目前已经拟定好了首页内容，需要设计师运用提供的图片和内容设计布局首页。任务目标①制作尺寸为750px×1624px，分辨率为72像素/英寸的旅游APP首页。②分析首页内容，搭建结构框架，布局页面内容。③运用排列、对齐、分布等操作规范图标、图片。④要求界面清晰、简洁、颜色和谐、风格一致。知识要点编组对象、排列对象、对齐对象、分布对象、新建图层、编辑图层、创建剪切蒙版、设置不透明度。知识准备1．“排列”与“对齐”命令选择【对象】/【排列】命令，其子菜单包括5个排列命令，如图所示。使用这些命令或按对应的快捷键可以改变对象间的堆叠效果。如右图所示为将树干置于顶层的排列效果。选择【对象】/【对齐】命令，其子菜单包括6个对齐命令，如右图所示，使用这些命令或按对应的快捷键设置多个对象的对齐效果。右图所示为多个对象的居中对齐效果。知识准备2．“对齐”面板使用“对齐”面板可以快速、有效地对齐与分布多个对象。选择【窗口】/【对齐】命令，打开“对齐”面板，如右图所示，“对齐”面板参数介绍如下：.对齐对象：用于对齐多个对象。分布对象：用于分布多个对象。分布间距：用于设置分布距离。对齐：用于设置对齐的参考对象，默认选中“对齐所选对象”按钮。知识准备3．“编组”“锁定”“隐藏”命令编组对象、锁定对象、隐藏对象是常用的对象管理方式，可通过使用“编组”“锁定”“隐藏”命令来实现。（1）“编组”命令选取要编组的对象，选择【对象】/【编组】命令，或按【Ctrl+G】键，将选取的对象组合。（2）“锁定”命令选取要锁定的对象，选择【对象】/【锁定】/【所选对象】命令，或按【Ctrl+2】键可以锁定所选对象。（3）“隐藏”命令选取要隐藏的对象，选择【对象】/【隐藏】/【所选对象】命令，或按【Ctrl+3】键可以隐藏所选对象。知识准备4．“图层”面板当设计作品元素较多时，将不同类型的元素放置在不同的图层上，可以对作品进行有序地管理，通过改变图层的排列顺序也可以改变对象的排序。其具体操作方法为：选择【窗口】/【图层】命令，打开“图层”面板，按住鼠标左键不放拖曳所选图层到其他位置，可以改变该图层的排列顺序，并且该图层上的对象排列顺序也会发生改变，如下图所示。知识准备4．“图层”面板彩色小方块：选择对象后，“图层”面板对应图层后会出现彩色小方块，拖曳彩色小方块到目标图层上，可将该对象图层移动到目标图层上方。锁定/解锁图层：每一个图层的眼睛图标后面还有一个空格区域，在此区域单击鼠标左键出现锁形图标，表示该图层被锁定，再次单击鼠标左键锁形图标消失，表示该图层已解锁，该图层可被编辑。定位对象：单击该按钮，可以定位所选对象所在的图层并选中。建立/释放剪切蒙版：单击该按钮，可以为选择对象创建剪切蒙版，或释放创建的剪切蒙版。新建图层：单击该按钮，在选中图层的上方将新建一个图层，双击图层名称区域修改图层名称。删除图层：单击该按钮，删除所选图层。知识准备5．剪切蒙版将一个对象作为蒙版后，对象的内部将变得完全透明，只能显示堆叠在下面的内容，同时也可以遮挡住下面内容不需要显示的部分，如右图所示。创建剪切蒙版后，可通过控制栏中的按钮来编辑蒙版或蒙版内容。“编辑剪切路径”按钮：选中剪切蒙版，单击该按钮，可编辑蒙版外观。“编辑内容”按钮：选中剪切蒙版，单击该按钮，调整在蒙版中的位置、大小和角度等。释放剪切蒙版的对象：选中蒙版，在其上单击鼠标右键，在弹出的快捷菜单中选择“释放剪切蒙版”命令。知识准备6．“透明度”面板在“透明度”面板中，可以给对象添加不透明度，还可以改变混合模式，从而制作出新的效果，如右图所示。选择【窗口】/【透明度】命令，打开“透明度”面板，“透明度”面板参数介绍如下。不透明度：默认状态下，对象是完全不透明的，通过设置不同的透明度数值，可以得到不同的显示效果。混合模式：在“透明度”面板中提供了多种混合模式，选择不同的混合模式，可以观察图像的不同变化。剪切：选择蒙版和内容，单击按钮，将自动选中该复选框，创建剪切蒙版，隐藏蒙版外内容。反向蒙版：单击选中该复选框，可以显示隐藏的部分，隐藏显示的部分。释放按钮：创建蒙版后，单击该按钮可以释放蒙版。任务实施1．布局首页页面在首面中，清晰、合理的层级结构方便用户理解信息。米拉通过客户提供的资料，将页面的层级结构整理为搜索、海报、图标分类、胶囊Bnaner、周边推荐5大板块，通过圆角矩形布局板块位置，具体操作如下。1UI页面布局2调整间距任务实施2．新建图层管理对象由于旅游App首页涉及的元素较多，为了方便管理与编辑各个元素，米拉考虑使用“图层”面板进行新建图层、图层命名、图层间移动对象等操作，将不同版块的元素放置在一个图层上，以“搜索”版块为例，具体操作如下。1复制图形2重命名图层3图层间移动对象任务实施3．为海报图片创建剪切蒙版为了使海报图片大小、边框更加规范、整齐，米拉考虑为海报图片创建剪切蒙版，具体操作如下。1新建图层并置入图片2制作边框效果3添加海报文案任务实施4．对齐与均匀分布分类图标图标简洁、美观、易识别，是UI设计中的关键元素，常用于分类信息。米拉考虑采用图标搭配文案的方式设计分类板块，先将搜集的图标统一高度，然后利用“对齐”面板进行顶端对齐、水平居中分布，具体操作如下。1添加图标并统一第一排图标高度2水平居中分布3均匀分布分类图标效果任务实施5．设计胶囊Banner胶囊Banner因形似胶囊，被称为胶囊banner，常用在UI页面中部。胶囊banner文案要尽量简洁、清晰，利益点可适当突出关键信息，米拉考虑放置“特价·暑期海边游”广告文案以及预约文案，增加预约按钮，引导用户点击，再添加植物图案丰富视觉，具体操作如下。1新建“胶囊Banner”图层并移动图形2添加两排文案任务实施5．设计胶囊Banner3设置正圆的不透明度4在圆上添加文本任务实施6．规范图片在制作“周边推荐”板块时，米拉发现客户提供的风景图片高度和宽度比例不尽相同，为提升UI页面的整洁度、美观度，米拉考虑为图片创建相同的剪切蒙版，以统一图片大小和边框。完成UI设计后，添加背景来美化UI设计最终展示效果，具体操作如下。1添加周边推荐文案与图片3添加背景并置于底层2创建圆角矩形剪切蒙版效果目录Contents任务3.1设计直播活动方图任务3.2

设计旅游App首页综合实战设计剪纸风芒果奶茶海报米拉将完成的旅游App首页交给老洪，老洪很满意，决定将手中的芒果奶茶海报任务交给米拉。为增加海报的创意性，米拉考虑设计一张剪纸风格的海报，通过多层图形的叠加，颜色的深浅塑造空间的层次感，再将芒果图形和叶子图形穿插在多层图形之间，使海报拥有丰富的细节。本实战的参考效果如右图所示。综合实战

设计剪纸风芒果奶茶海报本例制作的海报可以被归类于招贴，常指再公共场所、商业建筑或店铺外用于宣传广告的大幅海报，用于吸引往来人群关注，或进入相关商店购买特定产品。目前已完成芒果奶茶图片拍摄、图片抠图处理、文案拟定、素材搜集，需要设计师运用的素材和文案设计海报。实战背景实战描述①制作尺寸为60cm×90cm，颜色模式为CMYK，分辨率为300像素/英寸的海报。②颜色、字体搭配和谐，主色调不超过三种颜色。③海报能突出芒果饮品特性、卖点，背景图形具有强烈的艺术美观性，文案内容简洁明了，具有较强说服力。实战目标知识要点编组对象、选择对象、复制对象、旋转对象、缩放对象、排列对象、创建剪切蒙版。设计海报时，米拉考虑利用剪纸风图形作为