FLASH_8_动作补间动画.ppt

授课人：董新颐授课人：董新颐复复 习：习：形状补间动画的概念形状补间动画的概念形状补间动画在时间帧面板上的表现形状补间动画在时间帧面板上的表现创建形状补间动画的步骤创建形状补间动画的步骤在创建形状补间动画时使用形状提示在创建形状补间动画时使用形状提示一、动作补间动画的概念一、动作补间动画的概念 动作补间动画，就是在起始帧上放置一个元动作补间动画，就是在起始帧上放置一个元件实例，然后在结束帧中改变这个元件实例的属件实例，然后在结束帧中改变这个元件实例的属性，再让性，再让Flash根据两者之间的差值创建动画。根据两者之间的差值创建动画。只要确定了起始帧和结束帧的内容，那么只要确定了起始帧和结束帧的内容，那么Flash就可以把中间的过程补充完整。就可以把中间的过程补充完整。(1)动作补间动画的概念动作补间动画的概念 包含动作补间动画的帧，它的背景色是淡紫包含动作补间动画的帧，它的背景色是淡紫色的，并且在起始帧和结束帧之间有一个长箭头色的，并且在起始帧和结束帧之间有一个长箭头连接起来，如图所示。连接起来，如图所示。动作补间动画在在时间轴上的体现(2)动作补间动画在时间帧面板上的表现动作补间动画在时间帧面板上的表现 从时间轴上看，动作补间动画是淡紫色的，而形从时间轴上看，动作补间动画是淡紫色的，而形状补间动画是淡绿色的。状补间动画是淡绿色的。 从组成元素看，动作补间动画使用的是元件实例，从组成元素看，动作补间动画使用的是元件实例，而形状补间动画使用的必须是矢量区域。而形状补间动画使用的必须是矢量区域。 从完成效果看，动作补间动画可以实现整体的变从完成效果看，动作补间动画可以实现整体的变化，而形状补间动画则实现不同形状的变化。化，而形状补间动画则实现不同形状的变化。 形状补间动画和动作补间动画都属于补间动画。形状补间动画和动作补间动画都属于补间动画。他们都各有一个起始帧和结束帧，都用一根箭头连他们都各有一个起始帧和结束帧，都用一根箭头连接。接。二者之间的区别如下：二者之间的区别如下：（4）创建动作补间动画的方法）创建动作补间动画的方法 确定起始帧：在时间轴面板上动画开始播确定起始帧：在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一放的地方创建或选择一个关键帧并设置一个元件。个元件。 确定结束帧：在动画结束的地方创建或选确定结束帧：在动画结束的地方创建或选择一个关键帧并设置该元件的属性。择一个关键帧并设置该元件的属性。 创建动画：单击开始帧，在创建动画：单击开始帧，在“属性属性”面板面板上单击上单击“补间补间”旁边的小三角按钮，在弹旁边的小三角按钮，在弹出的下拉列表中选择出的下拉列表中选择“动画动画”选项，即可选项，即可建立动作补间动画，如图所示建立动作补间动画，如图所示二、动作补间动画的属性面板二、动作补间动画的属性面板 “动作补间动画动作补间动画”的属性是通过关键帧的属性的属性是通过关键帧的属性设置来实现的。在起始帧上单击，帧设置来实现的。在起始帧上单击，帧“属性属性”面面板如下图所示。板如下图所示。 动作补间的“属性”面板 “缓动缓动”选项的作用是设置动画的加速度。选项的作用是设置动画的加速度。 用鼠标拖拽用鼠标拖拽“缓动缓动”右边的滑块，可以调整参数右边的滑块，可以调整参数值。如果参数值是负值，那么动画运动的速度从值。如果参数值是负值，那么动画运动的速度从慢到快，朝运动结束的方向加速补间；如果参数慢到快，朝运动结束的方向加速补间；如果参数的值是正值，那么动画运动的速度从快到慢，朝的值是正值，那么动画运动的速度从快到慢，朝运动结束的方向减慢补间。运动结束的方向减慢补间。1、 “缓动缓动”选选项项2、“旋转旋转”选项选项该选项有四个选择，如图所示该选项有四个选择，如图所示选择选择“无无”可禁止元件旋转；可禁止元件旋转；选择选择“自动自动”可使元件在需要最小动作的方向上可使元件在需要最小动作的方向上旋转对象一次；旋转对象一次；选择选择“顺时针顺时针”（CW）或）或“逆时针逆时针”（CCW），），可使元件在运动是顺时针或逆时针旋转相应的圈可使元件在运动是顺时针或逆时针旋转相应的圈数，数， 如果选择了如果选择了“顺时针顺时针”（CW）或）或“逆时逆时针针”（CCW），那么还可以进一步设置旋转），那么还可以进一步设置旋转的圈数，如图所示的圈数，如图所示设置旋转圈数实战练习实战练习 制作一个制作一个 “滚动的小球滚动的小球”动作补间动画。动作补间动画。 （学生为主，教师为辅）（学生为主，教师为辅） 课堂小结课堂小结一、动作补间动画的概念一、动作补间动画的概念二、二、 动作补间动画与形状补间动画的联系与区别动作补间动画与形状补间动画的联系与区别三、三、 动作补间动画的创建流程动作补间动画的创建流程四、动作补间动画的属性设置四、动作补间动画的属性设置五、五、 案例的制作过程案例的制作过程 作作 业业 教材 P139 1、简答题 2、上机操作题，实现太阳落山 创建动作补间动画创建动作补间动画设置旋转选项设置旋转选项复复 习：习：形状补间动画的概念形状补间动画的概念形状补间动画在时间帧面板上的表现形状补间动画在时间帧面板上的表现创建形状补间动画的步骤创建形状补间动画的步骤在创建形状补间动画是使用形状提示在创建形状补间动画是使用形状提示“形状补间形状补间”动画就是从动画就是从一种形状变一种形状变化到另一种化到另一种形状的过程。形状的过程。复复 习：习：形状补间动画的概念形状补间动画的概念形状补间动画在时间帧面板上的表现形状补间动画在时间帧面板上的表现创建形状补间动画的步骤创建形状补间动画的步骤在创建形状补间动画是使用形状提示在创建形状补间动画是使用形状提示形状补间动画的帧形状补间动画的帧的背景色是淡绿色的背景色是淡绿色的，并且在关键帧的，并且在关键帧之间用箭头连接之间用箭头连接复复 习：习：形状补间动画的概念形状补间动画的概念形状补间动画在时间帧面板上的表现形状补间动画在时间帧面板上的表现创建形状补间动画的步骤创建形状补间动画的步骤在创建形状补间动画是使用形状提示在创建形状补间动画是使用形状提示l 确定起始帧确定起始帧l 确定结束帧确定结束帧l 创建动画创建动画复复 习：习：形状补间动画的概念形状补间动画的概念形状补间动画在时间帧面板上的表现形状补间动画在时间帧面板上的表现创建形状补间动画的步骤创建形状补间动画的步骤在创建形状补间动画是使用形状提示在创建形状补间动画是使用形状提示选中形状补间动画的选中形状补间动画的起始帧，执行起始帧，执行“修改修改/形状形状/添加形状提示添加形状提示”命令，可以添加一个命令，可以添加一个形状提示形状提示