第9章+创建动画.pptVIP

网页设计与制作 第一章 HTML语言基础 2 第二章 初识Dreamweaver 4 第三章 创建与应用表格 3 第四章 使用层和框架布局页面 3 第五章 CSS样式与模板的使用 3 第六章 行为、库和资源管理 3 第七章 建立动态网站 3 第八章 Flash动画基础知识 3 第九章 创建动画 3 第十章 使用Fireworks编辑网页图像 3 1 第九章 创建动画 一、 Flash动画概述 Flash动画是通过更改连续帧的内容进行创建的。 将帧所包含的内容进行移动、缩放、旋转、更改颜色、形状等操作，即可制作丰富多彩的动画效果 。 Flash不仅支持动画、声音及交互功能，还可以直接生成主页代码。 Flash提供的透明技术和物体变形技术使创建复杂的动画更加容易。 第九章 创建动画 二、时间轴在动画中的应用 【时间轴】面板是一切动画制作的根本，分为左右两个区域：层控制区和时间线控制区。【时间轴】面板主要用于组织和控制动画中各帧的内容。 时间窗口主要包括了帧、图层以及播放头。 1、编辑层 当创建一个新动画文档时，当前时间轴中只会出现一个图层。当制作比较复杂的动画时，就需要根据情况来添加层，通过层来组织动画中的对象，以达到各种动画效果。 创建图层：右击一个图层/插入图层 删除图层：右击一个图层/删除图层 第九章 创建动画 2、帧的类型 动画的制作需要不同的帧来共同完成。通过时间轴就可以很清晰的判断出帧的类型。 1）关键帧 关键帧是特殊的帧，用于定义动画中的变化。 由于flash文档保存每一个关键帧中的形状，所以只需要在有变化的地方创建关键帧。 在时间轴中，关键帧以实心圆表示。 2）空白关键帧 在一个关键帧里面，没有添加任何动画对象的帧为空白关键帧。 在时间轴中，空白关键帧以空心圆表示。 3）普通帧 第九章 创建动画 3、时间轴特效 在flash中，可以对文本、图形、位图图像、按钮元件应用时间轴特效。 插入/时间轴特效/… 编辑或删除特效：先在舞台上选择与特效关联的对象，然后：修改/时间轴特效/编辑特效或删除特效 三、补间动画 补间动画是创建随时间移动或更改的动画的一种有效方法，并且最大程度地减小所生成的文件大小。在补间动画中，Flash只保存在帧之间更改的值。 第九章 创建动画 1、创建补间动作动画 补间动作动画主要是指补间实体、组和类型的位置、大小、旋转和倾斜，以及颜色、渐变颜色切换或淡入淡出。 如果要补间组或者类型的颜色，必须将他们转换为元件；如果要使文本块中的单个字符动起来，必须将该字符进行分离。 创建补间动作动画后，改变两个关键帧之间的帧数，或者移动任意关键帧中的组或元件，Flash会自动重新补间帧。 示例：让小球动起来（P282） 2、创建沿路径运动的补间动画 在Flash中创建沿一条路径进行运动的动画就需要用到引导层，而这个创建运动路径的层就被称为引导层。在引导层中只有运动路径。而在动画的最后播放过程中是看不到该路径的。 第九章 创建动画 要做出引导动画至少要有两个图层：一个是一般图层，里面只有一个对象，另一个是引导图层，用户可以将需要的路径制作在引导图层上，然后在起始帧和终点帧处，将普通层中的对象分别移动到引导层路径的起端和末端（注意对齐对象的中心），最后在普通层上创建动画即可完成引导动画。 在flash中，还可以将多个层链接到一个运动引导层，使多个队形沿着一条路径运动。 添加引导层：右击普通层/添加引导层 创建路径：线条工具、铅笔工具或椭圆工具等 示例：沿路径运动的小球（P284） 第九章 创建动画 3、创建形状补间动画 通过补间形状动画，可以创建类似于形状改变的动画，将某一个实体从一个形状改变到另一个形状。在变化过程中，用户只需要定义动画的起点和终点的实体形状即可。同时，还可以补间形状的位置、大小和颜色。 示例：字母渐变动画（P285） 四、逐帧动画 它是一种传统的动画形式，用户需要更改舞台中每一帧的内容。 在逐帧动画中，由于flash要保存每个完整帧的值，因此其文件大小通常比较大。 逐帧动画中的每个帧都必须是关键帧。 示例：写字逐帧动画（P288） 第九章 创建动画 五、编辑动画 在flash中，只有关键帧是可编辑