《Animate动画设计与制作案例教程(Animate 2023)》高职全套教学课件

Animate二维动画制作项目1绘制与编辑图形绘制与编辑图形了解动画与元件基本动画制作特效动画制作动画高级应用全套可编辑PPT课件学习目标（1）了解常用绘图工具的功能。（2）掌握导入图像和填充动画的方法（3）学习创建和美化文本的方法.目录

任务1.1绘制毛球鸡和小橘子

任务1.2制作中式折扇

任务1.3制作文字海报任务1.1绘制毛球鸡和小橘子基本图形是动画中必备的元素，任何复杂的图形也都是由基础图形组合而成的，本节我们将学习基础的图形制作，调整线型的方法，绘制多种不同线型的图形的方法。启动AnimateCC2023，选择默认的ActionScript3.0文档，就进入新建文档工作界面，AnimateCC2023新建文档界面。.1.AnimateCC2023的工作界面探索1：了解Animate（1）菜单栏（2）文档选项卡（3）舞台（4）工作区（5）面板栏（6）图层

（7）时间轴.（1）帧：帧是组成动画的基本单位。（2）帧频：是指每秒播放的帧数，是动画播放的速度。（3）图层：犹如一张透明的胶片，在上面可以绘制任何图案或文字，所有不同的图层叠合在一起，可以透过图层看到下面的图层。在AN中，图层可以分为常规层，引导层，运动引导层，被引导层，遮罩层，被遮罩层和姿势层等。（4）时间轴:用于组织和控制一定时间内的图层和帧中的文档内容。“时间轴”面板上的帧编辑区的每一个小方格就表示一个帧,时间轴将决定帧内对象在最终内容中的显示顺序。（5）元件:元件是可以被不断重复使用的特殊对象。元件一旦创建完成，就可以多次拖动至舞台使用。元件可以分为图形，按钮和影片剪辑三种类型。2.Animate基本概念探索1：了解Animate“矩形工具”是一个工具组，长按此按钮可以打开工具组面板。3.绘图工具介绍（1）矩形工具:选中“矩形工具”，在工作区中按住鼠标左键并拖动，可以绘制出矩形，按住SHIFT键同时绘制，可以绘制出正方形。（2）基本矩形工具：基本矩形工具绘制出的矩形，顶点会有锚点显示，利用选择工具拖动可以改变为圆角。探索2：基础绘图工具的使用“椭圆工具”是一个工具组，长按此按钮可以打开工具组面板，3.绘图工具介绍（3）椭圆工具。选择椭圆工具，拖动鼠标可以绘制出椭圆或圆形，按SHIFT键可以绘制出正圆。（4）基本椭圆工具。在椭圆工具的基础上，椭圆上会有两个“调节点”，椭圆工具属性面板如图所示。通过调整开始角度，结束角度和内径值。探索2：基础绘图工具的使用3.绘图工具介绍（5）多角星形工具。使用多角星形工具，多角星形工具的属性面板中，可以绘制等边多边形或等边星形图形，探索2：基础绘图工具的使用3.绘图工具介绍（6）铅笔工具介绍。选择铅笔工具，按下并拖动，可以画出轨迹线，在绘图工具箱中可以选择“铅笔模式”，有伸直（线条平直），平滑（线条柔和），墨水（线条接近于手绘）三种模式，画笔工具，可通过设置笔刷的形状、样式和大小等参数来绘制形状或线条。

探索2：基础绘图工具的使用3.绘图工具介绍

钢笔工具，可以绘制直线和平滑的曲线。（1）钢笔工具绘制直线的方法：选择钢笔工具，鼠标单击创建直线的起点，然后在想要该线段结束的位置再次单击，即可绘制一条直线段，当钢笔工具指针旁边出现一个小圆圈时，单击或拖动鼠标即可完成闭合路径的绘制。

探索2：基础绘图工具的使用3.绘图工具介绍

钢笔工具，可以绘制直线和平滑的曲线。（2）钢笔工具绘制曲线的方法：单击鼠标左键确定第一个锚点，将光标移至另一位置，按住鼠标左键并拖动，可拖出一个调节杆，继续按住鼠标向任意方向拖动调节杆，可调整曲线弧度，释放鼠标左键即可创建一个曲线段。

探索2：基础绘图工具的使用3.绘图工具介绍（7）属性面板。当在工具栏中选择工具后，在属性栏中可以相应调整其属性。探索2：基础绘图工具的使用4．着色与填充（1）颜料桶工具。可以对基本封闭区域填充指定颜色。“颜料桶工具“选项栏有”空隙大小“按钮，单击此按钮弹出四种填充方式，渐变变形工具，可以调整渐变色的中心和角度。探索2：基础绘图工具的使用（2）墨水瓶工具。可以修改线条的颜色,也可以更改笔触的颜色，样式，大小等属性。（3）滴管工具。用于吸取图形的填充或笔触的颜色值。5.导出和发布文件（1）选择“文件/导出”菜单，可以将文件导出为图像，影片，视频或动画等①选择导出图像：可以将当前图像导出为静止图像。②导出影片：可以将动画导出为SWF影片或图像序列。③导出动画：可以将动画导出为GIF动画形式。探索2：基础绘图工具的使用（2）发布文件选择文件---发布命令后，可以将文件生成同名的SWF文件。任务分析毛球鸡的整体形态为圆形，眼睛和嘴也是椭圆，只是线型不同，外轮廓应该用斑马线形，眼睛和嘴应该使用实线，填充时要调整线型颜色和粗细。基本任务：制作毛球鸡任务实施（1）通过执行文件—导入----导入到舞台命令，将所需图案导入到舞台。（2）用工具箱中的吸管工具吸取样张中的颜色，将填充和描边均设置为黄色（3）在矩形工具组中，长按右下角按钮，选择椭圆工具，在窗口右侧属性面板上对线型进行设置。（4）单击样式最右侧的按钮，打开“笔触样式”对话框，类型选择为斑马线。基本任务：制作毛球鸡任务实施（5）长按工具箱中矩形工具，选择椭圆工具，在舞台上按SHIFT同时鼠标左键拖动绘制出一个正圆。（6）在属性面板上重新设置笔触状态基本任务：制作毛球鸡任务实施（7）按SHIFT键用选择工具选中眼眶和眼球，CTRL+G打组为一体，按ALT键拖动复制眼睛。（8）点击填充和描边色，分别将填充色设置为红色，描边设置为粉色，利用椭圆工具绘制出两个椭圆的嘴巴。（9）Animate文件直接保存为源文件.fla文件，本案例需要输出为图形，需执行“文件”—“导出”—“导出图像”命令，在弹出的对话框中设置文件格式为JPEG并导出文件。基本任务：制作毛球鸡任务分析小橘子的图形与毛球鸡形状基本为椭圆，但是线型明显不同，仿手绘状态，我们可以利用铅笔工具绘制，同时要注意，线段出现断点，需要利用橡皮擦工具擦除，填色时注意缝隙大小调整。拓展任务：绘制小橘子操作提示：①选择椭圆工具按钮，在属性栏笔触样式处，调整成锯齿线模式，图案设置为实线。②利用任意变形工具，调整椭圆角度，选择橡皮擦工具，在椭圆形状上擦出缺口。③长按线条工具，选择铅笔工具，绘制出小橘子的面目表情。④使用工具箱中的颜料桶工具，给橘子涂色。拓展任务：绘制小橘子操作提示：①将填充设置为黑色，描边设置为红色，笔触样式选择为画笔库，选择Pattern-rushes—PatternArrow—CurlArrow状态，

选择基本椭圆工具，在属性栏将椭圆选项进行调整，设置为扇形，利用任意变形工具将其旋转摆正

按ALT键拖动图形进行复制，将其中一个填充转为红色，调整大小,重叠放置在最上层，另一个在属性栏笔触样式中，选画笔库中PatternBrushes—PatternArrow—CurlArrow状态，利用任意变形工具调整高度，放置在最后（鼠标右键，选排列，置于底层），在中间输入隶书：福。自主任务：制作扇形国风边框通过这个任务，我们了解了Animate强大的绘图功能，学习了线条工具的使用，不同线型的选取，属性面板的使用，矩形工具和椭圆工具（包括多角星形工具）的使用，利用这些工具和着色的方法，就能绘制出精美的图形来了。课堂小结项目1绘制与编辑图形任务1.2制作中式折扇在制作图形图像的过程中，有时需要利用外部现成图像制作，本任务将带领读者学习如何导入外部图像，在多图层状态下完成图案绘制的方法。一．图像文件的类型计算机中的图片可以分为两大类：位图和矢量图。1.位图：也称为像素图，图像是由小的像素点组成，当将位图文件放大到一定程度，可以看到图像分离为一个个的小方格，位图文件可以表现出图像的细节。2.矢量图：是在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，这种图像放大后，图像不失真，Animate软件就是一款制作矢量图的二维动画制作软件。探索1：图像文件的类型1.选择“文件”—“导入到舞台”（或“导入到库”）命令，在弹出的“导入”对话框中找到存放图像的文件夹，选择所需图像文件，单击“打开”可以将图片导入。2.导入到库命令，系统将图片导入到元件库中，可以反复使用。3.位图可以作为填充的图案填充图形。打开“颜色”面板，单击“颜色类型”，在列表中选择“位图填充”，就可以将所选的位图填充图形了。探索2：外部图像的导入探索3：图层的编辑Animate图形处理都使用图层，可以将图层看成是相互堆叠在一起的透明纸，将不同的元素分别放置在不同的图层上，有利于管理编辑。不同图层上的对象是各自独立的，不会相互影响。上面的图层对象会遮挡下面图层的对象。图层的操作：新建图层当新建一个文档时，系统自动建立一个名称为“图层1”的图层，单击图层面板左上方的“新建图层”，或右击某一图层，选择“插入图层”命令，可以在当前图层上面插入一个图层。探索3：图层的编辑2.重命名图层双击图层名，可以更改图层名称，将图层内容可以更加明确。3.调整图层顺序利用鼠标拖动某一图层上下移动，就可以调整图层的上下顺序。4.删除图层单击要删除的图层名，单击图层面板左上角的“删除”按钮，可以删除图层。探索4：画笔工具的使用画笔是利用率很高的工具，选择“画笔工具”，按住鼠标左键并拖动，即可画出鼠标的轨迹线，所绘制的图形为填充图形。画笔模式：“标准绘画”：用指定颜色涂改工作区的任意区域，将覆盖已有图形的笔触和填充区域。

“仅绘画填充”：在填充和空白区域绘画，不影响笔触。“后面绘画”：只在同一层的空白区域进行绘图，不影响已有图形。“颜料选择”：只在被选中的区域绘画，不影响其他区域。“内部绘画”：只在第一笔所在的封闭区域内绘画，且不影响线条。探索5：选取和变形工具的使用1.选择工具作用①选取对象：被选取的对象显示小的亮点，表示被选中，按SHIFT键，可以选取多个对象。在多个选取对象中，按住“SHIFT”键，也可以取消选中。②移动对象：利用选择工具可以移动一个或多个对象，系统提供了贴紧选项，“视图”—“贴紧”可以提供6种贴紧方式，探索5：选取和变形工具的使用1.选择工具作用③复制对象：可以通过编辑菜单的复制，粘贴命令复制选中的对象，也可按住“ALT”键，鼠标拖动选中的对象，可以执行复制操作。④修改对象：利用“选择工具”还可修改对象的形状。光标移至图形的直角处，光标出现直角标记，可以拉伸线的交点，若移至线条中间，出现小圆弧，可将线条拉伸至弧形。探索5：选取和变形工具的使用2.部分选取工具作用①删除锚点：选中图形后，可以显示出图形上的锚点，按DELETE键可以删除。②移动锚点：选中图形锚点后，拖动鼠标，移动锚点，可以改变图形形状。③角点转换为曲线点，按“ALT”键，拖动角点，可以将角点转换为曲线点。探索5：选取和变形工具的使用3.任意变形工具是一个工具组，包含任意变形工具和渐变变形工具，当选择“任意变形工具”后，在选项栏中有五个变形选项按钮任务分析折扇分别由三个部分组成：扇骨，扇面和中心轴。扇骨由矩形，复制绕转生成，为增强立体效果，最后需要制作矩形阴影，也同时复制，绕转。扇面由基本椭圆工具制作而成，图案由颜色面板填充位图得到。中心轴利用圆形绘制，可以添加径向渐变立体效果。基本任务：制作中式折扇任务实施（1）新建文件，选择“工具”面板中的“矩形工具”，绘制一个矩形，要添加描边。（2）选择“工具”面板中的“任意变形工具”，将注册点移动到矩形下方，可以利用CTRL+加号，放大图案。（3）选择“窗口”—“变形”菜单命令，打开“变形”面板，在打开的对话框中，设置为按原比例缩放，将旋转的角度设置为10度。基本任务：制作中式折扇复制选区和变形按钮任务实施(4）单击“复制选区和变形”按钮15次，生成折扇骨架，利用选择工具框选全部骨架，CTRL+G打组，利用工具箱中的“任意变形工具”将骨架旋转适当角度。(5)利用工具箱中的基本椭圆工具，找到扇骨注册点，在属性面板输入开始角度和内径值，按ALT+SHIFT键，调整扇面大小，使之与扇骨匹配。基本任务：制作中式折扇任务实施(6）选择扇形，打开颜色面板，在颜色类型中选择“位图填充”，单击导入位图，选择素材图片，使用填充颜色模式对扇面进行填充。(7)利用渐变变形工具，对位图进行调整。基本任务：制作中式折扇任务实施(8）用选择工具框选扇面和扇骨两个部分，右键选择分散到图层，将两个部分分别放在两个图层，选择扇面的图层，打开属性面板，在色彩效果中，选择ALPHA值，设定扇面的不透明度。(9.)为增强立体效果，可以在每个扇骨部分加矩形径向渐变，旋转，产生阴影效果。(10)在扇骨注册点上绘制圆形，利用颜色面板，选择径向渐变模式，绘制扇轴，文件—导出，导出为JPEG的图片文件。基本任务：制作中式折扇任务分析通过观察，电视机图案，分为三个大部分，框架，屏幕和阴影。框架可以利用矩形制作，支架部分产生形变，通过渐变效果填充为立体质感。屏幕可以利用位图填充方式。阴影部分可以利用椭圆工具绘制，设置模糊效果，降低透明度。拓展任务1：制作电视机图案操作提示：①利用矩形工具，在画板上绘制一个黑色边框，调整边框粗细为11，在颜色面板上，将边框设置为黑白线性渐变效果。②将图层更名为边框，选中边框，右键，转换为元件，建立影片剪辑类型元件，设置投影效果。拓展任务1：制作电视机图案操作提示：③新建屏幕图层，将此图层拖至最下层，绘制一个矩形，在颜色面板中，将填充改为位图填充，将素材图片填充在矩形中。④绘制矩形，利用任意变形工具，按CTRL调整锚点，改变矩形形状，移至合适位置。拓展任务1：制作电视机图案操作提示：⑤利用直线工具，绘制支架，按ALT键复制，将其中一根，设置为黑白黑渐变效果，CTRL+G打组，按ALT键，拖动复制，右键，变形--水平翻转，将图层更名为支架。⑥在时间轴最下层，建立阴影图层，绘制一个灰色椭圆，设置径向黑白渐变效果，降低透明度，右键，创建为影片剪辑元件，设置模糊效果拓展任务1：制作电视机图案任务分析通过观察，小汽车图案由椭圆和直线绘制完成，有的直线可以后期通过选择工具调整为曲线。车轮部分为绘制重点：需要利用变形工具中的复制旋转操作完成。填充部分为径向灰白渐变效果填充，后期可以通过渐变变形工具调整效果。拓展任务2：绘制小汽车图案操作提示：①单击“椭圆工具”，按住键盘上的SHIFT键，单击左键并拖动鼠标，在场景中绘制一个大的正圆。②绘制小正圆，并放置于大正圆的弧上，用“线条工具”在大正圆的1/3处建立一条水平线，后用“选择工具”选中水平线下的线条并且删除。③在两个小正圆内分别放入相同大小的正圆，步骤如上，用“椭圆工具”和“线条工具”，建立一个半圆形，并将半圆形拖到指定位置。拓展任务2：绘制小汽车图案操作提示：④在两个轮子之间绘制两条直线，并且用“椭圆工具”和“线条工具”绘制车的前后盖。⑤绘制汽车的车轮：用“矩形工具”绘制一个细长圆角矩形，使用“复制”命令将圆角矩形复制4个，使用“任意变形工具”中的“旋转”命令，对5个圆角矩形旋转，然后用“选择工具”将它们移动成为花瓣状，再加上些小圆圈，也可以利用“变形”面板进行精确旋转和复制。拓展任务2：绘制小汽车图案操作提示：⑥绘制汽车的车轮，在两个车轮的两侧分别绘制一个侧灯，然后对整辆车进行渐变颜色填充，填充后对汽车的外表进行装饰。拓展任务2：绘制小汽车图案任务要求：结合本任务案例，自行分析制作素材方法，绘制素材库中其他案例自主任务2：绘制其他图案通过这个任务，我们了解了外部图案的填充方式，渐变填充方式的使用，学习了钢笔工具的使用，通过钢笔的使用，可以绘制很多复杂图案，特别是曲线的操作，需要多加练习，结合多图层操作，将绘制能力提高，为后期的动画制作奠定良好的基础。课堂小结任务1.3创建和美化文本在制作动画的过程中，少不了文本工具的使用，本任务通过绘制中文文字海报，巩固文本工具的使用，同时熟练掌握利用属性面板对文本进行编辑的方式。利用“工具”面板中的“文本工具”可以在页面中输入文本1.文本工具使用选择“工具”面板中的“文本工具”，在“属性”面板中可以设置文本类型，字体，大小等属性，在舞台上按下鼠标左键并拖动至合适位置后释放，创建文本框。2.改变文本方向单击文本方向按钮，可以设置文字的排列方向：水平，垂直，垂直，从左向右。.探索：文本的编辑3.使用滤镜滤镜效果可以为文本，按钮和影片剪辑增添有趣的视觉效果，滤镜中有7个功能选项：投影，模糊，发光，斜角，渐变发光，渐变斜角和调整颜色。使用滤镜后，可以随时改变它的选项值，或者调整滤镜添加的顺序以生成不同效果。4.段落属性的设置段落属性可以设置段落的对齐方式，间距，边距。.探索：文本的编辑任务分析本任务主要需要熟悉文字的输入，文字大小，文字间距，文字排列方向调整，滤镜效果的使用功能，结合参考线的帮助，就能制作出工整的文字海报。基本任务：制作文字海报任务实施（1）创建一个2479*3508的文档，打开视图菜单中的标尺命令，用鼠标拖拉出参考线，利用矩形工具绘制出一个蓝色背景，再绘制一个灰色边框。（2）新建图层，选择文字工具，在属性面板上设置字体，字号，间距，字体：微软雅黑，输入文字“招”，利用任意变形工具放大文字。基本任务：制作文字海报任务实施（3）在属性面板中，选择“滤镜”，将文字设置投影效果，按ALT键拖动复制，更改文字。（4）在文字层下，新建一个图层2，选择椭圆工具，按ALT+SHIFT键绘制正圆，放在文字下方。基本任务：制作文字海报任务实施（5）将文字排列方向换为垂直，输入“虚位以待”，在属性面板中选中滤镜，将文字设置为模糊效果，降低透明度。（6）继续输入其他水平文字，注意调整文字按参考线对齐，保持海报的工整版面。基本任务：制作文字海报任务实施（1）创建一个2100*2970的文档，利用修改—文档命令，将背景设置为深蓝色。（2）将图层更名为：背光，利用钢笔工具绘制三角形，填充灰色，利用任意变形工具，调整注册点，利用变形面板，设置旋转。课堂练习：制作销售海报任务实施（3）利用选择工具裁切多余图案，只留舞台部分，在属性面板降低透明度。（4）新建图层：旗帜，利用矩形工具绘制红色矩形，按CTRL键，利用选择工具上移鼠标，产生夹角，输入文字：5折限时促销，利用属性面板调整文字的字体，利用任意变形工具调整文字大小。课堂练习：制作销售海报任务实施（5）新建图层：主文字，输入文字内容，利用属性面板调整文字字体，字形，利用任意变形工具调整文字大小，注意文字的对齐。（6）新建图层：主图，将素材图片导入到舞台，利用任意变形工具调整大小。同时导入二维码，完成案例课堂练习：制作销售海报任务要求：此任务需要整合前面所学知识，涉及到：1.文本工具的使用，2.

多图层的运用，3.形状设置阴影的运用，4.铅笔工具的使用，5.多边形工具的结合使用，6.填充外部图像的操作。自主任务：制作宣传单Animate二维动画制作项目2了解动画与元件学习目标（1）了解帧的概念和创建方式（2）了解逐帧动画的制作过程（3）了解元件的概念和创建方式目录任务2.1制作逐帧动画任务2.2制作小花与虫动画任务2.1制作逐帧动画帧是动画的核心，多个帧上的画面连续播放，就形成了逐帧动画，本任务将带领读者了解各种帧的概念，学习逐帧动画的制作方法。动画就是将画面连续播放，利用人眼的视觉暂留特性，给人脑造成一种物体持续运动的视觉效果。这一个个的画面就是“帧”。在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画就是逐帧动画。探索1：动画原理可以在此面板上对图层和动画播放进行控制探索2：时间轴面板（1）帧：动画中的每一个画面。（2）播放头：表示现在舞台上显示的内容在时间轴的位置。（3）帧频：表示当前动画每秒钟播放多少帧。（4）当前帧：表示当前播放头所处的帧编号。（5）时间轴工具：包含插入关键帧，向前进至下一个关键帧，播放，后退等按钮。（6）调整时间轴视图大小：可以放大或缩小时间轴视图，以调整时间轴中显示帧的数量。（7）播放按钮：可以播放动画，查看效果，按快捷键CTRL+ENTER。（8）循环播放：可以设置循环播放动画效果。探索2：时间轴面板（1）绘图纸外观

通常情况下，舞台上只能显示当前帧中的内容，但是使用绘图纸功能可以在舞台上查看多个帧的内容。单击此按钮即可启用，此时可以看到其余帧的内容显示为半透明状，并且只能编辑当前帧的内容，再次单击此按钮可以关闭此功能。

单击“绘图纸外观”按钮后，时间轴标尺上会出现“绘图纸外观标记”，拖动标记两端，可扩大或缩小显示帧的范围，长按“绘图纸外观”按钮，可在展开的列表中选择舞台上要显示帧的范围。探索2：时间轴面板帧是动画的基本单位，在Animate中帧主要分为三种类型1.空白关键帧：用空心圆表示，用于表示动画在此没有内容，当我们在空白关键帧处添加了内容，此帧将转换为关键帧。2.关键帧：用实心圆表示，用于表示动画中画面发生变化的帧。3.普通帧：在时间轴中用灰色方格表示，用于延长关键帧中内容的播放时间，当对普通帧中的内容进行设置时，此帧转变为关键帧。探索3：帧的类型1.插入帧◆插入--时间轴---帧，（或直接按快捷键F5）,可以插入普通帧。◆若要插入关键帧，需选择“插入--时间轴--关键帧（或直接按快捷键为F6）。◆若要插入空白关键帧，可以按F7键。在时间轴上，单击想插入帧的地方，单击鼠标右键，从弹出的快捷菜单中选择“插入帧”命令。◆新添加的帧将出现在前一个关键帧之后，前面的关键帧上有什么内容，添加帧上也同样存在。探索4：帧的操作插入帧2.清除帧选中要清除的某个或几个帧（按SHIFT键可以选择连续的帧），然后按DEL键即可清除所选的帧。探索4：帧的操作插入帧3.移动，复制帧选中要移动的帧后，在所选帧上按鼠标左键并拖动到目标位置，即可将所选帧移动到目标位置。若要复制帧，需选中相应的帧后，右键，选“复制帧”，在目标位置右键，在快捷菜单中选“粘贴帧”，可复制所选帧到目标位置。４.翻转帧

选择一组连续帧，选择“修改／时间轴／翻转帧”，或右键选“翻转帧”命令，可以将选中的帧顺序翻转，动画反向播放。探索4：帧的操作插入帧

逐帧动画的原理是在连续的关键帧上绘制不同的对象，然后连续播放即可，具体做法是在图层的第一个帧上制作内容（也可以利用元件制作图形），然后在后续的关键帧中插入关键帧，调整图形的形态，位置，重复操作，直至完成动画。任务分析（1）绘制迷宫背景（2）制作大嘴元件（3）制作逐帧动画基本任务：制作逐帧动画点击视频观看任务实施（1）创建一个1280*720的文件，场景为黑色背景，利用直线工具绘制迷宫，为了绘制工整，需点击菜单“视图”/”标尺”，用选择工具拖拉出参考线，再绘制。基本任务：制作逐帧动画任务实施（2）在时间轴上建立新的图层，金子图层，利用圆形工具，绘制系列黄色小点。基本任务：制作逐帧动画任务实施（3）创建新的图层，利用基本椭圆工具，绘制一个红色的圆形，在第二帧处，创建关键帧（F6）,利用选择工具将圆形图案的嘴打开，在第三帧，创建关键帧，还是利用选择工具将嘴合上，在第四帧，创建关键帧，移动红色圆形。基本任务：制作逐帧动画任务实施（4）在金子图层，对应上面的第四帧处，创建关键帧，利用橡皮擦工具，擦除刚才的黄色圆形，表示已经被吃掉，在红色圆形行进过程中，若遇到拐角，需要用任意变形工具调整方向，如此反复，完成案例。基本任务：制作逐帧动画任务分析此案例也是一个逐帧动画的练习，需要对火焰设置三层渐变，每隔一帧，创建关键帧，通过选择工具调整火焰的形态。拓展任务：制作跳动的火焰点击视频观看操作提示：①新建一个550*400像素的文件，将场景设置为黑色。②建立三个图层，每层绘制一层的火焰形态，外层黄—橙渐变，中层红—黄渐变，内层红—橙渐变。利用颜色面板设置不透明度，外层90%，中层60%，内层40%。拓展任务：制作跳动的火焰操作提示：③.在每个火焰层每隔一个帧建立关键帧，利用选择工具调整火焰的形态。拓展任务：制作跳动的火焰操作提示：④在火焰层下新建一个图层：基底层，绘制一个暗红色的椭圆。⑤在最下层，新建一个图层：外光，绘制一个黄色的椭圆，颜色为黄色—无色的渐变，右键点击形状，生成影片剪辑元件，设置滤镜效果为模糊，发光。拓展任务：制作跳动的火焰自主任务：绘制爬虫爬行的逐帧动画（形态变化，且前行）通过这个任务，我们了解了帧的概念，帧的操作，逐帧动画的原理，学习制作逐帧动画，在绘制时可以利用绘图纸外观查看多个帧的内容，对动画绘制产生帮助。课堂小结任务2.2制作小花与虫动画元件在动画制作过程中起到非常重要的作用，本任务将带领读者学习如何建立元件，如何将元件与动画结合使用。◆元件是用户在制作动画时能反复使用的对象。

◆元件可以是从外部导入的素材，也可以是Animate中制作的图形或动画，还可以是按钮。元件可以嵌套，当将元件放到场景中，就创建了一个该元件的实例。

◆实例是元件在工作区中的一个引用，即指针的作用，如果修改元件的形状，则该元件所有的实例形状随之改变，但修改实例的属性不会影响到元件，元件和实例之间的联系是单项的。探索1：元件介绍一。元件的类型元件可以分为三类：图形元件，影片剪辑元件和按钮元件。1.图形元件图形元件用于制作可重复使用的静态图像，不支持交互功能，也无法添加声音。2.影片剪辑元件影片剪辑元件用于创建可重复使用的动画片段，能独立于主场景进行播放。当在舞台上使用影片剪辑元件时，即便主场景中只有一个帧，也可以正常播放影片剪辑元件中的动画。3.按钮元件使用按钮元件可以创建用于响应鼠标单击，滑过或其他动作的交互式按钮，按钮元件的使用，需要结合代码使用，拟在后面章节详细介绍。探索1：元件介绍1.将对象转换为元件选中对象，选择“修改”—“转换为元件”命令，或右击选择的对象，选择“转换为元件”，或选择对象后按“F8”键，弹出“转换为元件”对话框，在对话框中的输入元件的名称，选择元件类型为“图形”选项。探索2：创建图形元件的方式2.创建新的图形元件选择“插入”—“新建元件”命令，弹出“创建新元件”对话框，输入元件名称，选择元件类型为“图形”，单击“确定”后，进入元件编辑模式，可以在元件编辑窗口绘制图形，单击“场景1”或返回按钮，退出元件编辑窗口，新元件存放在库里，打开“库”面板可查看图形元件。探索2：创建图形元件的方式任务分析（1）绘制花盆，小花，与虫的元件。（2）小花的影片剪辑元件中，建立小花左右摇摆的逐帧动画。（3）将元件逐层拖入场景，蜘蛛层建立上下拉长，摇摆的逐帧动画。基本任务：制作小花与虫动画点击视频观看任务实施（1）新建文件，利用矩形工具绘制基底。（2）新建图层，命名为“花盆”，选择“插入/新建元件”，新建一个命名为花盆的图形元件。（3）在元件编辑界面，绘制花盆，并拖入场景。基本任务：制作小花与虫动画任务实施（4）新建图层，命名为“小花”，选择“插入/新建元件”，新建一个影片剪辑元件，在元件编辑状态，绘制一个圆形，利用任意变形工具调整注册点，选择“窗口/变形”面板，输入旋转度数72度，形成花瓣效果，按ALT+SHIFT绘制正圆，然后利用矩形和钢笔工具绘制花杆和叶子。基本任务：制作小花与虫动画任务实施（5）创建小花摇摆的动画，在第5帧处创建关键帧，选中小花，调整注册点，利用选择工具让小花向左偏转，选中第10帧，将小花调整至垂直，选中第15帧，将小花调整至向右偏转，在小花元件编辑时间轴上，每隔5帧，调整小花角度。基本任务：制作小花与虫动画任务实施（6）新建蜘蛛的图形元件，利用椭圆工具和直线绘制蜘蛛，新建蜘蛛图层，将库中的蜘蛛拖入场景，将直线样式更改为点刻线，绘制蜘蛛丝。（7）基座，花盆和小花时间轴在30帧处，创建关键帧，给蜘蛛在场景中每隔5帧，创建关键帧，制作蜘蛛丝拉长，摇摆的逐帧动画。基本任务：制作小花与虫动画任务分析（1）绘制变色龙身体，眼睛，抓杆元件。（2）分图层放置，导入背景。（3）建立逐帧动画，在属性面板，调整变色龙身体颜色。拓展任务1：制作变色龙动画点击视频观看操作提示：①新建文件，在制作此动画效果之前，需要新建元件，绘制变色龙，木棍和变色龙眼睛，并将背景的森林图片存放在库中，以方便后续使用。②将导入到库中的所有素材，分层拖入到场景中，调整至场景大小。③在背景和木棍图层的第40帧，创建关键帧，在变色龙图层的第10帧，创建关键帧，点击变色龙，转换为属性面板，设置滤镜—调整颜色，更改变色龙的色相值，改变原本颜色，也可以调整亮度，对比度和饱和度。拓展任务1：制作变色龙动画操作提示：④同样在眼睛图层的第10帧，创建关键帧，调整眼睛向上移动。⑤继续操作，在变色龙图层的第20帧，创建关键帧，同样通过滤镜—调整颜色，改变色彩，眼睛向下移动。⑥在第30帧，第40帧处，创建关键帧，改变颜色，调整眼睛位置，完成案例。拓展任务1：制作变色龙动画任务要求：根据小花与虫案例的讲解，将蜘蛛更改为甲虫，蠕虫，思考并设计小虫会动并且变色的动画。自主任务2：自创动画情境通过这个任务，我们了解了逐帧动画的制作原理，学习了图形元件，影片剪辑元件的建立，并结合逐帧动画，完成制作。逐帧动画是动画的基础，结合元件后，可以发生形态，位移，色彩等多方面的变化，在制作过程中，要注意关键帧动作的连贯性。课堂小结Animate二维动画制作项目3基本动画制作学习目标（1）了解补间动画的制作过程（2）掌握建立各种补间动画的方法（3）学习补间动画与逐帧动画结合使用的方法.目录

任务3.1补间形状动画创建

任务3.2传统补间动画创建

任务3.3补间动画创建任务3.1补间形状动画创建本任务将学习补间形状动画的创建，通过动画的创建，图形可以实现色彩，大小，形态的变化。

渐变动画是AN软件的另一种基本动画类型，只要设置动画的起点关键帧和终点关键帧，通过属性设置，软件会自动生成过渡的关键帧动画。

渐变动画分为三种：补间形状动画和传统补间动画，补间动画。本节重点介绍补间形状动画。补间形状动画主要应用在对象的形状和颜色发生变化的动画中。1.补间动画的类型：探索1：补间动画的类型注意：补间形状动画的两端一定不能为元件，必须打散，才能设置补间形状动画探索1：补间动画的类型当设置为补间形状动画后，时间轴的起始帧和结束帧之间会显示为褐色，并且关键帧之间由箭头相连。2.创建补间形状动画后，选择补间动画中的任意一帧，在“属性”面板的“帧”选项卡中可以设置其缓动效果，还可以在补间区域的“Morph类型”中选择分布式或角形模式，分布式：动画中形状的过渡会比较平滑和不规则；角形：动画的过渡会保留明显的角和直线。探索2：缓动的设置3.设置实例的播放方式在舞台上选择图形元件实例，在“属性”面板的“循环”区域可以设置其播放方式下面的一排按钮，表播放的设置按钮①正向循环播放②表播放图形一次③只播放单个帧④倒放图形一次⑤反向循环播放探索2：缓动的设置4.使用形状提示功能

创建形状补间动画时，图形之间的变化是随机的，并不能完全符合我们的要求，当需要固定某些点的变化趋势时，就可以利用形状提示功能完成。

形状提示功能是通过标识起始和结束图形中相对应的点来控制形状变化的，其中，起始关键帧提示为黄色，结束关键帧中的形状提示为绿色，如果对应的形状提示不在一条曲线上则为红色。如图所示，我们要绘制一个旗帜飘扬的动画，就需要固定左侧两点的位置不发生移动，这样就需要在两点设置提示点a和b。探索2：缓动的设置4.使用形状提示功能步骤：1.菜单：修改/形状/添加形状提示（CTRL+SHIFT+H），绘制舞台上添加一个形状提示（带有字母的红色圆圈）。2.拖动形状提示到要标记的位置（提示符为黄色）。3.将播放头移至结束关键帧处，此时，舞台上也会有形状提示，将形状提示拖放到合适位置（提示符变为绿色），表示提示符发挥作用。探索2：缓动的设置任务分析通过补间形状动画制作出四排形态相同的图形，依次实现颜色，大小的变化，这也是通过元件在动画制作过程中对帧选择器的操作而实现的。基本任务：制作流动的彩色图案点击视频观看任务实施（1）新建200*300像素的文件，将场景颜色改为深蓝色。（2）新建一个图形元件，命名为“图案”，进入图形元件编辑状态，利用多边形工具，在属性栏上调整为星形，边数为8，绘制红色八角星形。（3）只留描边，按ALT键，绘制八角星形轮廓，在属性栏上，将星形调整回八边形，绘制同心的八边形双外框。基本任务：制作流动的彩色图案任务实施（4）建立影片剪辑元件，进入编辑状态，将图形元件拖动进来，CTRL+B打散图案，在第5帧处，创建关键帧，在属性栏上，色彩效果中调整图案颜色，更改为橙色，.在第10帧，第15帧，第20帧同样创建关键帧，将图案色彩分别调整黄色，蓝色，紫色。基本任务：制作流动的彩色图案任务实施（5）打开变形面板，调整关键帧图形的大小，让时间轴上的五个关键帧图案呈现由大到小，又由小到大的变化效果。（6）在时间轴上，点击右键，建立补间形状动画。（7）回到场景，将影片剪辑元件拖放至场景中的四个图层中，依次调整好大小。基本任务：制作流动的彩色图案任务实施（8）选中图层一中的图案，在属性栏中将其调整为图形，在帧选择器中，将动画开始处定位为第1帧，图层二定位在第5帧，图层三定位在第10帧，图层四定位在第15帧。（9）在时间轴的第40帧，创建关键帧，点击菜单“控制—播放”（CTRL+ENTER）测试动画效果，完成案例。基本任务：制作流动的彩色图案任务分析通过补间形状动画的创建，实现进度条逐渐拉长，数值不断增加至100的效果。任务使用了影片剪辑元件，并设置投影效果，增强立体感，还加入了逐帧动画，渐变的设置。拓展任务：制作进度条效果点击视频观看操作提示：①新建文档，利用基本矩形工具，绘制圆角矩形。②选中填充部分，右键，选分散到图层命令，将填充分散到图层二，更改图层名称为边框和进度条层，选中边框部分，右键，转换为影片剪辑元件，在属性面板设置投影效果。拓展任务：制作进度条效果操作提示：③选中进度条填充部分，打开颜色面板，设置线性渐变效果。④选择任意变形工具，调整第1帧的进度条长度。⑤在第50帧处建立关键帧，调整进度条的长度，并建立补间形状动画。拓展任务：制作进度条效果操作提示：⑥建立字符图层，输入：Loading,CTRL+B打散字符，在字符层建立逐帧动画，每帧改变一个字符的颜色。⑦新建数字图层，每隔5帧，建立关键帧，输入数值0%---100%。⑧将数字更改为白色，场景更改为黑色，测试动画效果，完成案例。拓展任务：制作进度条效果1.制作青蛙张嘴—闭嘴—张嘴，同时眼珠上下移动的动画（绘制时可以借助时间轴上的绘图纸外观按钮）。自主任务2.绘制歪歪打电话表情包（嘴巴，眼睛形状大小变化）。通过这个任务，我们学习了补间形状动画的制作，补间形状动画的两端一定不能为元件，必须打散，才能设置，补间形状动画与缓动，逐帧动画，帧选择器等工具的使用，能让动画变幻多端，能实现图形大小，形状，颜色的变化。课堂小结项目1绘制与编辑图形任务3.2传统补间动画创建传统补间动画是渐变动画的另一种类型，它的主要功能是制作场景中元件位移，大小，旋转的变化，是基于元件的动画，也是最常用的一种动画类型。

传统补间动画是基于元件的动画，即起始帧和结束帧均为元件，才可以运用，它的利用范围很广，可以实现位置，旋转，大小，色调和不透明度等属性的变化。

传统补间动画的创建，需要先制作一个元件，放置在两个关键帧上，在两个帧之间的任意一帧上单击鼠标右键，然后在弹出的快捷菜单中选择“创建传统补间”，传统补间动画的时间轴是呈现为紫色，并且出现箭头。探索1：传统补间动画的创建创建传统补间动画后，单击两个关键帧中的任意一帧，可以在“属性”面板“帧”选项中补间区域，对动画进行编辑。探索2：编辑传统补间动画任务分析1.建立背景图层，导入背景素材。2.建立毛球图层，创建毛球精灵图形元件，边框设置为斑马线形。3.建立眼睛图层，绘制眼睛，创建补间形状动画，实现眨眼效果。4.创建毛球的传统补间动画，实现形状的变形，旋转。基本任务：制作跳动的毛球精灵点击视频观看任务实施（1）点击插入—新建元件，创建精灵图形元件，进入元件编辑状态，绘制一个黑色描边的圆形，利用选择工具调整形状。（2）打开属性面板，将边框调整为斑马线线形，设置线形属性。基本任务：制作跳动的毛球精灵任务实施(3）新建眼眶图层，利用椭圆工具绘制圆形眼眶，按ALT键复制一个，水平翻转，新建眼珠图层，利用椭圆工具绘制眼珠，并按ALT复制一个。（4）将三个图层的第20帧均创建关键帧，在眼眶图层的第10帧，设置关键帧，调整眼眶高低形状，并在此层右键单击，创建补间形状动画，实现眼睛眨动效果。基本任务：制作跳动的毛球精灵任务实施(5）回到场景中，在图层1的第5帧处创建关键帧，调低精灵的位置，并将形状压扁，打开绘图纸外观，查看以前帧的状态。（6）在第10帧创建关键帧，提高精灵的高度，恢复圆形形状。基本任务：制作跳动的毛球精灵任务实施(7）在第15帧处创建关键帧，向上移动位置，右键创建传统补间动画，在属性栏上输入缓动值，输入数值（负值表由慢到快，正数表由快到慢），精灵从高处向下为负值-50，从下向上为正值50。（8）创建新图层：阴影，调整至图层1下方，也分别在第5帧创建关键帧，在精灵向下移动的最低位置处，绘制椭圆形阴影。基本任务：制作跳动的毛球精灵任务实施(9）选中阴影，右键将阴影转换为图形元件，复制第5帧阴影到第1帧处，在属性栏上将透明度值调为0，实现精灵位置越低，阴影越大，颜色越深。（10）在时间轴最下面创建新（背景）图层，置入森林素材，也可以在精灵图层上，属性栏中对它设置旋转效果。基本任务：制作跳动的毛球精灵任务分析1.置入背景素材星空图片。2.月亮：创建补间形状动画，实现月圆月缺的变化效果。3.星星：创建传统补间动画，实现大小变化效果。4.流星：创建传统补间动画，实现右上至左下的位移变化。拓展任务1：制作灿烂星空动画点击视频观看操作提示：1.新建文档，将场景调整为深蓝色，新建图形元件---月亮，进入元件编辑状态，利用椭圆工具绘制圆形。2.在第30帧，创建关键帧，利用图形相减的方式产生弯月效果，右键，创建补间形状动画。拓展任务1：制作灿烂星空动画操作提示：3.回到场景一，创建新元件：星星，在元件编辑状态，利用多边形工具绘制四角星形，在属性栏调整为星形。4.回到场景一，创建星星变化的影片剪辑，进入元件编辑状态，将星星元件从库中拖入，在第5帧创建关键帧，利用任意变形工具将星星调大，在第10帧处，将星星调小，在第15帧处，再将星星调大。右键，创建传统补间动画。拓展任务1：制作灿烂星空动画操作提示：5.回到场景一，创建流星的图形元件，利用矩形，绘制流星，利用选择工具调整形状，在颜色面板将形状设置为黄—黄的渐变，一边的透明度调至0。6.再绘制一个外轮廓的矩形，颜色为白—白（透明度为0）的渐变，重叠放置两个形状。7.回到场景一，将图层一更名为背景，导入星空素材到舞台，新建月亮图层，从库中将月亮元件拖动至舞台。拓展任务1：制作灿烂星空动画操作提示：8.在第30帧均创建关键帧，打开绘图纸外观按钮，在流星图层的最后一帧，将流星移动至场景左下角，右键，创建传统补间动画。拓展任务1：制作灿烂星空动画任务分析1.绘制汽车，将车轮转换为元件。2.对车轮设置传统补间动画，让其旋转。3.绘制云朵，转为元件，设置传统补间动画，实现云朵移动。4.置入背景素材，建立传统补间动画，设置背景明暗转换。拓展任务2：制作奔跑的汽车动画点击视频观看操作提示：1.打开任务2中制作过的小汽车图案，利用颜色面板，改变一下汽车的颜色，填充色更改为蓝色渐变效果，利用渐变变形工具，调整渐变效果，建立一个元件，绘制侧脸，放置在车中。2.按SHIFT键，连续选择左车轮中的各个部分，CTRL+G打组，重复操作于右侧车轮，选中整体车辆，右键，转换为元件：汽车。拓展任务2：制作奔跑的汽车动画操作提示：3.进入汽车元件编辑状态，将左右车轮分图层放置，并转换为元件。4.在第30帧，创建关键帧，对两个车轮的图层创建传统补间动画，在属性面板上，设置逆时针旋转效果。5.回到场景中，利用任意变形工具，调整汽车大小，放置在场景左侧，在第120帧，创建关键帧，移动汽车至场景右侧，在时间轴上，创建传统补间动画，实现汽车移动效果。拓展任务2：制作奔跑的汽车动画操作提示：6.新建背景图层，置入背景素材图片，调整背景大小。7.建立云朵影片剪辑元件，利用椭圆工具（白色不加描边），绘制云朵形状，回到场景，新建云朵图层，将云朵拖入场景，在属性栏添加模糊，不透明度设置。拓展任务2：制作奔跑的汽车动画操作提示：8.在云朵的第30帧和第120帧创建关键帧，调整云朵的位置，右击建立传统补间动画，云朵就移动起来了。9.背景层的色彩调整：将背景素材拖入场景后，选属性面板，将色彩调暗，在第90帧插入关键帧，将色调恢复正常，第120帧插入关键帧，右击建立传统补间动画，这样，背景就由暗转亮了。拓展任务2：制作奔跑的汽车动画任务要求：选定一种交通工具，制作传统补间动画效果，要求：车轮转动，车有位置移动自主任务传统补间动画的应用非常广泛，它在形变，颜色，旋转方面可以产生很多的变化。传统补间动画是基于元件的动画，需要提前制作出元件，传统补间动画可以和其他动画形式很好的融合，创作出奇妙的动画效果。课堂小结任务3.3补间动画创建补间动画是也是基于元件创建的，所以做补间动画之前，需要先建立元件，补间动画具有创建方式更加灵活，制作过程更加简单的特点，本任务将带领读者学习补间动画的创建方式。

动作补间动画也是基于元件的动画，它是指在AN的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等。AN将自动根据二者之间的帧的值创建动画。动作补间动画建立后，时间帧面板的背景色变为淡黄色，对象轨迹呈现蓝色点状。

构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状组合(Ctrl+G)或者转换成元件后才可以做动作补间动画。.探索1：补间动画的概念具体方法：1．绘制一个小球，利用窗口--样本面板，将圆形填充为径向渐变效果，右键，将此圆转换为元件。2．在图层的第1帧右键，选择创建补间动画，此时时间轴面板的补间范围呈现黄色背景。3.移动播放头到第5帧处，移动小球，将会产生一个移动的蓝色轨迹。4.也可以通过选择工具调整轨迹线上的锚点，改变小球位移的路线。探索2：补间动画的制作任务分析1.设计思路：球杆打白球，白球击红球，红球落底袋。2.先绘制元件：台球案，球杆，白球和红球。3.对球杆，白球，红球分别设置补间动画，实现位移的变化。基本任务：制作打台球动画效果点击视频观看任务实施1.先将动画所需的台球案，球杆，白球和红球，绘制出来，并分别建立为元件，其中白球，红球的上色，可以使用窗口—样本面板中渐变颜色，分散到图层，将元件拖入场景。2.回到场景中，我们设计的动画过程为：球杆打白球，白球击红球，红球落底袋，选择球杆图层，右键建立补间动画，将播放头停在第10帧，移动球杆至白球处。基本任务：制作打台球动画效果任务实施3.在白球图层的第11帧处，建立关键帧（F6）,右键，建立补间动画，将播放头停在白球图层的第20帧处，移动白球至红球处。4.选择红球图层，在第21帧处建立关键帧，右键，创建补间动画，将播放头移至红球图层的第30帧处，移动红球到底袋边缘。基本任务：制作打台球动画效果任务实施5.右键，删除从第31帧到40帧的所有帧，红球之后消失，没有动作。6.为增强效果，可以在属性面板为各段补间动画中设置缓动：输入正值，由快至慢。基本任务：制作打台球动画效果任务分析这是一个多图层动画设置练习，需要创建多个元件，将多个元件分散于多个图层，创建补间动画，实现位移变化的练习。拓展任务1：制作扁平化风格动画点击视频观看任务实施：1.需要将动画所需的图形分别绘制成元件，放置在库中，如背景（蓝—白—灰的线形渐变），山，树，船，土地，水面，云朵，风车等。2.风车制作的过程：首先建立一个扇叶图形元件，进入元件编辑状态，利用钢笔工具绘制一个三角形。3.利用任意变形工具，调整形状的注册点，选择窗口—变形菜单，打开变形面板，设置旋转120度，点击重置选区与变形按钮，生成扇叶。拓展任务1：制作扁平化风格动画任务实施：4.利用椭圆工具，按ALT键，在中心点拖动出正圆的中心。5.回到场景中，再创建一个风车扇叶转动的影片剪辑元件，从库中将扇叶拖入影片剪辑编辑状态。新建图层，利用矩形工具绘制风车杆。6.在两个图层的第25帧处，插入帧，在扇叶层右键，创建补间动画，利用属性面板设置旋转。拓展任务1：制作扁平化风格动画任务实施：7.回到场景中，将元件分散到各个图层。8.对各运动元件创建补间动画，如太阳和小船，将播放头移动至对象图层的第10帧处，移动对象的位置，再将播放头置于第20帧和第30帧，再次移动对象，创建关键帧，利用选择工具调整对象路径形状。拓展任务1：制作扁平化风格动画任务分析：本动画主要是利用的影片剪辑元件，建立补间动画，在属性栏上调整颜色制作出来的。在制作之前需要分层绘制多个元件，有的需要添加模糊，发光效果，模拟霓虹灯效果。拓展任务2：制作霓虹灯效果动画点击视频观看任务实施：1..新建文档，此动画需要将多个对象，分别绘制，转换为影片剪辑元件，分散到图层，制作补间动画，才能完成。2.点状字效果制作，先用文字工具输入字符，利用属性面板调整文字大小，间距。3.按两次CTRL+B将文字打散，在属性面板将线条样式设置为点状，利用墨水瓶工具给字符设置描边，利用选择工具，选中填充，删除，留下点状描边效果。4.为加强效果，也可以再制作一个同样的字符，衬于点状字后面，增强效果。拓展任务2：制作霓虹灯效果动画任务实施：5.小星星制作过程：首先需要利用多边形工具，在属性栏设置为星形，顶点大小为0.8，只留描边，没有填充，绘制完成后转换为影片剪辑元件。6.在星星元件编辑状态，绘制星星大小，颜色变化的逐帧动画，颜色可以在属性面板设置，回到场景，在新建星星图层，将库中星星元件拖入，在第30帧插入帧。拓展任务2：制作霓虹灯效果动画任务实施：7.提篮部分的动画制作：在元件中绘制完毕，将元件拖入图层后，右键生成补间动画，每隔5帧，拖动播放头，在属性栏对象上调整效果，影片剪辑元件，可以通过属性栏上滤镜设置模糊，发光和调整颜色。（因为要仿照霓虹灯效果。因此，多个元件均需增添模糊，发光效果）。8.霓虹灯下方箭头标志制作：属性栏—样式—画笔库，选择不同箭头样式，利用形状工具，调整对象弧度。拓展任务2：制作霓虹灯效果动画任务实施：9．霓虹灯下方文字（OPEN）制作过程：输入字符，设置字体，右键转换为影片剪辑元件，拖入场景中新建图层中，右键，创建补间动画。10.每隔5帧，拖动播放头，在属性栏中对象滤镜，设置模糊，发光效果，调整颜色。拓展任务2：制作霓虹灯效果动画1.制作转头小熊补间动画效果自主任务2.制作霓虹灯效果补间动画的应用非常广泛，它在形变，颜色，旋转方面可以产生很多的变化。补间动画是基于元件的动画，需要提前制作出元件，补间动画可以和其他动画形式很好的融合，制作速度快，非常方便，也能创作出奇妙的动画效果。课堂小结Animate二维动画制作项目4特效动画制作学习目标（1）学习遮罩层动画的制作（2）学习骨骼动画的制作（3）学习引导层动画的制作（4）创建摄像机动画的制作目录

任务4.1遮罩层动画创建

任务4.2骨骼动画创建任务4.3引导层动画创建任务4.4摄像机动画创建任务4.1遮罩层动画创建本任务将学习遮罩层动画的创建，遮罩层能实现特殊的显示效果，可通过遮罩层来控制图层中需要显示和不需要的内容。4.1遮罩层动画

遮罩层动画至少由两个图层组成，上面图层为“遮罩层”，下面图层为“被遮罩层”；只有两个图层重叠的地方才被显示。

也可以制作多层遮罩动画，即一个遮罩层同时遮罩多个被遮罩层的遮罩动画。在遮罩层的下面图层：被遮罩层，放置要显示的内容（可以是动画或静态的），上面的图层：遮罩层：设置内容的显示区域（可以是动画或静态的）。探索1：遮罩层概念4.1遮罩层动画制作一个找动物（带红心标志）的小动画探索2：遮罩层的建立1.新建文件，修改—文档，将文档背景设置为黑色，新建图层：被遮罩层，将素材找找看，置入场景。2.在被遮罩层上，新建图层，遮罩层，利用椭圆工具绘制一个圆形，并将其转换为元件。4.1遮罩层动画制作一个找动物（带红心标志）的小动画探索2：遮罩层的建立3.在遮罩层上，建立多个关键帧，移动圆形，右键，建立传统补间动画，使圆形在场景中移动，选择遮罩层，右键，勾选遮罩层，就建立了一个寻找（带心形标记）动物的小动画。4.1遮罩层动画任务分析在本任务中，我们先将动画所用的背景图片，小船，云雾导入到库中。（1）利用遮罩层制作水波纹动画效果。（2）建立小船移动传统补间动画（3）建立云雾移动传统补间动画基本任务：制作国风水墨动态效果4.1遮罩层动画点击视频观看任务实施（1）新建文件，将背景图片置入场景，调整好大小。（2）将背景图层复制一层，CTRL+B打散，利用直线工具画出水面部分，删除上面部分，只留水面。（3）新建空白图层：水波，利用画笔工具绘制波浪线，按ALT键复制，再复制，将复制的多条波浪线，框选后转换为图形元件。基本任务：制作国风水墨动态效果4.1遮罩层动画任务实施（4）在水面和图层1的第60帧插入帧，水波图层在第60帧，插入关键帧，移动水波位置，建立传统补间动画。（5）将水波图层，右键，建立遮罩层。注意：将水波图层上移一个位移，这是水波制作成功的关键，千万不要移动多了基本任务：制作国风水墨动态效果4.1遮罩层动画任务实施（6）新建图层：小船，将绘制好的小船素材置入库中，调整大小，第30帧处建立关键帧，移动小船到水面中间，建立传统补间动画。（7）新建图层：船灯，在第31帧处建立关键帧，在原来的船灯处，利用椭圆工具绘制一个红色的圆形。基本任务：制作国风水墨动态效果4.1遮罩层动画任务实施（8）将红色圆形转换为影片剪辑元件，进入元件编辑状态，建立补间动画，在属性栏—对象—滤镜，添加模糊，发光效果，建立多个关键帧，调整发光大小，形成一闪一闪的效果。（9）新建图层：灯影，在第31帧处建立关键帧，绘制一个红色椭圆，转换为影片剪辑元件，在属性—对象—色彩效果中降低ALPHA透明度值，增加模糊，发光效果。基本任务：制作国风水墨动态效果4.1遮罩层动画任务实施（10）新建图层：云彩，将素材云彩拖入场景，右键，转换为影片剪辑元件，通过属性面板降低透明度，移动位移，创建传统补间动画，为增强效果也可以再增加一个云彩移动图层。基本任务：制作国风水墨动态效果4.1遮罩层动画任务分析1.将白天与黑夜两个素材分别置入2.创建汽车车轮的传统补间动画3.绘制车灯范围，制作遮罩层动画4.制作路灯亮起动画拓展任务1：制作夜行车灯效果动画4.1遮罩层动画点击视频观看操作提示：①新建文件，将白天场景和夜间场景素材置入库中，分别建立两个图层，将素材拖入场景，夜景在最下方②新建汽车图层，将之前制作好的汽车，复制到元件中。拓展任务1：制作夜行车灯效果动画4.1遮罩层动画操作提示：③在汽车元件中，第40帧处，建立关键帧，将左右轮建立传统补间动画，设置逆时针旋转效果④回到场景中，将汽车拖入，在汽车下方建立图层：车灯，利用钢笔工具绘制汽车车灯灯光范围拓展任务1：制作夜行车灯效果动画4.1遮罩层动画操作提示：⑤在图层的第120帧处，建立关键帧，将车灯，白天场景的初始帧，调整为第30帧，车灯和白天场景互为遮罩层和被遮罩层，在第120帧处，框选汽车和车灯灯光移动到场景右侧，汽车图层创建传统补间动画，车灯图层建立形状补间⑥为增强效果，利用属性面板，将晚上场景的素材亮度降低。拓展任务1：制作夜行车灯效果动画4.1遮罩层动画操作提示：⑦新建路灯图形元件，利用矩形工具绘制路灯，可以利用窗口—对齐面板，居中对齐灯杆，将路灯拖入场景，路灯图层调整至晚上场景之上。⑧新建路灯灯光图层，利用钢笔工具绘制灯光，并建立为影片剪辑元件，在属性面板上，降低不透明度，添加滤镜效果：模糊，发光，并将路灯光的起始帧调至第50帧处，完成案例。拓展任务1：制作夜行车灯效果动画4.1遮罩层动画任务分析1.绘制地球仪架2.设置圆形的径向渐变效果3.制作地图遮罩效果拓展任务2：制作地球仪旋转动画4.1遮罩层动画点击视频观看操作提示：①利用基本椭圆工具绘制圆形（基本椭圆可以通过设置，调整为环形），在属性面板，调整内径值，使之成为环形②删除外层描边，选中内层描边，使用窗口—变形面板，缩小内描边的半径，填充颜色，删除中心圆形描边，将中间的圆形选中，剪切，粘贴到新图层的当前位置。拓展任务1：制作夜行车灯效果动画4.1遮罩层动画操作提示：③绘制直线，利用变形面板旋转22.5度，CTRL+B打散图形，删除多余，保留地球仪架子所需部分④利用直线分割环形部分，保留右半部分。拓展任务1：制作夜行车灯效果动画4.1遮罩层动画操作提示：⑤框选所有图形，选择窗口—颜色，设置线性渐变效果，利用渐变变形工具，调整渐变效果，继续绘制矩形支撑杆。⑥将颜色设置为白—灰的径向渐变效果，绘制椭圆，白色描边，CTRL+G打组，按ALT键复制。拓展任务1：制作夜行车灯效果动画4.1遮罩层动画操作提示：⑦再绘制一个灰—白—灰—白线性渐变的矩形，CTRL+G打组，将矩形和下方椭圆框选，CTRL+B打散，重新填充线性渐变效果，再次框选，CTRL+G打组，生成底座。⑧将圆形球体图层复制成新图层：球体复制，拖放到最下一层，将地球仪架子全部选中，右键，转换为影片剪辑元件，在属性面板，设置滤镜—斜角，仿立体效果。拓展任务1：制作夜行车灯效果动画4.1遮罩层动画操作提示：⑨在球体图层下方，建立地图图层，置入地图素材图片，倾斜角度22.5度，在第120帧处，建立关键帧，拖动地图位置，到最左侧，在地图层，建立传统补间动画。⑩将最下层球体-复制层中的圆形，设置为白—蓝径向渐变效果。⑾将球体图层，右键，转换为遮罩层，修改—文档，将文档背景调整成深蓝色，完成案例。拓展任务1：制作夜行车灯效果动画4.1遮罩层动画利用所给素材，制作一个手指滑动手机屏幕的动画效果自主任务4.1遮罩层动画通过这个任务，我们学习了遮罩动画的制作，遮罩动画由遮罩层和被遮罩层组成，在某个普通图层上右击，在弹出的快捷菜单中选择“遮罩层”命令，该图层即成为遮罩层；设置遮罩后显示的是遮罩层与被遮罩层相交的部分。课堂小结4.1遮罩层动画任务4.2骨骼动画的创建骨骼动画又称为反向运动（IK）动画，是使用骨骼工具模拟人体或动物运动的动画，常用于制作任务、动物或机械运动动画等。本任务将带领读者学习骨骼动画的创建方法。4.2骨骼动画1.为形状添加骨骼

在舞台上选择形状，然后在工具栏中选择骨骼工具，将光标移到所选形状上，按下鼠标左键并拖动鼠标到该形状内的其他位置或拖动鼠标到同一图层的其他形状上，当光标为十字形状时，松开鼠标左键即可创建骨骼，此时时间轴面板中会自动创建一个骨架图层，添加骨骼的形状会自动移到骨架图层中。

骨骼工具是针对影片剪辑元件使用的工具，如果是图形元件则无法使用。并且放置在同一图层中，才能使用。探索1：骨骼动画介绍4.2骨骼动画2.编辑骨骼

添加完骨骼后，使用选择工具选中添加了骨骼的对象，在按住“ALT”键的同时在所选对象上按下鼠标左键并拖动，可移动整个对象和骨骼。

使用选择工具拖动对象可以移动对象并使对象相对于骨骼进行旋转，在按住“SHIFT”键的同时拖动对象，可以只旋转所选对象。

使用选择工具单击选中骨骼后按“DEL”键，可以删除所选骨骼及该骨骼下连接的所有子骨骼。探索1：骨骼动画介绍4.2骨骼动画资源变形工具针对的是散件和位图，当使用资源变形工具后，可以在属性面板调整工具的状态。探索2：资源变形工具1.将虫子素材图片置入场景中，点击资源变形工具，则对象上会遍布网格2.直接利用资源变形工具点击要变动的关键点，红色表打开状态，可以继续增加变形点，再次点击表关闭，不能在增加变形点了3.在时间轴上第10帧处建立关键帧，利用资源变形工具拖动关键点，调整小虫的形态，再在第15帧处建立关键帧，再次调整，依次类推，右键，建立传统补间动画，小虫就动起来了4.2骨骼动画任务分析1.分别绘制小猫和尾巴。2.在尾巴上建立骨骼关键点。3.利用任意变形工具调整尾巴形状，图层创建多个姿势帧。基本任务：制作摆动的小猫尾巴动画4.2骨骼动画点击视频观看任务实施（1）新建文件，将图层更名为：小猫，绘制小猫身体部分。（2）新建图层：尾巴，拖放到小猫图层下方，利用基本矩形工具绘制一个圆角矩形，利用骨骼工具在矩形上建立骨骼关键点，右键将其转换为影片剪辑元件。基本任务：制作摆动的小猫尾巴动画4.2骨