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