Animate动画设计实例教程 课件 任务1、2 动画制作基础、绘制图形

任务一

动画制作基础Animate动画设计案例教程CONTENTS目录1.任务分析2.难点剖析3.相关知识4.案例实现5.任务总结6.提高创新01任务分析知识目标技能目标素质目标思政目标素质目标培养学生自主学习的能力：对时间轴的灵活应用。技能目标能够熟练使用时间轴面板；能够设计、制作逐帧动画。知识目标掌握逐帧动画的制作思路；掌握选择帧、移动帧、翻转帧的方法。思政目标培养学生全面发展的自我意识。任务分析02难点剖析“洋葱皮”效果制作逐帧动画，有时需要绘制连续性动作，Animate默认舞台上仅显示动画序列的一个帧，这时必须参考前后帧的内容。通过“时间轴”面板的“绘图纸外观”按钮（其效果俗称“洋葱皮”）在舞台上一次查看多个帧，方便观察动画的细节。 （a）当前帧

（b）“洋葱皮”效果难点剖析03相关知识Animate的工作环境时间轴动画类型1.Animate的工作环境1．重要概念解析（1）位图和矢量图位图，是计算机根据图像中每一点（像素）的信息所生成的。主要用于对色彩丰富程度或真实感要求比较高的场合，放大后会出现明显的失真（马赛克现象）。矢量图，是计算机根据矢量数据计算后所生成的，它用包含颜色和位置属性的直线或曲线来描述图像。占用的存储空间非常小，无论放大多少倍都不会失真。（2）帧帧是时间轴上的一个小格，是舞台内容中的一个片段。（3）影片Animate把制作完成的动画文件称为影片。（4）场景影片需要很多场景，并且每个场景中的人物、事件和布景可能都是不同的。与拍摄影片一样，Animate可以将多个场景中的动作组合成一个连贯的影片。场景的数量没有限制。相关知识

图

放大1000倍图片1.Animate的工作环境2．Animate的主界面（1）舞台舞台是工作区域，舞台以内的内容在播放影片时才会显示出来。（2）时间轴

管理图层、帧和时间，是动画的核心。（3）工作面板区包含“属性”“库”“颜色”“对齐”“变形”“信息”等多个常用面板。（4）工具箱（6）菜单栏相关知识2.动画类型逐帧动画，需要分别设置对象的每个运动状态。优点是有很大的灵活性，可以制作任何想要表现的内容；缺点是难度大、工作量大、文件大。补间动画，只需设置对象的关键状态，中间的运动过程由系统通过自动生成补间。优点是制作简单、文件小；缺点是无法表达比较细腻的动作及运动规律。相关知识

图

动画类型3.时间轴1．帧的4种基本类型关键帧、过渡帧、普通帧、空白关键帧关键帧：设置内容的帧，是可编辑的帧。普通帧：位于关键帧后方延长关键帧的显示时间，是延时的帧。空白关键帧：相当于“容器”，是放置内容的帧。过渡帧：自动生成的补间，不可编辑。相关知识04案例实现逐帧动画—大雁飞逐帧动画—字母运动逐帧动画—写字效果逐帧动画—大雁飞学习目标：掌握运动规律类逐帧动画的制作技巧。实现效果：天空中，大雁在原地展翅飞翔。设计思路：借助时间轴的“绘图纸外观”按钮，分别绘制每一帧大雁飞翔的状态，最后连续播放形成大雁飞的动作。逐帧动画—写字效果学习目标：掌握写字类逐帧动画的制作技巧。实现效果：“动画”两个字一笔一画地写出。设计思路：使用“橡皮擦”工具从字的最后一笔的末端开始擦除，然后从倒数第二笔的末端开始擦除，最后选择所有帧，执行“翻转帧”操作。倒着擦，反转帧逐帧动画—字母运动学习目标：掌握文字跳动类动画的制作技巧。实现效果：字母Start从左到右逐字做向上升高的运动，同时震感十足。设计思路：第1帧，字母“s”的中心点移至字母底部，同时高度为200%；第2帧，字母“t”的中心点移至字母底部，同时高度为200%……震感效果通过上、下、左、右方向键将每帧的字母随意移动一个或几个像素。

提示

如果“变形”面板的“约束”按钮激活，则选择对象的高度、宽度一起变化，即等比例缩放；如果“约束”按钮关闭，则单独调整选择对象的宽度和高度。05任务总结任务总结1．创建逐帧动画的方法有多种（1）导入多张静态图片，通过图片间的变化建立逐帧动画。（2）在每一帧绘制连贯的矢量图形，创建逐帧动画。（3）导入序列图像创建逐帧动画。（4）用文字作为逐帧动画的内容，通过改变文字位置等参数创建逐帧动画。2.Animate导出格式（1）

导出后的标准格式：swf影片，swf影片需要在有AnimatePlayer的环境下才能正常播放。（2）

Animate增强了对视频格式文件的输出功能。在导出视频时，根据软件提示，下载相关插件即可导出成功；再通过“格式工厂”等工具软件转视频格式，即可在手机、网络上播放。任务总结表1-1

常用快捷键分类快捷键Windows撤销：Ctrl+Z全选：Ctrl+A向后删除：Delete复制：Ctrl+C粘贴：Ctrl+V向前删除：Backspace选择工具选择：V帧插入帧：F5转换为关键帧：F6转换为空白关键帧：F7绘图工具画笔：B矩形：R文本：T播放影片播放影片：Enter测试影片：Ctrl+Enter编辑工具任意变形：Q橡皮擦：E缩放：Z手形工具：H

面板属性：Ctrl+F3变形：Ctrl+T对齐：Ctrl+K工具箱：Ctrl+F2动作：F93.常用快捷键06提高创新逐帧动画—打字效果逐帧动画—打字效果学习目标：掌握打字动画效果的制作技巧。实现效果：文字从左到右逐字显示。设计思路：“愿你有”“温暖的心”“聪明的脑”“勇敢的心”“健康的身”，有19个字。“愿你有”文本一直显示，单独放一个图层。温暖的心、聪明的脑、勇敢的心、健康的身”逐字显示，所以单独放一个图层。AS脚本——控制播放头停止播放（1）新建图层：as。在动画最后一帧插入空白关键帧。（2）按【F9】键，打开“动作”面板，输入stop();。（3）测试动画。播放到最后一帧，停止播放。谢谢观看任务二

绘制图形Animate动画设计案例教程CONTENTS目录1.任务分析2.难点剖析3.相关知识4.案例实现5.任务总结6.提高创新01任务分析知识目标技能目标素质目标思政目标素质目标培养学生自主学习的能力：对绘图工具箱的灵活应用。技能目标能够在图形的两种绘制模式——形状、绘制对象间灵活切换；能够绘制、临摹简单图形。知识目标掌握常用绘图工具“线条、钢笔、五角星形、文本、颜料桶、墨水瓶”的使用方法；掌握图形形态“形状、绘制对象、组、元件”的区别。思政目标提升学生的审美意识，培养学生对中国传统文化的欣赏能力。任务分析02难点剖析文本、形状、绘制对象、组合对象、元件在绘图过程中，需要对图形进行不同的处理，以达到绘图目的。Animate图形有文本、形状、绘制对象、组合对象、元件等几种形态，如何合理地创建、处理图形，是在绘图中要掌握并且能够灵活应用的内容。难点剖析03相关知识形状与绘制对象组和元件图形绘制工具1.形状与绘制对象

矢量图形由轮廓线和填充色两部分构成1．形状的特性（1）形状选中后，会显示麻点状。选择某条轮廓线：单击该轮廓线。选择整条轮廓线：双击轮廓线。选择某填充色：单击该填充色。选择整个图形：双击填充色。（2）线条具有分割特性（3）相同的填充颜色，会结合成为一个新的图形（4）不同的填充颜色，会相互分割、覆盖，形成新的图形2．绘制对象的特性

可以直接编辑，既保留了形状的可编辑性，又具备对象的完整性。3．形状与绘制对象的相互转换（1）形状转换为绘制对象“修改”—“合并对象”—“联合”。（2）绘制对象转换为形状“修改”—“分离”【Ctrl+B】。（3）“属性”面板，在“对象”选项中单击“创建对象”或“分离”按钮。相关知识2.图形绘制工具1．常用绘图工具（1）线条工具【N】绘制各种长度和角度的直线。（2）铅笔工具【Shift+Y】绘制不规则的曲线或直线。（3）钢笔工具组钢笔工具组可以很轻松地创建曲线、直线。（4）椭圆工具组、矩形工具组、多角星形工具相关知识

2.图形绘制工具2．选择工具组（1）选择工具【V】选择、移动、调整形状。（2）部分选取工具【A】显示、编辑轮廓的节点，调节节点的方向柄。（3）套索工具【L】在舞台上拖动鼠标指针选择连续的不规则区域或多个对象。（4）魔术棒选择与单击处颜色相同的区域。相关知识

2.图形绘制工具3．查看工具包括“手形工具”“放大镜”工具。（1）手形工具【H】平移舞台画面，以便更好地观察细节。（2）放大镜工具【Z】改变舞台画面的显示比例，以便观察。（3）舞台编辑栏最右侧显示比例列表中可以直接选择系统定义好的显示方案相关知识

区域放大，是观察细节时的高效方法，使用频率高。2.图形绘制工具4．橡皮擦工具【E】擦除图形。在“属性”面板中可以设置橡皮擦模式、橡皮擦类型及水龙头模式来擦除对象，相关知识2.图形绘制工具5．上色工具（1）墨水瓶工具【S】添加或改变矢量线段、曲线及图形轮廓的属性。（2）颜料桶工具【K】添加或改变内部填充区域的色彩属性。（3）滴管工具【I】获取已有对象的颜色属性，并自动切换到相关工具。相关知识2.图形绘制工具6．颜色面板（【Ctrl+Shitf+F9】

编辑填充、轮廓和文本的颜色、Alpha（透明度）值。相关知识2.图形绘制工具7．任意变形工具组（1）任意变形工具【Q】

对图形进行缩放、旋转、倾斜、扭曲、封套变形。（2）渐变变形工具【F】

对渐变色、位图填充的大小、方向、旋转角度和中心位置进行调整。相关知识3.组和元件1．组

当多个形状或绘制对象需要被整体选择、移动、复制时，可以将它们编成一个组。（1）编组

“修改”—“组合”【Ctrl+G】（2）取消组

“修改”—“分离”【Ctrl+B】键

“取消组合”【Ctrl+Shift+G】（3）编辑组内对象

双击进入组内部，在编辑栏“场景1”的后面可以看到“组”标记，表示已进入组内部。

编辑完成后，单击编辑栏的“场景1”按钮或向左的蓝色箭头按钮都可以返回“场景1”的编辑环境。相关知识组，相当于一个“面包袋”，里面的每块“面包”都是独立的。组对象作为一个整体，不能直接修改颜色、造型。文本对象、形状、绘制对象、组、元件对比04案例实现玫瑰传统文本应用—文字设计眨眼的熊猫玫瑰学习目标：掌握形状、绘制对象在绘图中的转换方法及应用。实现效果：红色玫瑰花，绿色茎、叶，浅色阴影构成了一幅和谐的美图。设计思想：使用“多角星形工具”绘制花朵;通过“变形”面板的“重置选取和变形”按钮，实现花朵的复制；使用“线条工具”（【N】键）、“选择工具”（【V】键）绘制叶子；使用“钢笔工具”（【P】键）、“部分选取工具（”【A】键）绘制花茎。眨眼的熊猫学习目标：掌握卡通类动画的绘图技巧及图层的应用技巧。实现效果：可爱的熊猫眨眼，同时一颗红心从眼中跳出，掉落到一旁、消失。设计思路：第一个关键帧，绘制一只熊猫（为了便于管理，开启绘制对象模式，每部分都是一个绘制对象，每部分都是完整的椭圆）。第二个关键帧，将一只眼睛删除，在相同位置绘制3条线段，形成闭着的眼睛。将第一个关键帧复制到第三个关键帧。绘制时，开启“绘制对象”，身体的每部分都要保持完整、独立，以便于后期的动画制作。绘制对象时，后绘制的对象在上面图层，先绘制的对象在下面图层。所以，绘制过程中经常需要调整图层的顺序。传统文本应用—文字设计学习目标：掌握文本的编辑技巧。实现效果：将文本分离为形状后，具备形状的所有特征，可以灵活设计各种效果。设计思路：首先，设置好文本的字体、大小、间距、行距等参数；其次，将文本分离为形状；最后，添加笔触颜色，或设置填充色为渐变色、位图的效果。

05任务总结任务总结1．Animate图形的4种常用形态

“形状、绘制对象、元件、组”在案例中得到了充分的应用，在以后的动画制作中，能够根据图不同种形态的特点，灵活高效地绘图。2.保持图形的独立性

在绘图时，对象的每部分可能都会涉及具体的动作，所以，要保证对象的每部分都是完整并且独立的。

不能因为只能看到它的某一部分，而不绘制剩下的部分。

同时，还要考虑该对象是否参与运动，除了要保证对象的完整性外，还要将该对象放置在一个