第7章 Flash动画制作与案例《二维动画设计与制作》.pptVIP

第7章 Flash动画制作与案例 7.1 Flash的动画类型 7.2 创建逐帧动画 7.3 创建补间动画 7.4 创建补间形状 7.5 创建沿路径运动的动画 7.6 英雄救美——传统动画技法的运用 7.7 课后思考与练习 课堂学习目标 ● 了解Flash的动画类型和特点 ● 了解补间的概念 ● 掌握逐帧动画的制作方法 ● 掌握补间动画与补间形状的制作方法 ● 掌握沿路径运动动画的制作方法 ● 灵活运用传统动画技法制作Flash动画 7.1 Flash的动画类型 7.1.1 逐帧动画 7.1.2 补间动画 7.1.3 补间形状 7.1.1 逐帧动画 Flash的逐帧动画借鉴了传统动画的创作技法，采用了给原画加中间画的画法进行制作。 不过在Flash中，原画与中间画经常由一个人来担任。 图7-1所示的小兔子转面就是采用逐帧动画的方式制作的，每一个关键帧对应于一张不同的图形元素。 图7-1 小兔子转面的逐帧动画 7.1.2 补间动画 在创建补间动画之前，首先要弄明白“补间”是什么？ 术语“补间”来自于传统动画领域。高级动画师（原画人员）负责绘制人物的开始和结束姿势，即动画的关键帧。 然后初级动画师（动画人员）将加入进来，绘制中间的帧或做中间工作。 因此，“补间”是指关键帧之间的平滑过渡。 简而言之，所谓补间，就是只需要绘制出开始和结束两个帧的内容，中间过渡部分（中间画）由电脑自己计算出来。 补间的开始和结束帧被称为“关键帧”，中间由电脑计算出的部分称为补间帧，用补间的方式制作的动画称为补间动画，如图7-3所示。 开始关键帧 补间帧 结束关键帧 图7-3 小女孩淡入的补间动画 7.1.3 补间形状 补间形状是“形状”之间的切换动画，即从一个“形状”逐渐过渡到别一个“形状”。 在形状补间中，可在时间轴中的特定帧绘制一个形状，然后更改该形状或在另一个特定帧绘制另一个形状。 然后，Flash 将内插中间帧的中间形状，创建一个形状变形为另一个形状的动画，如图7-6所示。 补间帧中的内容是依靠两个关键帧上的形状进行计算得到的。 图7-6 椭圆变花的补间形状动画 7.2 创建逐帧动画 7.2.1 桃花朵朵开 7.3 创建补间动画 7.3.1 爱心树 7.3.2 小鸟飞动画 补间动画是元件实例所参与的一种动画形式，是实例属性变化过渡的一种动画。 动画补间将补间前、后两个关键帧的属性作为变化参数，在动画播放的时候实时计算出中间补间帧的实例属性并且显示它。 在Flash中，可以对影片剪辑、图形和按钮元件创建补间动画。 可补间的对象属性包括位置、大小、旋转、缩放、倾斜、颜色与滤镜等属性，如图7-26、图7-27所示。 图7-27 旋转补间 图7-26 位置与大小补间 补间动画除了简单的属性变化外，根据过渡要求的不同还存在下列一些特殊的参数，如图7-28所示。 图7-28 补间动画的“属性”面板 7.3.1 爱心树7.3.2 小鸟飞动画 1．制作小鸟飞的补间动画 2．制作循环移动的背景 7.4 创建补间形状 7.4.1简单变形 7.4.2控制变形 7.4.3 椭圆变花 图7-67补间形状的“属性”面板 补间形状是“形状”之间的切换动画，即从一个“形状”逐渐过渡到别一个“形状”。 补间形状和补间动画有所不同，它涉及到的一些设定如图7-67所示。 7.4.1简单变形 补间形状用到的元素必须是非成组、非元件的矢量图形，如果希望有一个元件的实例或者成组元素进行形状变形的话，可以使用分离功能将其转换到非成组的状态，即矢量图形的状态，如图7-68所示。 实例分离前状态 分离后状态 文本分离前后状态 图7-68 使用分离功能将元素转换成矢量图形 7.4.2控制变形 7.4.3 椭圆变花 7.5 创建沿路径运动的动画 7.5.1沿路径运动动画的特点 7.5.2 飞舞的蝴蝶 前面制作的动画，运动轨迹比较简单，采用设置关键帧的方法就能完成，如上升的爱心。 但在运动轨迹比较复杂的情况下，例如在制作漫天飞花、漂浮的气泡、飞舞的蝴蝶，或沿圆环运动的对象等，即有一定运动轨迹的动画时，单纯依靠设置关键帧来实现，显然不太现实的。 在Flash中还有一个广泛使用的功能就是引导线。 这个功能可以设定实例按一定的路径运动。 那么在制作有一定运动轨迹的动画时，就要采用这个功能——引导线。