《Animate动画设计与制作》课件 项目3、4　制作补间动画；制作引导层动画

项目三制作补间动画108任务1制作文字变形动画

任务2制作蹴鞠动画任务3制作汽车行驶动画109制作文字变形动画任务1

1101.理解补间形状动画的概念和构成元素。2.能按要求完成补间形状动画制作。3.能使用形状提示控制补间形状动画的变形过程。111本任务利用补间形状动画来实现文字变成卡通小人的变形效果，如图所示。通过此任务的学习，可以理解补间形状动画的概念，掌握补间形状动画的制作方法，并能使用形状提示来控制变形过程。112文字变形动画效果一、补间形状动画的概念在一个关键帧中绘制一个形状，在另一个关键帧中对该形状进行修改，或者重新绘制一个形状，Animate根据两个关键帧中形状的值自动创建的动画被称为补间形状动画。113二、补间形状动画的构成元素补间形状动画可以实现两个形状之间的颜色、大小、形态及位置的相互变化。补间形状动画的元素必须是形状，如果是元件、文字、位图或者群组对象，可通过执行“修改”→“分离”命令，或者按组合快捷键Ctrl+B将其打散，在转换为形状后才能创建补间形状动画。114三、制作补间形状动画的步骤1.在“时间轴”面板中选中补间形状动画的起始关键帧，绘制动画的“起始形状”，在动画的结束关键帧处插入空白关键帧，绘制动画的“结束形状”。2.单击起始关键帧，执行“插入”→“创建补间形状”命令，即可创建补间形状动画，如图所示。此时，“时间轴”面板上的背景变为橙色，在起始关键帧和结束关键帧之间连接了一个长箭头，如图所示。115创建补间形状

补间形状动画的“时间轴”面板四、补间形状动画的“属性”面板补间形状动画的“属性”面板如图所示。其中常用选项的含义如下。116补间形状动画的“属性”面板1.“标签”选项组：通过输入名称，为补间形状动画添加标签。2.“补间”选项组：“效果”选项用于设定对象在变化过程中是加速还是减速。值大于0是减速运动，等于0是匀速运动，小于0是加速运动。3.“声音”选项组：调整补间形状动画中声音的属性。117五、补间形状动画的分类补间形状动画可分为如下两种。一种为不可控的补间形状动画，主要用于比较简单的变形效果。另一种为可控制的补间形状动画，可通过添加形状提示制作出较为精确的变形效果。118六、形状提示1. 形状提示的作用在“起始形状”和“结束形状”中添加相对应的“参考点”，使Animate在计算变形过渡时依据一定的规则进行，从而有效地控制变形过程。2. 添加形状提示的方法（1）选择补间形状动画的起始关键帧。（2）分别用鼠标拖动两个“提示圆圈”，放置在形状的边缘上。1193. 添加形状提示的技巧（1）形状提示可以连续添加，最多可以添加26个。（2）将形状提示从形状的左上角开始按逆时针顺序摆放，可以使形状提示更加

有效。（3）形状提示的摆放位置要符合逻辑顺序。（4）形状提示要放在形状的边缘上才能起作用。（5）要删除所有的形状提示时，可执行“修改”→“形状”→“删除所有提示”命令。120七、绘图纸外观在通常情况下，Animate动画在舞台中一次显示动画序列中的一个帧。为了帮助定位和编辑逐帧动画，有时需要在舞台中一次查看两个或两个以上的帧，这时可以利用绘图纸功能。利用绘图纸功能不仅可以浏览多个帧的内容，还可以对选中的帧进行编辑。启用绘图纸功能后，播放指针下的帧以全彩显示，其余的帧以过渡颜色显示，看起来就好像每个帧都画在一张透明的绘图纸上，而这些绘图纸相互层叠在一起。绘图纸外观如图所示。121122绘图纸外观制作蹴鞠动画任务21231.理解补间动画的概念，区分传统补间动画和补间动画的制作方法。2.能按要求制作传统补间动画。3.能使用“任意变形工具”调整对象的变形状态。4.能根据对象的运动规律，为动画添加旋转、缓动值来完善动画。124本任务是一个简单的传统补间动画绘制实例，它利用两个关键帧上小球位置的变化，实现小球落地后弹起再向右滚动的运动效果，如图所示。通过此任务的学习，可以理解补间动画的概念，掌握补间动画的制作方法以及旋转、缓动值的应用技巧。125蹴鞠动画效果一、补间动画的原理补间动画所处理的对象必须是舞台上的元件实例、文字或导入的素材对象。利用这种动画，可以实现上述对象的大小、位置、旋转、颜色及Alpha等变化效果。126二、补间动画的分类Animate补间动画有两种形式，即传统补间动画和补间动画。1. 传统补间动画传统补间动画是根据同一对象在两个关键帧中的位置、大小、Alpha和旋转等属性的变化情况，由Animate计算自动生成的一种动画类型。2. 补间动画使用补间动画可设置对象的属性，如大小、位置和Alpha等。补间动画在“时间轴”面板中显示为连续的帧范围，默认情况下补间动画可以作为单个对象被选择。127三、补间动画的构成元素构成补间动画的元素可以是影片剪辑元件、图形元件、按钮元件、文字、位图、组合等，但不能是形状。如果是形状，需要将其转换为元件或组合后方可使用。128四、制作传统补间动画和补间动画的方法（1）在“时间轴”面板中选中传统补间动画的起始关键帧，在该关键帧中导入一个元件，在动画的结束关键帧处修改该元件的属性。（2）选择起始关键帧，执行“插入”→“创建传统补间”命令，或者单击鼠标右键，从弹出的快捷菜单中选择“创建传统补间”选项，如图所示，创建传统补间动画。129创建传统补间动画执行“创建传统补间”命令后，“时间轴”面板的背景色变为紫色，在起始关键帧和结束关键帧之间连接了一个长箭头，如图所示。130传统补间动画的“时间轴”面板2. 制作补间动画的方法（1）在“时间轴”面板中选中补间动画的起始关键帧，在此关键帧中导入一个

元件。（2）选择起始关键帧，执行“插入”→“创建补间动画”命令，或者单击鼠标右键，从弹出的快捷菜单中选择“创建补间动画”选项，创建补间动画，如图所示。131补间动画的“时间轴”面板五、小球的弹跳运动规律1.小球从被抛起到落地是一个逐渐加速的过程。2.小球在弹跳的过程中会发生压缩和伸展的变形，即与地面碰撞时压缩变形，受力向上弹起时伸展变形，弹跳到达最高点时恢复原状。3.小球在弹起的过程中，由于受到自身重力和空气阻力的作用，向上的运动速度会逐渐变慢，导致弹起的高度越来越低，直到形变消失，各种力达到平衡，小球最终会静止下来，如图所示。132小球的弹跳运动规律制作汽车行驶动画任务31331.能制作影片剪辑元件并完成传统补间动画。2.能在“时间轴”面板中建立图层父子关系。3.能使用“变形”命令完成元件的翻转。4.能使用“色彩效果”选项调整元件的颜色属性。134本任务是一个传统补间动画制作实例，通过制作传统补间动画，实现汽车向右行驶的运动效果，如图所示。通过此任务的学习，可以掌握影片剪辑元件的制作方法，掌握元件的变形和颜色属性的调整方法以及图层父子关系的建立

方法。135汽车行驶动画效果一、对象的变形操作1. 扭曲对象执行“修改”→“变形”→“扭曲”命令，可通过拖动控制点来改变对象的形状。2. 封套对象执行“修改”→“变形”→“封套”命令，可通过拖动控制点使对象产生相应的弯曲变化。1363. 缩放对象执行“修改”→“变形”→“缩放”命令，可通过拖动控制点来改变对象的大小。4. 翻转对象执行“修改”→“变形”→“垂直翻转”/“水平翻转”命令，可以将对象垂直或水平翻转。5. 组合对象选中多个对象，执行“修改”→“组合”命令，或按组合快捷键Ctrl+G，可以将选中的图形进行组合。1376. 分离对象要修改多个对象的组合，以及图像、文字或组件的一部分时，可以先执行“修改”→“分离”命令，或按组合快捷键Ctrl+B将它们分离。当制作补间形状动画时，需要先将图形的组合、图像、文字或元件分离成形状。7. 叠放对象在制作复杂的对象时，可以执行“修改”→“排列”中的命令，实现不同的叠放效果。8. 对齐对象当选择多个对象时，可以执行“修改”→“对齐”中的命令，调整它们的相对位置。138二、图层父子关系在Animate中，可以将一个图层设置为另一个图层的父层。图层父子关系是让一个图层中的对象控制另一个图层中的对象，进而完成动画制作的方法。在“时间轴”面板中单击“显示父级视图”按钮

，将图层_1的“轮廓”按钮拖动到图层_2的“轮廓”按钮上，两个图层之间就会建立父子链接，图层_1将成为图层_2的子图层，如图所示。139图层_1将成为图层_2的子图层子图层上的对象继承父图层上对象的位置、旋转、缩放、倾斜和翻转属性，但不包含其自身的特性。因此，当移动或旋转父对象时，子对象也会随父对象一起移动或旋转。通过拖动子图层的“轮廓”按钮连线并释放连线来删除链接，或者单击连线后选择“删除父级”选项来删除链接，如图所示。140单击“轮廓”按钮之间的连线，删除父级项目四制作引导层动画141任务1制作纸飞机动画任务2制作流星雨动画

任务3制作端午安康动画142制作纸飞机动画任务1

1431. 掌握引导层动画的概念、原理和创建方式。2. 掌握绘制引导路径的注意事项，能完成引导层动画的制作。3. 能调整“属性”面板中的“补间”选项参数，使对象在运动过程中改变颜色。144本任务是一个简单的引导层动画制作实例，通过添加运动引导层，实现纸飞机在空中自由飞翔的效果，如图所示。通过本任务的学习，可以掌握引导层动画的原理以及引导层动画的制作方法和技巧。145纸飞机动画效果一、引导层动画的概念引导层动画也叫运动引导层动画，它由引导层和被引导层组成。引导层用来放置对象运动的路径，被引导层用来放置运动的对象。引导层动画是Animate提供的一种实现对象沿着曲线或不规则路径运动的方法。1461. 引导层引导层位于被引导层的上方，引导层中的引导线是一个开放的路径，即引导路径，可用“钢笔工具”“铅笔工具”“线条工具”绘制。如果使用“椭圆工具”或“矩形工具”绘制路径，则需要使用“橡皮擦工具”擦除部分路径，使闭合的路径变为开放的路径。一个引导效果中只能有一个引导层。2. 被引导层被引导层位于引导层的下方，图层图标和普通图层一样。被引导层中的对象必须是文字、元件或群组对象，它沿着引导层中的引导路径运动，并且动画形式只能是传统补间动画。147二、引导层动画的原理引导层是一种特殊的图层，用来指示对象的运动路径。在播放动画时，引导层上的对象不会显示出来，而被引导层中的对象则沿着引导路径运动。148三、引导层动画的创建方式1. 单击鼠标右键选项选中要创建引导层的图层，单击鼠标右键，从弹出的快捷菜单中选择“添加传统运动引导层”选项，如图所示。149添加传统运动引导层2. 将普通图层转换为引导层选中要转换为引导层的普通图层，单击鼠标右键，从弹出的快捷菜单中选择“引导层”选项，如上图所示。或者选择上图中的“属性...”选项，打开“图层属性”对话框，在“类型”选项中选择“引导层”，单击“确定”按钮，如图所示。150在“图层属性”对话框中将普通层转换为引导层四、制作引导层动画的步骤1. 在当前图层中创建一个对象。2. 选中当前图层，单击鼠标右键，从弹出的快捷菜单中选择“添加传统运动引导层”选项，在当前图层的上方创建一个引导层，当前图层自动变为被引导层。3. 在引导层中绘制一条引导路径，在动画结束帧处插入帧。4. 在被引导层中将对象的中心点移动到引导层中引导路径的起点位置。1515. 在被引导层的对应动画结束帧处插入关键帧，并在该帧将对象移动到引导层中引导路径的终点位置。6. 在被引导层的两个关键帧之间创建传统补间动画，引导层动画制作完成，“时间轴”面板效果如图所示。152引导层动画的“时间轴”面板制作流星雨动画任务21531. 能使用“矩形工具”绘制流星。2. 能使用“宽度工具”改变线条的笔触大小。3. 能使用“色彩效果”选项调整元件的透明度。154本任务是一个引导层动画制作实例，通过在影片剪辑元件中创建引导层动画，完成后将其拖动到舞台中，实现漫天流星雨划过天空的效果，如图所示。通过本任务的学习，可以了解元件的概念，掌握引导层动画的应用方法以及在舞台中摆放多个元件的注意事项。155流星雨动画效果一、绘制引导路径的注意事项1. 引导路径是一条流畅的、从头到尾连续贯穿的线条，线条中间不能中断。2. 引导路径的转折不应过多，且转折处不应转得过急。3. 被引导的对象必须准确吸附到引导路径上，否则被引导的对象将无法沿引导路径运动。1564. 引导路径只能是开放路径，不能是闭合路径。5. 在制作引导层动画的过程中，被引导层中的对象沿着引导路径移动时，会出现与运动路径的走向不相符的现象。6. 可以根据需要对引导路径分段修改颜色，在被引导层的“属性”面板中勾选“沿路径着色”选项，可使被引导对象根据引导路径颜色的变化而改变自身的颜色。7. 可使用“宽度工具”修改引导路径的笔触粗细，在被引导层的“属性”面板中勾选“沿路径缩放”选项，使被引导对象按照引导路径笔触的粗细来进行缩放变化。157二、“宽度工具”使用“宽度工具”可以修改笔触大小，还可以将调整后的笔触保存为样式，以便应用于其他图形。使用“宽度工具”，将鼠标指针放置在线段的边缘，当指针形状变为

时，单击并拖动鼠标，可更改笔触的宽度，如图所示。用类似的方法在其他位置拖动鼠标更改笔触宽度，也可以进行多点式调整，如图所示。158159使用“宽度工具”调整笔触宽度其他调整效果制作端午安康动画任务31601. 掌握在引导层中绘制多条路径的方法。2. 能将文本转换为元件，并为元件添加