第9章+创建动画.ppt

网页设计与制作,第一章HTML语言基础2第二章初识Dreamweaver4第三章创建与应用表格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中，只有关键帧是可编辑的，用户可查看补间帧，但不能直接编辑它们，要编辑补间帧，可通过修改定义的关键帧来完成，或者在起始和结束关键帧之间插入一个新的关键帧。1、帧的插入、删除和修改右击/2、设置帧的频率修改/文档3、绘图纸外观功能用于在舞台中同时查看或编辑多个帧。单击时间轴面板底端的相应按钮,第九章创建动画,六、创建遮罩动画在flash中，使用遮罩层可以创建一些