二维动画设计与制作 教学课件 作者 邓文达 第7章 Flash动画制作与案例.ppt

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