FlashCS网页设计.pptVIP

Flash CS5网页设计 / FlashCS5中的动画类型1 FlashCS5中的动画类型2 创建传统补间动画 传统补间动画（又叫做动作补间、中间帧动画、渐变动画），只要建立起始和结束的画面，中间的部分由Flash自动生成，省去了中间动画制作的复杂过程，是Flash中最常用的动画效果。 可制作的动画效果有位置移动、大小变化、旋转移动、逐渐消失等等，还能将它们相互组合制作出式样更加丰富、效果更加吸引人的复杂动画。 创建传统补间动画 【一般制作流程】先在一个关键帧中定义实例的大小、颜色、位置、透明度等参数，然后创建出另一个关键帧并修改这些参数，最后创建补间动画，让Flash自动生成过渡状态。 两个必要前提： 起始关键帧与结束关键帧缺一不可； 应用于传统补间的对象必须具有元件或者群组的属性。 传统补间动画示例 案例：飘落的花朵 【步骤1】画出花朵； 【步骤2】在场景中选择花朵实例，按Ctrl+T键打开[变形]面板，调整实例至舞台上方； 【步骤3】在[时间轴]面板的第30帧位置按F6键[插入关键帧]，并调整实例至舞台下方； 【步骤4】选择第1~30帧之间的任何一帧，单击鼠标右键，在快捷菜单中选择[创建传统补间]； 【步骤5】在[时间轴]面板中选择补间动画中的任何一帧，在[属性]面板中设置旋转为逆时针，圈数为2； 【步骤6】使用类似的方法在新建的图层中添加花朵实例并为之创建传统补间动画。 【步骤7】测试场景，保存并导出影片。 传统补间属性 缓动：应用于有速度变化的动画效果。-100~100之间的值，0值以上是由快到慢，0值以下是由慢到快； 旋转：设置对象的旋转效果，包括“自动”、“顺时针”、“逆时针”和“无”4项； 紧贴：使物体可以附着在引导线上； 同步：设置元件动画的同步性； 调整到路径：在路径动画效果中，使对象能够沿着引导线的路径移动； 缩放：应用于有大小变化的动画效果。 创建补间形状动画 形状补间可以实现将一幅图形变为另一幅图形的效果。 【形状补间和动作补间的主要区别】形状补间不能应用到实例上，必须是被打散的形状图形之间才能产生形状补间。 形状图形：由无数像素点堆积而成的，并非是一个整体。选中时没有一个蓝色边框，而是显示为掺杂着白点的图形。 创建补间形状动画 形状补间的属性： 缓动：动画朝着结束方向变化的速率，-100~100之间的值，0值以上是减速，0值以下是加速； 混合：“分布式”创建的动画形状比较平滑和不规则；“角形”创建的动画形状会保留明显的角和直线，只适合于具有锐化转角和直线的 混合形状。如果所选形状没有角，系统自动还原到“分布式”补间； 创建补间形状动画示例 文字呈现 【步骤1】新建一个flash文件； 【步骤2】选中[椭圆工具]，设置笔触颜色无，填充颜色为黄色，在场景中绘制一个椭圆；再复制一个椭圆，调整好它们的位置； 【步骤3】在[时间轴]面板中选中第30帧，按F6键[插入关键帧] ；同时选中两个椭圆，按Ctrl+G键[组合] ；选择[文本工具]在场景中插入“您好”，调整合适的字体大小后，按Ctrl+B键两次[分离]为图形，并分别调整到两个椭圆所在的位置；删除两个椭圆； 【步骤4】在[时间轴]面板中选中第1~30帧间的任何一帧，单击鼠标右键，在快捷菜单中选择[创建补间形状]； 【步骤5】在两个图层的第40帧按F5键[插入帧]； 【步骤6】测试场景，保存并导出影片。 创建补间形状动画 练习 按下列步骤做出文字呈现效果 【步骤1】新建一个flash文件，舞台颜色改为黑色； 【步骤2】选中[矩形工具]，设置笔触颜色无，填充颜色为红色，在场景中绘制一个矩形； 【步骤3】选中[套索工具]在矩形中选取不规则形状，并将选取的红色区域移动到矩形之外；使用同样的方法得到若干个不规则的红色形状后，将红色矩形删除； 【步骤4】在[时间轴]面板中选中第25帧，按F7键[插入空白关键帧] ；选中[文本工具]在场景中创建文本“您”并调整到合适的位置；选中文本后按Ctrl+B键[分离]为图形； 【步骤5】在[时间轴]面板中选中第1~25帧间的任何一帧，单击鼠标右键，在快捷菜单中选择[创建补间形状]； 【步骤6】使用类似的方法在新建的图层中的第25~50帧之间 为“好”字创建补间形状动画； 【步骤7】在两个图层的第60帧按F5键[插入帧]； 【步骤8】测试场景，保存并导出影片。 创建补间动画 在Flash CS5中引入了补间动画，功能强大且易于创建。通过补间动画可对补间的动画进行最大程度的控制，尤其很多新功能如3D动画及动画预设等，都是建立在补间动画的基础上。 所有的传统补间动画是指Flash CS3及早期版本中的动画类型，而补间动画，则是指Flash CS5新增的动画类型。大家在学习过程中应注意区分，避免概念或操作的