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