《网页设计与制作教学课件》补间动画设计.pptVIP

基础动画 本节主要内容： 传统补间 补间动画 补间形状 1 传统补间动画的制作方法 2 传统补间动画的参数设置 3 传统补间动画的应用分析 4 上机指导――网络广告 传统补间动画 1 传统补间动画制作方法 与逐帧动画不同，补间动画是由起始和终止两个关键帧，以及由这两个关键帧决定的若干个中间过渡帧所组成的动画。在制作补间动画时不需要逐帧地进行编辑，只要将起始和终止这两个关键帧中的内容制作好，并在起始帧中定义渐变动画类型和属性，则Flash会自动制作出中间过渡帧的动画效果。 1 传统补间动画制作方法 运动补间动画是Flash中用得比较多的一种动画方式。这种动画方式可以在需要产生运动渐变动画的起始关键帧处定义动画对象的位置、大小、旋转、透明度等属性，然后在该运动渐变动画的终止关键帧中改变这些属性，Flash根据这种变化便可以自动产生完成这些属性渐变过程的中间帧。　　运动渐变动画的对象可以是实例、组合的图形对象或文字对象，其产生的效果有移动、缩放、旋转、色彩渐变、加速与减速运动等。创建该类型动画的条件是第1帧和最后l帧放置的是同一个对象，动画中的对象必须设为元件或将其组合，才能完成该动画的渐变。 形状和动画补间的区别？ 补间动画帧组成 不可渐变帧：在两个关键帧之间用淡蓝或淡绿色填充并由虚线连接的帧，如图4(c)所示。表示帧的渐变不符合要求或者没有与其相连的下一关键帧。 　　　　　　　　　　　　　图4 各帧示意 运动渐变帧：在两个关键帧之间用淡紫色填充并由带有箭头直线连接的帧，如 图5(a)所示。 　　　　　　　　　　　　　　　　图5 动作帧：在帧中显示一个字母“a”，如图5(c)所示。它表示该帧添加了Flash　的ActionScript脚本程序。 1 传统补间动画制作方法 1 传统补间动画的制作方法 补间动画基本制作方法：在一个关键帧上创建一个对象，然后在另一个关键帧改变这个对象的大小、位置、颜色、透明度、旋转、倾斜、滤镜等属性。 实例 “欢迎”字幕动画制作： 1、使用文本工具 输入字符。 2、在时间轴对应的位置插入关键帧 ，并改变字幕的位置。 3、创造传统补间动画 。 2 传统补间动画的参数设置 1．“缩放”复选框 2．“缓动”选项 3．“旋转”选项 4．“调整到路径”复选框 5．“同步”复选框 6．“对齐”复选框 1 上机指导――家 1.利用“家”文件夹中所给的素材制作出如下动画效果。 补间动画是通过一个帧中的对象属性指定一个值，并为另一个帧中的相同属性指定另一个值创建的动画。 补间动画只能应用于元件实例和文本字段。 以下以一个实例说明补间动画的制作过程 2 补间动画 2 上机指导――制作上升的气球 补间动画是Flash动画类型中最基础的一种动画类型，它是很多动画作品的基石，用途十分广泛。下面利用补间动画制作一个气球升空动画范例。这个动画主要使用的就是补间动画技术，它由若干个补间动画效果连接和叠加而成。 3．制作动画中的其他“演员” 4．制作补间动画 实例讲解 1．新建文档和制作动画背景 2．制作气球 制作要点提示：　　形状补间动画是由一种动画对象渐变为另一种动画对象的动画，动画首尾2个关键帧处的动画对象的形状发生了变化，所以这2个关键帧处的动画对象必须完全打散，才能完成该动画的渐变过程。 形状补间动画关键帧上元素的要求：一是必须是矢量图，二是必须是形状状态。　　 形状渐变帧：在两个关键帧之间用淡绿色填充并由带有箭头直线连接的帧，如 图b所示。 3 形状补间动画 补间形状的制作方法 补间形状的基本制作方法是，在一个关键帧上绘制一个形状，然后在另一个关键帧更改该形状或绘制另一个形状。接着在这两个关键帧之间定义补间形状，Flash就会自动补上中间的形状渐变过程。 实例五边形变成五角星的动画制作： 1、绘制一个无边框红色填充的五边形。 2、在第20帧绘制一个无边框红色填充的五角星。 3、定义补间形状 。 4、将第20帧上的五角星的填充颜色更改为黄色。 补间形状的参数设置 定义了补间形状后，在“属性”面板中可以进一步设置相应的参数，以使得动画效果更丰富。 1．“缓动”选项 2．“混合”选项 “角形”只适合于具有锐化转角和直线的混合形状。如果选择的形状没有角，Flash会自动按照“分布式”进行动画定义。 添加形状提示 要控制更加复杂或特殊的形状变化，可以使用形状提示。形状提示会标识起始形状和结束形状中的相对应的点。 实例数字转换的动画制作： 1、在舞台输入数字1，并将其分离成形状。 3、定义补间形状 。 4、“修改”|“形状”|“添加形状提示”命令2次。 5、调整第1帧和第20帧处的形状提示。