设计网页动画讲述.ppt

动画脚本基础 例5-19 制作鼠标经过时物体变大的效果。 第*页 播放和停止动画 常用的时间轴控制命令 第*页 播放和停止动画 例5-20 制作播放和停止动画。 第*页 按钮事件 在ActionScript 3.0中，任何对象都可以通过监听器的设置来监控对于对象的鼠标操作，与鼠标相关的操作事件都属于MouseEvent类。 CLICK：当对象发生单击鼠标的动作时。 DOUBLE_CLICK：当对象发生双击鼠标的动作时。 MOUSE_DOWN：当对象发生按鼠标的动作时。 MOUSE_MOVE：当鼠标指针在对象范围内移动时。 MOUSE_OUT：当鼠标指针移开对象的范围时。 MOUSE_OVER：当鼠标指针移入对象的范围时。 MOUSE_UP：当对象发生放开鼠标的动作时。 MOUSE_WHEEL：当对象发生鼠标滚轮滚动的动作时。 第*页 按钮事件 例5-21 制作按钮事件实例。 第*页 主要内容 5.1　Flash绘图 5.2　Flash网页动画 5.3　Flash交互动画 5.4　本章小结　 第*页 5.4 本章小结 本章全面讲述了利用Flash CC绘图网页动画的方法。 首先，介绍了Flash文档的基本操作， Flash绘图工具的使用和特点及绘制矢量图形的技巧，文本和位图的编辑和应用。 接下来，介绍了时间轴、帧和图层的基本操作，元件、实例和库的基本概念。 之后，分别讲述了基础动画设计的方法。 最后，介绍了制作Flash交互动画的知识。 第*页 * 网页设计与制作教程 第1章 网页设计与制作基础 第5章 设计网页动画 第*页 本章概述 本章的学习目标 主要内容 本章概述 在网站开发过程中，经常利用Flash设计制作网页动画。Flash是专业的矢量网页动画制作软件，利用Flash制作的动画文件体积小，能边下载边播放，且具有较强的交互性，用户可以自由控制动画的播放。因此将Flash动画运用到网页中将会使网页有极丰富的表现力。本章主要介绍Flash CC中绘图工具的使用方法，绘制图形和编辑图形的技巧，制作基础动画的方法，动画脚本的基础知识，及交互动画的制作方法等。 第*页 本章的学习目标 掌握绘制和编辑图形 了解时间轴的概念 掌握元件和实例的应用 掌握库的使用方法 掌握编辑帧和图层 掌握基础动画的制作方法 掌握交互动画的制作方法 第*页 主要内容 5.1　Flash绘图 5.2　Flash网页动画 5.3　Flash交互动画 5.4　本章小结　 第*页 5.1 Flash绘图 Flash文档的操作 新建文档 保存文档 打开文档 设置文档的属性 绘制矢量图形 文本和位图的应用 第*页 Flash文档的操作 新建文档 保存文档 打开文档 设置文档的属性 设置文本格式 第*页 绘制矢量图形 Flash提供了多种绘图和填充工具，可以用来绘制直线、形状和路径及编辑操作。 绘图模式 绘图工具箱与属性面板 绘制基本几何形状 绘制复杂图形 设计图形色彩 编辑图形 第*页 文本和位图的应用 文本是动画重要的组成部分，在Flash中可以利用文本工具创建各种艺术字的效果。Flash中的文本分为静态文本、动态文本和输入文本3种类型。 创建文本 编辑文本 文本效果的制作 文本滤镜 应用位图 第*页 文本和位图的应用 例5-1 渐变填充效果。 例5-2 空心字效果。 例5-3 位图填充效果。 第*页 文本和位图的应用 例5-4 扭曲文字效果。 例5-5 文本滤镜效果实例——投影字。 例5-6 文本滤镜效果实例——立体字。 第*页 主要内容 5.1　Flash绘图 5.2　Flash网页动画 5.3　Flash交互动画 5.4　本章小结　 第*页 5.2 Flash网页动画 时间轴与帧 元件、实例和库 基础动画设计 Flash中的声音 第*页 时间轴与帧 认识时间轴 时间轴是动画制作的核心，用于组织和控制一定时间内的图层和帧中的文档内容。时间轴的主要组件是图层、帧和播放头。与胶片一样，Flash文档也将时长分为帧。图层就像堆叠在一起的多张幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。 帧类型 关键帧：在动画的制作过程中，角色或者物体运动或变化中的关键动作所处的帧称为关键帧。实心黑色圆圈表示的是关键帧。 普通帧：也称为静态帧，就是不起关键作用的帧。关键帧后面的灰色方块就是普通帧，用于实现关键帧的延续或两个关键帧之间的缓慢过渡。有内容的普通帧是灰色方块；无内容的普通帧是空白方块。 第*页 时间轴与帧 编辑帧 选择帧 插入帧 删除帧 清除帧 移动帧 复制帧 关键帧和普通帧的转换 翻转帧 第*页 时间轴与帧 编辑图层 图层就像一张张透明的纸，每张纸中放置不同的内容，把这些内容组合在一起即形成完整的画面。