6、程为需求分析、素材收集、草稿设计、视觉设计、审核修改、完稿验收这六大步骤。1.2.2任务知识:平面设计的工作流程121.2.3任务实施:收集饮品海报的设计素材34本章简介:本项目在了解了平面设计的基础知识后,我们来熟悉常用的矢量图形处理和编辑工具,矢量图形处理和编辑工具有很多,我们以Illustrator为例来进行介绍。本章通过对Illustrator基础的讲解,使读者对Illustrator有初步的认识和了解,并快速掌握Illustrator的基础知识和基本操作方法,为进一步的学习打下一个坚实的基础。项目2熟悉设计工具Illustrator基础操作学习引导知识目标能力目标素养
10、基础操作通过打开文件和取消编组熟悉菜单栏的操作,通过选取图形掌握工具箱中工具的使用方法,通过改变图形的颜色掌握控制面板的使用方法。2.1.1任务引入2.1.2任务知识:Illustrator界面及基础操作1界面介绍IllustratorCC2019的工作界面主要由标题栏、菜单栏、工具箱、工具属性栏、控制面板、页面区域、滚动条和状态栏等部分组成。IllustratorCC2019的工作界面菜单栏2.菜单栏及其快捷方式llustratorCC2019中的菜单栏包含“文件”“编辑”“对象”“文字”“选择”“效果”“视图”“窗口”和“帮助”这9个菜单。每个菜单里又包含相应的子
13、rator界面操作34任务2.2掌握文件的基本操作任务引入任务知识:文件的设置方法任务实施:掌握Illustrator文件的操作技巧2.2.1任务引入通过打开案例效果熟练掌握打开命令,通过复制文件熟练掌握新建命令,通过关闭新建文件掌握保存和关闭命令。2.2.2任务知识:文件的设置方法1.新建文件“新建”对话框选择“文件新建”命令(组合键为Ctrl+N),弹出“新建文档”对话框,用户根据需要单击上方的类别选项卡,选择需要的预设新建文档。在右侧的“预设详细信息”选项中修改图像的名称、宽度和高度、分辨率和颜色模式等预设数值。设置完成后,单击“创建”按钮,即可建立一个新的文档。2.打
14、开文件“打开”对话框选择“文件打开”命令(组合键为Ctrl+O),弹出“打开”对话框。在对话框中搜索路径和要打开的文件,确认文件类型和名称,单击“打开”按钮,即可打开选择的文件。2.2.2任务知识:文件的设置方法3.保存文件“存储为”对话框选择“文件存储”命令(组合键为Ctrl+S),弹出“存储为”对话框。在对话框中输入要保存文件的名称,设置保存文件的路径、保存类型。设置完成后,单击“保存”按钮,即可保存文件。2.2.2任务知识:文件的设置方法4.关闭文件选择“文件关闭”命令(组合键为Ctrl+W),如图所示,可将当前文件关闭。“关闭”命令只有当有文件被打开时才呈现为可用状态
15、。“关闭”命令2.2.2任务知识:文件的设置方法2.2.3任务实施:掌握Illustrator文件的操作技巧123任务2.3掌握图像的基本操作任务引入任务知识:图像的操作方法任务实施:熟悉图像的基本操作技巧2.3.1任务引入通过将窗口层叠显示命令掌握窗口排列的方法,通过缩小文件掌握图像的显示方式,通过在轮廓中删除不需要的图形掌握图像视图模式的切换方法。1.图像的显示方式显示图像的实际大小“实际大小”命令可以将图像按100%的效果显示,在此状态下可以对文件进行精确的编辑。选择“视图实际大小”命令(组合键为Ctrl+1)。适合窗口大小显示图像绘制图像时,可以选择“适合窗口
16、大小”命令来显示图像,这时图像就会最大限度地显示在工作界面中并保持其完整性。选择“视图适合窗口大小”命令(组合键为Ctrl+0),也可以用鼠标双击抓手工具,将图像调整为适合窗口大小显示。放大显示图像选择“视图放大”命令(组合键为Ctrl+),每选择一次“放大”命令,页面内的图像就会被放大一级。也可使用缩放工具放大显示图像。选择“缩放”工具,在页面中鼠标指针会自动变为放大镜,每单击一次鼠标左键,图像就会放大一级。2.3.2任务知识:图像的操作方法缩小显示图像选择“视图缩小”命令,每选择一次“缩小”命令,页面内的图像就会被缩小一级(也可连续按Ctrl+-组合键)。全屏显示图像全屏
17、显示图像,可以更好地观察图像的完整效果。全屏显示图像有以下几种方法。单击工具箱下方的屏幕模式转换按钮,可以在3种模式之间相互转换,即正常屏幕模式、带有菜单栏的全屏模式和全屏模式。按F键也可切换屏幕显示模式。2.3.2任务知识:图像的操作方法2.窗口的排列方法打开多个图像文件后,屏幕会出现多个图像文件窗口,这就需要对窗口进行布置和摆放。选择“窗口排列全部在窗口中浮动”命令或“窗口排列平铺”命令,图像的效果分别如图所示。全部在窗口中浮动示意图平铺示意图2.3.2任务知识:图像的操作方法3.标尺、参考线和网格的设置和使用IllustratorCC2019提供了标尺、参考线
18、和网格等工具,利用这些工具可以帮助用户对所绘制和编辑的图形图像精确定位,还可测量图形图像的准确尺寸。标尺选择“视图标尺显示标尺”命令(组合键为Ctrl+R),显示出标尺。如果要将标尺隐藏,可以选择“视图标尺隐藏标尺”命令(组合键为Ctrl+R)。如果需要设置标尺的显示单位,则选择“编辑首选项单位”命令,弹出“首选项”对话框,可以在“常规”选项的下拉列表中设置标尺的显示单位。2.3.2任务知识:图像的操作方法参考线选择“视图参考线建立参考线”命令(组合键为Ctrl+5),将选中的路径转换为参考线。选择“视图参考线释放参考线”命令(组合键为Alt+Ctrl+5),可以将
19、选中的参考线转换为路径。选择“视图参考线隐藏参考线”命令(组合键为Ctrl+;),可以将参考线隐藏。选择“视图参考线锁定参考线”命令(组合键为Alt+Ctrl+;),可以将参考线进行锁定。选择“视图参考线清除参考线”命令,可以清除参考线。选择“视图智能参考线”命令(组合键为Ctrl+U),可以显示智能参考线。当图形移动或旋转到一定角度时,智能参考线就会高亮显示并给出提示信息。网格选择“视图显示网格”命令(组合键为Ctrl+),即可显示出网格。选择“视图隐藏网格”命令(组合键为Ctrl+),将网格隐藏。如果需要设置网格的颜色、样式、间隔等属性,选择“编辑首选项参考线
20、和网格”命令,弹出“首选项”对话框。2.3.2任务知识:图像的操作方法4.撤销和恢复对对象的操作撤销对对象的操作选择“编辑还原”命令(组合键为Ctrl+Z),可以还原上一次的操作。连续按组合键,可以连续还原原来操作的命令。恢复对对象的操作选择“编辑重做”命令(组合键为Shift+Ctrl+Z),可以恢复上一次的操作。如果连续按两次组合键,即恢复两步操作。2.3.2任务知识:图像的操作方法2.3.3任务实施:熟悉图像的基本操作技巧1234本章简介:图标设计是UI设计中重要的组成部分,可以帮助用户更好地理解产品的功能,是营造产品用户体验的关键一环。本章以多个图标设计为
24、区家电图标本案例是为媒体娱乐App制作的金刚区图标,该App是一款针对年轻人推出的社交应用,可以随时随地的和老朋友联系,还可以通过直播短视频结交新的朋友。图标旨在帮助用户识别App各大功能,能够快速上手,因此设计要求符合App的定位和场景需求。3.1.1任务引入在设计绘制过程中,使用同色系的背景承托主体,微渐变的面型图标整体饱满、形象突出具有光影效果,抓住用户的视线。图标设计表意准确,能够快速传达准确的信息,整体设计简洁美观,细节精巧在展现出图标主题的同时,增加活泼性,让人印象深刻。3.1.2设计理念效果图1绘制矩形和圆角矩形使用鼠标绘制矩形精确绘制矩形使用鼠标绘制圆角矩形精确绘制圆
25、角矩形使用“变换”控制面板制作实时转角使用直接拖曳制作实时转角3.1.3任务知识2绘制椭圆形和圆形使用鼠标绘制椭圆形精确绘制椭圆形使用“变换”控制面板制作饼图使用直接拖曳制作饼图使用直接选择工具调整饼图转角3.1.3任务知识3绘制多边形使用鼠标绘制多边形精确绘制多边形使用直接拖曳增加或减少多边形边数使用“变换”控制面板制作实时转角3.1.3任务知识4绘制星形使用鼠标绘制星形精确绘制星形3.1.3任务知识3.1.3任务知识5使用图案填充图案填充是绘制图形的重要手段,使用合适的图案填充可以使绘制的图形更加生动形象。选择“窗口色板库图案”命令,可以选择自然、装饰等多种图案填充图形。
26、6.建立渐变网格应用渐变网格功能可以制作出图形颜色细微之处的变化,并且易于控制图形颜色。使用渐变网格可以对图形应用多个方向、多种颜色的渐变填充。3.1.3任务知识使用网格工具建立渐变网格使用“创建渐变网格”命令创建渐变网格7.编辑渐变网格3.1.3任务知识添加网格点删除网格点编辑网格颜色123.1.4任务实施3453.1.5扩展实践:绘制电商平台App金刚区家电图标使用圆角矩形工具、描边控制面板、椭圆工具、矩形工具和变换控制面板绘制洗衣机外形和功能按钮;使用椭圆工具、直线段工具和描边控制面板绘制洗衣机滚筒。效果图任务3.2绘制旅游出行App金刚区兼职图标任务引入设计理
27、念任务知识任务实施扩展实践:绘制食品餐饮App产品图标本案例是为旅游出行App制作的金刚区图标,该App是综合性旅行服务平台,可以随时随地向用户提供集酒店预订、旅游度假及兼职资讯在内的全方位旅行服务。图标旨在帮助出行人员介绍各种旅行途中的兼职工作、提供一切符合需求的岗位需求。要求设计应符合App的定位和场景需求。3.2.1任务引入在设计绘制过程中,使用纯色背景突出主体,微渐变的面型图标整体饱满、形象突出具有光影效果,抓住读者的视线。图标设计表意准确,能够快速传达准确的信息,整体设计简洁美观,细节精巧在展现出图标主题的同时,增加活泼性,让人印象深刻。3.2.2设计理念效果图1.对
28、象的选取编辑一个对象之前,首先要选中这个对象。对象刚建立时一般呈选取状态,对象的周围出现矩形圈选框,矩形圈选框是由8个控制手柄组成的,对象的中心有一个“”形的中心标记。当选取多个对象时,可以多个对象共有1个矩形圈选框。要取消对象的选取状态,只要在绘图页面上的其他位置单击即可。3.2.3任务知识使用选择工具选取对象使用直接选择工具选取对象2.对象的比例缩放、移动和镜像3.2.3任务知识对象的缩放:使用工具箱中的工具比例缩放对象、使用“变换”控制面板成比例缩放对象、使用菜单命令缩放对象、使用鼠标右键的弹出式命令缩放对象。对象的移动:使用工具箱中的工具和键盘移动对象、使用“变换”控制面板
29、移动对象、使用菜单命令移动对象。对象的镜像:使用工具箱中的工具镜像对象、使用“选择”工具镜像对象、使用菜单命令镜像对象。3.对象的旋转和倾斜变形3.2.3任务知识对象的旋转:使用工具箱中的工具旋转对象、使用“变换”控制面板旋转对象、使用菜单命令旋转对象。对象的倾斜:使用工具箱中的工具倾斜对象、使用“变换”控制面板倾斜对象、使用菜单命令倾斜对象。4.使用“路径查找器”控制面板编辑对象3.2.3任务知识认识“路径查找器”控制面板的按钮:在“路径查找器”控制面板的“形状模式”选项组中有5个按钮,从左至右分别是“联集”按钮、“减去顶层”按钮、“交集”按钮、“差集”按钮和“扩展”按钮。在“路径
30、查找器”选项组中有6个按钮,从左至右分别是“分割”按钮、“修边”按钮、“合并”按钮、“裁剪”按钮、“轮廓”按钮和“减去后方对象”按钮。使用“路径查找器”控制面板5.使用“描边”控制面板描边其实就是对象的描边线,对描边进行填充时,还可以对其进行一定的设置,如更改描边的形状、粗细以及设置为虚线描边等。选择“窗口描边”命令(组合键为Ctrl+F10),弹出“描边”控制面板。“描边”控制面板主要用来设置对象描边的属性,如粗细、形状等。3.2.3任务知识123.2.4任务实施343.2.5扩展实践:绘制食品餐饮App产品图标使用圆角矩形工具、渐变工具、钢笔工具、矩形工具、椭圆工具
31、和变换控制面板绘制美食图标。效果图任务3.3项目演练绘制家居装修App金刚区商店图标任务引入设计理念3.3.1任务引入座儿家具App是专门销售现代家具的平台,包括沙发、橱柜、双人床等日常家具。平台中的家具以现代、实用、百搭的价值主张广受好评。本例是为座儿家具App绘制金刚区图标,要求根据品牌的调性、产品的功能以及场景应用等因素设计一款微拟物图标。3.3.2设计理念在设计绘制过程中,使用样式多样化的基础图形叠加体现出品牌的多元化和个性化,即带给用户带来视觉上的冲击力,也体现了图标生动的形象;图标整体色彩丰富多样,表现形式层次分明,具有吸引力。效果图本章简介:随着信息化时代的到来,插画设
34、绘制自然风景插画,插画的要求是符合主题内容,插画的搭配合理,要求表现出大自然的生机。4.1.1任务引入在设计绘制过程中,夕阳西下,映红了天边的晚霞,给人无限的遐想;绚烂的云彩为这夕阳美景更增添了几分神秘的气息。树影婆娑的山林和远处若隐若现的山峰相互呼应,为落日图增添了几分生机,让人体会到真实和美的感受。4.1.2设计理念效果图4.1.3任务知识1填充工具应用工具箱中的“填色”和“描边”工具,可以指定所选对象的填充颜色和描边颜色。当单击按钮(快捷键为X)时,可以切换填色显示框和描边显示框的位置。按Shift+X组合键时,可使选定对象的颜色在填充和描边填充之间切换。在“填色”和“描边”
35、下面有3个按钮,它们分别是“颜色”按钮、“渐变”按钮和“无”按钮。4.1.3任务知识2“颜色”控制面板选择“窗口颜色”命令,弹出“颜色”控制面板。“颜色”控制面板上的按钮用来进行填充颜色和描边颜色之间的互相切换,操作方法与工具箱中按钮的使用方法相同。4.1.3任务知识3“色板”控制面板选择“窗口色板”命令,弹出“色板”控制面板,在“色板”控制面板中单击需要的颜色或样本,可以将其选中。“色板”控制面板提供了多种颜色和图案,并且允许添加并存储自定义的颜色和图案。4.1.3任务知识4创建渐变填充绘制一个图形,单击工具箱下部的“渐变”按钮,对图形进行渐变填充。选择“渐变”工具,在图形中需要的
36、位置单击设定渐变的起点并按住鼠标左键拖曳,再次单击确定渐变的终点。4.1.3任务知识5渐变控制面板在“渐变”控制面板中可以设置渐变参数,可选择“线性”或“径向”渐变,设置渐变的起始、中间和终止颜色,还可以设置渐变的位置和角度。选择“窗口渐变”命令,弹出“渐变”控制面板。从“类型”选项组中可以选择“线性”、“径向”或“任意形状”渐变方式。在“角度”选项的数值框中显示当前的渐变角度,重新输入数值后按Enter键,可以改变渐变的角度。4.1.3任务知识6渐变填充的样式线性渐变填充:线性渐变填充是一种比较常用的渐变填充方式,通过“渐变”控制面板,可以精确地指定线性渐变的起始和终止颜色,还可以调整
37、渐变方向。径向渐变填充:径向渐变填充是IllustratorCC2019的另一种渐变填充类型,与线性渐变填充不同,它是从起始颜色开始以圆的形式向外发散,逐渐过渡到终止颜色。任意形状渐变填充:任意形状渐变可以在某个形状内使色标形成逐渐过渡的混合,可以是有序混合,也可以是随意混合,以便混合看起来很平滑、自然。124.1.4任务实施344.1.5扩展实践:绘制轮船插画使用椭圆工具、矩形工具、直接选择工具、变换控制面板和路径查找器命令绘制船体;使用椭圆工具、缩放命令、直线段工具、旋转工具和路径查找器命令绘制救生圈;使用矩形工具、变换控制面板、圆角矩形工具和填充工具绘制烟囱、栏杆和船舱
38、。效果图任务4.2绘制许愿灯插画任务引入设计理念任务知识任务实施扩展实践:绘制超市插画兔兔儿童书籍是一本专为儿童提供的最新版童话故事的书籍。本案例是要为儿童书籍绘制插画。要求绘制以许愿灯为主题的插画,在插画绘制上要通过简洁的绘画语言表现出许愿灯的特点,充满童趣且能引起共鸣。4.2.1任务引入在设计绘制过程中,插画以朦胧的夜景作为承托,洋洋洒洒飘向远方的许愿灯点亮了夜空也带走了美好的祈愿,产生视觉引导效果;漫天的星光点缀画面的同时显的活泼俏皮,人物和动物的处理使画面饱满的同时为画面增添情怀,引起共鸣和思考。4.2.2设计理念效果图4.2.3任务知识1“符号”控制面板符号是一
39、种能存储在“符号”控制面板中,并且在一个插图中可以多次重复使用的对象。IllustratorCC2019提供了“符号”控制面板,专门用来创建、存储和编辑符号。“符号”控制面板具有创建、编辑和存储符号的功能。单击控制面板右上方的图标,弹出其下拉菜单。在“符号”控制面板下边有以下6个按钮:“符号库菜单”按钮、“置入符号实例”按钮、“断开符号链接”按钮、“符号选项”按钮、“新建符号”按钮、“删除符号”按钮。2创建和应用符号创建符号应用符号4.2.3任务知识3使用符号工具“符号喷枪”工具“符号移位器”工具“符号紧缩器”工具“符号缩放器”工具“符号旋转器”工具“符号着色器”工具“符号滤色器
40、”工具“符号样式器”工具4.2.3任务知识4.使用铅笔工具使用“铅笔”工具可以随意绘制出自由的曲线路径,在绘制过程中IllustratorCC2019会自动依据鼠标的轨迹来设定节点并生成路径。铅笔工具既可以绘制闭合路径,又可以绘制开放路径,还可以将已经存在的曲线的节点作为起点,延伸绘制出新的曲线,从而达到修改曲线的目的。4.2.3任务知识5.使用画笔工具使用“画笔”工具可以绘制出样式繁多的精美线条和图形,还可以调节不同的刷头以达到不同的绘制效果。利用不同的画笔样式可以绘制出风格迥异的图像。4.2.3任务知识6.使用“画笔”控制面板画笔类型:IllustratorCC201
41、9包括了5种类型的画笔,即散点画笔、书法画笔、毛刷画笔、图案画笔、艺术画笔。更改画笔类型:选中想要更改画笔类型的图像,在“画笔”控制面板中单击需要的画笔样式。“画笔”控制面板的按钮:“画笔”控制面板下面有4个按钮。从左到右依次是“移去画笔描边”按钮、“所选对象的选项”按钮、“新建画笔”按钮和“删除画笔”按钮。4.2.3任务知识6.使用“画笔”控制面板编辑画笔:IllustratorCC2019提供了对画笔编辑的功能,如改变画笔的外观、大小、颜色、角度,以及箭头方向等。对于不同的画笔类型,编辑的参数也有所不同。自定义画笔:IllustratorCC2019除了利用系统预设的画笔类型和编
45、品展海报任务引入设计理念任务知识任务实施扩展实践:制作店庆海报红枫当代艺术馆是一个不定期举办各类展览的艺术街区,致力于为每一副好的作品,提供展现其艺术价值及视觉观赏的机会。现当代优秀海报设计作品展即将在此开展,要求为此设计一张宣传海报,要体现出浓郁的文化气息及创意理念。5.1.1任务引入在设计制作过程中,海报使用纯色作为背景,增加了画面的规律性,画面中的文字排列有序,清晰直观,简洁的元素围绕主题,丰富了画面,增加了海报的艺术性。海报整体体现了艺术行业灵动、融合及其创造性,设计整体层次分明能够加深视觉印象。5.1.2设计理念效果图5.1.3任务知识1混合效果的使用创建混合对象创
46、建混合路径继续混合其他对象使用混合选项对话框选择混合命令可以对整个图形、部分路径或控制点进行混合。混合对象后,中间各级路径上的点的数量、位置以及点之间线段的性质取决于起始对象和终点对象上点的数目,同时还取决于在每个路径上指定的特定点。5.1.3任务知识2混合的形状多个对象的混合变形绘制立体效果混合命令可以将一种形状变形成另一种形状。5.1.3任务知识3编辑混合路径“平滑颜色”选项“指定的步数”选项“指定的距离”选项选择“对象混合混合选项”命令,弹出“混合选项”对话框,在“间距”选项组中包括3个选项。5.1.3任务知识4操作混合对象改变混合图像的重叠顺序打散混合图像1235
48、2.1任务引入在设计制作过程中,以蓝紫色的渐变图案和装饰图形叠加形成热闹的氛围。立体化的文字直观醒目突出宣传主题,表现活动特色,瞬间抓住人们的视线,整体色彩使用富有朝气,给人青春洋溢的印象。5.2.2设计理念效果图5.2.3任务知识1创建封套当需要使用封套来改变对象的形状时,可以应用程序所预设的封套图形,或者使用网格工具调整对象,还可以使用自定义图形作为封套。但是,该图形必须处于所有对象的最上层。从应用程序预设的形状创建封套使用网格建立封套使用路径建立封套5.2.3任务知识2编辑封套用户可以对创建的封套进行编辑。由于创建的封套是将封套和对象组合在一起的,所以,既可以编辑封套,也
49、可以编辑对象,但是两者不能同时编辑。编辑封套形状编辑封套内的对象5.2.3任务知识3“模糊”效果“模糊”效果组可以削弱相邻像素之间的对比度,使图像达到柔化的效果。“径向模糊”命令“特殊模糊”命令“高斯模糊”命令125.2.4任务实施345.2.5扩展实践:制作音乐节海报使用添加锚点工具和锚点工具添加并编辑锚点;使用极坐标网格工具、渐变工具、用网格建立命令和直接选择工具制作装饰图形;使用矩形工具、用变形建立命令制作琴键。效果图任务5.3项目演练制作手机海报任务引入设计理念5.3.1任务引入米心手机专营店是一家手机专卖场。该手机店最新推出了手机促销活动,需要制作针对网店的宣
59、喜好。色调浓郁的背景搭配亲子互动图片能够使封面看起来更加温馨。错落排列的书籍名称使画面具有动感,书籍的封面与封底相互呼应,将少儿读物这一主题突出表现;书籍的设计整体符合要求,能够吸引读者目光。7.1.2设计理念效果图7.1.3任务知识1文字工具的使用输入点文本输入文本块转换点文本和文本块2区域文字工具的使用7.1.3任务知识在IllustratorCC2019中,还可以创建任意形状的文本对象。选择“文字”工具或“区域文字”工具,当光标移动到图形对象的边框上时,将变成形状,在图形对象上单击,图形对象的填充和描边填充属性被取消,图形对象转换为文本路径,并且在图形对象内出现一个带有
60、选中文本的区域。在选中文本区域输入文字,输入的文本会按水平方向在该对象内排列。如果输入的文字超出了文本路径所能容纳的范围,将出现文本溢出的现象,这时文本路径的右下角会出现一个红色号标志的小正方形。3路径文字工具的使用创建路径文本编辑路径文本7.1.3任务知识4修饰文字工具的使用7.1.3任务知识利用“修饰文字”工具,可以对文本框中的文本进行单独的属性设置和编辑操作。选择“修饰文字”工具,单击选取需要编辑的文字,在属性栏中设置适当的字体和文字大小。再次单击选取需要的文字,拖曳右下角的节点调整文字的水平比例,松开鼠标,拖曳左上角的节点可以调整文字的垂直比例,拖曳右上角的节点可以等比例缩