Animate动画设计实例教程 课件 任务三 补间动画

任务三

补间动画Animate动画设计案例教程CONTENTS目录1.任务分析2.难点剖析3.相关知识4.案例实现5.任务总结6.提高创新01任务分析知识目标技能目标素质目标思政目标素质目标培养学生自主学习的能力：对传统补间动画的灵活应用。技能目标能够利用实例的Alpha属性制作淡入、淡出动画效果；能够利用实例的亮度属性制作黑闪、白闪动画效果；能够利用实例的色调属性制作简单的色调变化动画效果；能够利用实例的高级属性制作高级颜色变化动画效果；能够利用传统补间的缓动属性制作变速动画效果；能够利用传统补间的旋转属性制作旋转动画效果。知识目标掌握传统补间动画的制作思路；掌握实例的四个属性、传统补间的两个属性的参数设置。思政目标培养学生努力学习本领，为祖国发展贡献一份力量的信念。任务分析02难点剖析补间动画类型传统补间动画是比较重要的类型，主要负责复杂位置变化、旋转倾斜变化、色调、亮度变化及淡入和淡出效果的制作。要求运动对象必须是实例。形状补间动画主要负责形状变化、颜色变化（包含复杂颜色的变化）效果的制作。要求运动对象必须是形状。补间动画是通过“动画编辑器”来编辑对象位置、缩放等参数，动画的设置方式类似于影视编辑动画AfterEffcets，动画效果与传统补间动画相同。

难点剖析03相关知识传统补间动画

补间动画的常见错误

形状补间动画

补间动画（视频-拓展）1.传统补间动画1．制作思路

传统补间动画可以实现位置变化、角度变化、色调、亮度变化，以及淡入、淡出等动画效果。2．制作要求①每个运动对象必须是实例。②补间两端的关键帧里是同一个实例。③找到运动对象的时间点后，先创建关键帧【F6】，再调整对象的状态。④每个图层只有一个运动对象。有多个运动对象的时候，每个对象占到一个图层。相关知识3．实现步骤①新建元件，创建运动对象；②返回场景1，将“库”面板的元件拖动到舞台上，生成实例；③在时间轴的各时间点插入关键帧，调整实例的状态；④选择起始关键帧和结束关键帧中间的帧格，右击，选择“创建传统补间”命令；⑤当关键帧之间出现紫色的实线双向箭头时，表示传统补间动画创建成功。2.形状补间动画1．制作思路在一个关键帧中绘制一个形状，然后在另外一个关键帧中更改该形状或者绘制另外一个形状，Animate根据两者之间的变化来创建的动画称为形状补间动画。形状补间动画可以实现两个图形之间颜色、形状、大小、直线位置的变化。相关知识2．制作要求每个参与形状补间动画的对象只能是：形状或者绘制对象。

3.补间动画-视频-拓展1．制作思路补间动画可以实现位置变化、角度变化、色调、亮度变化，以及淡入、淡出等动画效果。2．制作要求①运动对象是：实例；②起始关键帧，生成实例；③选择结束时间点，延时，选择结束帧的实例，调整对象的状态；④右键单击补间，选择“优化补间”命令，进行参数设置，如右图。注意：3D旋转效果，比较有意思，可尝试，与本章提高创新中的“倾斜变形—圆环翻转”案例作比较。相关知识4.补间动画的常见错误1．传统补间动画的常见错误①在创建传统补间动画的时候，如果对象不是实例或包含实例以外的内容，系统会提示：将所选内容转换为元件以进行补间。修改方法：认真检查补间两端的实例是不是一个元件的实例，如果不是，删除补间实例，重新生成元件实例。②如果在制作传统补间动画的时候，时间轴的关键帧之间出现了虚线，就表示补间动画出错了。修改方法：首先，删除补间，右击虚线，在弹出的快捷菜单中选择“删除经典补间动画”命令；然后，分情况确定错误类型并修改。

情况一：检查是否补间缺少结束关键帧。修改方法：在结束时间点插入关键帧。

情况二：根据动画设计判断是否在延时的普通帧区域创建了补间。修改方法：右击虚线，在快捷菜单中选择“删除经典补间动画”命令。

情况三：检查虚线两端是否有关键帧包含了多余的实例。修改方法：直接删除多余的对象。相关知识4.补间动画的常见错误相关知识2．形状补间动画的常见错误

修改方法：检查参与形状补间动画的图形是否为形状或绘制对象。如果不是形状或绘制对象，选择对象后，按【Ctrl+B】键，将对象分离为形状或绘制对象。04案例实现传统补间属性—运动的小球中心点动画—折扇运动元件实例属性—跳动的红心传统补间属性—运动的小球学习目标：通过设置补间的属性值实现非匀速运动。实现效果：一个蓝色的小球从上掉落后弹起，重复几次弹起后，滚向一边。设计思路：创建小球图形元件，通过设置小球元件实例在不同时间点的位置变化生成传统补间动画。通过设置补间的属性值调整小球的运动速度、旋转状态。物体的运动状态一般分为4种，即静止、匀速运动、加速运动和减速运动。小球弹起时，受到重力的吸引，速度会越来越慢，属于减速运动；小球落下时，受到重力的吸引，速度会越来越快，属于加速运动。元件实例属性—跳动的红心学习目标：通过元件实例属性的设置，实现动画的特殊效果。实现效果：一颗红心从小到大再到小跳动，同时颜色、透明度发生改变。设计思路：创建“红心”图形元件，绘制红心;通过设置“红心”元件实例的大小、色调、透明度（Alpha）值生成传统补间动画。中心点动画—折扇运动学习目标：学会中心点动画的制作方法及多个对象之间的协调运动。实现效果：折扇慢慢打开。设计思路：折扇由扇面、竹片、两侧竹片构成。折扇展开的运动就是扇面、竹片、两侧竹片的协调运动。

05任务总结任务总结1．“库”面板——“直接复制元件”命令在动画制作过程中，会出现元件内容高度相似的情况。

此时，可以在“库”面板中右击元件，在弹出的快捷菜单中选择“直接复制”命令复制元件，最后对复制的元件名称、内容稍做修改即可。2．交换元件

实例的替换，可以通过“属性”面板的“交换元件”命令快速实现。3．通过学习，对于时间的认知应有所提高

在动画编辑过程中，需要适时地调整运动对象的状态、时间，以达到对动画节奏的要求。①编辑动画对象，其实就是在编辑关键帧的内容。②动画的速度可以由关键帧后面补间的长短来控制。即可通过在过渡帧中增加普通帧来适当延时。方法：选择关键帧或过渡帧，按F5键。③延时时，选择一个过渡帧，按一次F5键，就插入一个普通帧；选择多个过渡帧，按一次F5键，就插入多个普通帧。任务总结4．关于中心点的高级应用

涉及中心点的动画，必须保证一段传统补间两端的关键帧中，实例的中心点在同一个地方,否则会出现不围绕旋转中心点旋转的错误。

在该案例中，矩形从舞台左侧一路走到右侧。观看视频，分析矩形中心点的位置；再设计“矩形走路”的动画效果，体会中心点类动画的实现。