1、二维动画设计与制作二维动画设计与制作第二单元:基本工具的使用2.1绘图工具的使用2.2对象的操作2.3文本的输入与编辑二维动画设计与制作2.1:绘图工具的使用v 内容大纲n舞台设置n工具箱的简单说明n各种绘图工具的基本使用n填充与描边的修改工具n项目一子任务n辅助绘图工具的使用n练习与作业布置2二维动画设计与制作2.1:绘图工具的使用一、舞台设置n帧频n宽、高n背景颜色(Canvas文档类型下可设置透明背景)n缩放内容(内容是否随舞台大小自动调整)n高级设置3二维动画设计与制作2.1:绘图工具的使用二、工具箱的简单说明n显示与隐藏(Ctrl+F2)n锁定与解锁n选择工具组n绘画工具组n填充与描
2、边编辑工具组n辅助工具组n颜色编辑色标n工具选项设置组。4二维动画设计与制作2.1:绘图工具的使用三、各种绘图工具的基本使用n选择工具(V)用于选择并移动对象,可点选,也可框选。还可以用选择工具在图形的边缘拖动以改变其形状。注意区分对象选中与未选中的状态变化。n部分选择工具(A)主要用于选择并编辑对象的节点。n套索工具(L)快速选择形状中鼠标拖动过的某一部分或全部。5二维动画设计与制作2.1:绘图工具的使用三、各种绘图工具的基本使用n多边形套索(L)通过点击绘制多边形的方式选中多边形区域。n魔棒(L)通过点击某个颜色以选择与此颜色接近的区域。只适用于经过打散(分离)的位图,不适用于直接画的形状
3、。6二维动画设计与制作2.1:绘图工具的使用三、各种绘图工具的基本使用n直线工具(N)用于绘制直线,按住Shift键可绘制特点角度的直线。线条(笔触)的属性有哪些:颜色、绘制模式、粗细、笔触样式及编辑、宽度、端点设置等。直线工具的选项:“对象绘制”和“紧贴对象”。对象绘制与非对象绘制的区别。可以利用选择工具将直接拉伸成曲线。重点:线条属性的设置项目一任务1:绘制小房子7二维动画设计与制作2.1:绘图工具的使用三、各种绘图工具的基本使用n铅笔工具(Shift+Y)用于绘制自由曲线,用法与直线工具相似,多了一项平滑参数,可设置所绘线条的平滑程度。n矢量画笔工具(新增,Y)用于绘制自由曲线,用法与铅
4、笔相似,区别在于矢量画笔可以设置艺术笔触,铅笔不行。n钢笔工具组(P)用于精确地绘制曲线和图形,用法与矢量画笔相同,区别在于不可设置平滑度。以上几个工具绘制的都是线条。8二维动画设计与制作2.1:绘图工具的使用三、各种绘图工具的基本使用n笔刷工具(传统,B)用于为图形填充颜色或直接绘制带有填充的图形。其属性包括:填充颜色、笔尖形状设置、画笔粗细、平滑度工具选项:锁定渐变、绘画模式(标准绘画、颜料填充、后面绘画、颜料选择、内部绘画)、画笔粗细、笔尖形状。与矢量画笔的区别:笔刷是填充属性,矢量画笔是线条属性9二维动画设计与制作2.1:绘图工具的使用三、各种绘图工具的基本使用n圆形(O)、矩形(R)
5、和多边形工具属性:轮廓、填充等属性技巧:正方形、正圆、圆角矩形、圆环、半圆、多边形、星形的绘制n基本颜色的选择与设置n颜色色标的使用n颜色色板的使用n颜色样本的使用n练习:使用绘图工具绘制动画场景hippo10二维动画设计与制作2.1:绘图工具的使用四、填充与描边的修改工具n颜料桶(K)给形状填充颜色选项:不封闭空隙、封闭小空隙、封闭中等空隙、封闭大空隙几种填充模式,锁定填充效果(主要用于是否锁定渐变填充效果)。n墨水瓶(S)改变当前线条的属性或给填充对象添加线条轮廓11二维动画设计与制作2.1:绘图工具的使用四、填充与描边的修改工具n橡皮擦(E)用来擦除线条和填充选项:有橡皮模式和水龙头模式
6、两种,橡皮模式包括多种擦除方式,水龙头模式用于快速擦除大面积色块。n滴管(I)用于快速复制轮廓属性或填充属性。n宽度工具(U)为线条设置宽度变化效果,可以存至宽度配置。12二维动画设计与制作2.1:绘图工具的使用四、填充与描边的修改工具n渐变色的填充、设置与调整Animate没有专门的渐变工具,只能先使用油漆桶或填充面板填充渐变色,然后进行颜色调整,也可以使用渐变形变工具进行渐变变换。n位图的填充与调整可以导入位图并填充给形状,使用渐变变形工具调整图案的大小和角度。13二维动画设计与制作2.1:绘图工具的使用五、项目一子任务n项目一任务2:为小房子上色n项目一任务3:绘制贺卡背景n项目一任务4
7、:绘制卡通角色14二维动画设计与制作2.1:绘图工具的使用六、辅助绘图工具的使用n抓手工具(H)和缩放工具(Z)可直接使用快捷键代替。n视图操作平移:按住空格键,再按左键移动鼠标,或者按住鼠标中键移动。缩放:按住Ctrl键再滚动滚轮。舞台居中、剪切舞台外部分、全屏按F11n摄像头工具15二维动画设计与制作2.1:绘图工具的使用六、辅助绘图工具的使用n标尺(Ctrl+Shift+Alt+R)n网格(Ctrl+)可对网格的格式大小、颜色等进行设置n辅助线(Ctrl+;显示与隐藏)添加、移动、删除、隐藏、锁定辅助线。n贴紧的设置n撤销与重做(Ctrl+Z和Ctrl+Y)16二维动画设计与制作2.1:
8、绘图工具的使用七、练习与作业布置n练习绘制简单卡通人物(女孩)n作业一:绘制“我的家乡”场景17二维动画设计与制作二维动画设计与制作第二单元:基本工具的使用2.2对象的操作二维动画设计与制作2.2:对象的操作v 内容大纲n对象的类型n对象的基本操作n对象的排列、对齐与分布n对象的组合与分离n对象的变形n位图的编辑n练习与作业19二维动画设计与制作2.2:对象的操作一、对象的类型n形状(散件)在Animate中绘制的原始图形(线条和填充),也包括被打散的位图和对象,属于最底层的元素形状没有层次顺序,所以会互相交融在一起。n直接绘制的对象形状没有层次顺序,所以会互相交融在一起。20二维动画设计与制
9、作2.2:对象的操作一、对象的类型n组合将单个或多个形状(或其它对象)编组就形成组合对象,组合可嵌套。选中对象后按Ctrl+G可编组n元件和实例n位图n其它对象(文字、声音、视频等)21二维动画设计与制作2.2:对象的操作二、对象的基本操作n对象的选择使用选择工具点选或框选。同时选择多个使用Shift键n对象的移动使用选择工具配合Shift进行移动,或使用方向键微移,或使用属性栏和信息面板精确控制对象的位置n对象的删除选中对象后按Delete键或退格键。删除对象只是将舞台上的对象删除了,对库中的对象无影响。22二维动画设计与制作2.2:对象的操作二、对象的基本操作n对象的复制与粘贴nCtrl+
10、C复制,Ctrl+V粘贴nCtrl+C复制,Ctrl+Shift+V原地粘贴n选中对象后按住Ctrl键或Alt键便可快速移动复制n选中对象后按Ctrl+D可快速重制23二维动画设计与制作2.2:对象的操作三、对象的排列、对齐与分布n排列在同一图层中,除“形状”外,其它对象的排列顺序是按照被放入舞台上的先后顺序排列的,“形状”总是被排在最底层。更改排列顺序:选中对象后右击或从“修改”菜单中选择相应命令,或按Ctrl+上下方向键,移到最顶层或最底层按Ctrl+Shift+上下方向键。24二维动画设计与制作2.2:对象的操作三、对象的排列、对齐与分布n对齐选中多个对象后从“对齐”控制面板选择相应的对
11、齐方式,包括水平方向左、中、右,垂直方向上、中、下。n分布分布即多个对象之间间距的调整,选中多个对象后从“对齐”控制面板选择相应的分布方式,包括水平方向左侧、中间、右侧,垂直方向顶部、中部、底部。对齐与分布都可以以舞台为参照进行设置。25二维动画设计与制作2.2:对象的操作四、对象的组合与分离n组合组合即将多个对象编成一个整体控制的组。选中对象后按Ctrl+G可编组选中组合按Ctrl+Shift+G可解组n分离分离即将组合或其他对象解散(打散),分离一级一级进行的。分离组合分离位图分离文字分离元件26二维动画设计与制作2.2:对象的操作五、对象的变形n变形工具(Q)使用变形工具可缩放、倾斜、旋
12、转对象,按住Ctrl键配合Shift键可扭曲对象。n变形面板利用变形面板可精确变换对象,也可重复变换(同时复制)n变形菜单使用“修改”菜单中的“变形”子菜单(或按Ctrl+Alt+S弹出旋转和缩放对话框)27二维动画设计与制作2.2:对象的操作五、对象的变形n工具栏中的变形选项n水平翻转与垂直翻转n扭曲和封套(对形状有效)n3D旋转和平移(只适用于as3文档里的影片剪辑,不适用于canvas和webgl文档)28二维动画设计与制作2.2:对象的操作六、位图的编辑n导入位图n导入位图序列n交换位图n位图转换为矢量图一般情况下建议使用AI将位图转换为矢量图后再导入。练习:将koala线稿转换为矢量
13、图并填色,然后制作小动画29二维动画设计与制作二维动画设计与制作第二单元:基本工具的使用2.3文字的输入与编辑二维动画设计与制作2.3:文字的输入与编辑v 内容大纲n创建文本n文本类型n文本属性设置n文本特效制作nTypekit在线字库n文字应用练习31二维动画设计与制作2.3:文字的输入与编辑一、创建文本n文本工具(T)n点文本使用文本工具在舞台上点击,右上角为圆圈符号,不会自动换行。n段落文本(文本框)使用文本工具在舞台上按住鼠标拖动,右上角为方形符号,会自动换行。文本框大小的设置(用鼠标拖拉或在属性栏中更改)32二维动画设计与制作2.3:文字的输入与编辑二、文本的类型n静态文本主要起呈现
14、作用的、不会动态更改字符的文本,如影片的标题。n动态文本主要用于显示动态更新的文本(可变化),常用于数据的更新,如时间的显示和实时变化的得分,一般需要配合脚本语言。n输入文本(as3文档有效)用于交互操作,使用户可以在表单或输入框中输入文本,如输入用户名和密码等33二维动画设计与制作2.3:文字的输入与编辑三、文本属性设置1.字符格式n字体与样式、嵌入n字号、字符间距n颜色n消除锯齿2.段落格式n对齐方式n段间距与边距3.文本的选择与操作34二维动画设计与制作2.3:文字的输入与编辑四、文本特效制作n文本的分离(打散,可能会遇到文字融合的问题n渐变色文字n描边文字和镂空文字n阴影文字n不规则文字使用变形工具或部分选择工具手动调整字形n滤镜效果文字35二维动画设计与制作2.3:文字的输入与编辑五、Typekit在线字库36二维动画设计与制作2.3:文字的输入与编辑六、文字应用练习37