网页设计与制作-西京学院网站规划与网页设计精品课程.PPT

《网站规划与网页设计》;第12章 利用FLASH设计网页动画;第12章 利用FLASH设计网页动画;12.1 实例导入：制作Flash MTV;;12.2 Flash cs5概述;2．操作界面;12.2.2 Flash的基本操作;;3．保存文档 　　选择“文件”菜单→“保存”命令，或使用快捷键Ctrl+S。文档在编辑过程中要及时保存，Flash文档的扩展名为.fla。 4．发布影片 　　制作好的Flash动画最终要发布出来或者嵌入到网页中。Flash软件支持多种能够在网页中播放的文件格式。 　　发布和测试Flash文档时，常用的方法有以下二种。 　　方法一：选择“文件”菜单→“导出”选项→“导出影片”命令，出现“导出影片”对话框，选择存储路径，单击保存类型下拉列表，选择文件格式，命名文件，单击“保存”按钮，如图所示。 　　方法二：选择“文件”菜单→“发布设置”命令，选择发布文件的格式及存储路径，然后单击“发布”按钮，如图所示。;;12.2.3 Flash CS5 的新功能;12.3 Flash的基本功能;12.3.2 位图操作;12.3.3 处理文本;　2.设置文本属性 在输入文本前，单击“文本”工具，在“属性”面板中设置文本属性，然后再输入文本，或输入文本后，单击“选择”工具，选中文本，在“属性”面板中设置文本属性。可设置文本的字体、字号、样式、颜色以及段落的对齐方式、边距、缩进和行间距，还可为横排文本添加链接路径。 ;12.4 应用Flash CS5设计动画;12.4.1 场景、元件与实例;图形：可反复取用的图片，用于构建动画主时间轴上的内容。一般只含有一帧静止图片。不能对它添加交互行为和声音控制。 影片剪辑：代表可反复取用的一段小动画。可独立于主时间轴进行播放。不能添加相互控制。 按钮；用于创建动画的交互控制按钮。可响应事件，添加交互动作。;3.创建元件 创建元件的方法比较多，下面介绍常用的三种方法。 方法一：选中场景中的对象，选择“修改”菜单｜“转换为元件”命令，或按下快捷键F8，弹出“转换为元件”对话框，输入名称，选择类型，单击“确定”按钮。 方法二：选择“插入”菜单｜“新建元件”命令，或单击“库”面板下方的“新建元件”按钮，弹出“新建元件”对话框，输入名称和选择类型，单击“确定”按钮，进入到元件的编辑界面。 方法三：Flash有一个公用库。选择“窗口”菜单｜“公用库”选项｜“学习交互或按钮或类”命令，打开“公用库”面板后，选中元件，拖入到当前文档的“库”面板中。;4. 编辑和使用元件 编辑元件：打开“库”面板，选中某个元件，双击鼠标左键，进入到元件的编辑状态，或在舞台上双击实例，进入到元件的编辑状态。 使用元件：创建元件后，就会保存在“库”面板中，选择“窗口”菜单｜“库”命令，或按下Ctrl+L组合键或F11键，打开“库”面板，选中元件拖至舞台中。 实例的应用：元件拖放到舞台中，即称为实例，在“属性”面板中，可对实例进行相应的属性设置，例如：实例行为、大小、名称、动画播放方式、颜色等，如图所示。;12.4.2 帧与关键帧;12.4.3 图层; 2. 图层的操作 插入图层：在时间轴左下方单击“插入图层”按钮，就添加了一个普通层，单击添加引导层则添加一个引导层。 改变图层的属性：选中图层，单击鼠标右键，在弹出菜单中选择“属性”命令，弹出“属性”对话框，设置图层的属性。 插入图文件夹：将图层分类放在文件夹进行组织管理。 删除图层：不需要的图层时，单击“删除图层”按钮。 图层的显示或隐藏，单击层，单击眼睛图标位置，出现红叉，表示隐藏，黑色圆点表示显示。 图层的锁定：单击层，单击锁定层下方，出现锁的标志，表示锁定层，黑色圆点表示解锁。;12.4.4 创建动画;;2．传统补间动画 利用传统补间动画制作跳动的字符，如图所示。效果为字符沿镜面垂直向上移动。 3．补间动画 补间动画是FLASH cs4在原来的基础上新增加的动画功能，是通过为不同帧中的对象属性指定不同的值而创建的动画。Flash计算这两个帧之间该属性的值。 补间范围是时间轴中的一组帧，其中的某个对象具有一个或多个随时间变化的属性。补间范围在时间轴中显示为具有蓝色背景的单个图层中的一组帧。 属性关键帧是在补间范围中为补间目标对象显式定义一个或多个属性值的帧。这些属性可包括位置、alpha（透明度）、色调等。您定义的每个属性都有它自己的属性关键帧。 ?注意：补间动画和传统补间之间的差异：传统补间使用关键帧。关键帧是其中显示对象的新实例的帧。补间动画只能具有一个与之关联的对象实例，并使用属性关键帧而不是关键帧。 ;;4、引导动画 运动引导层允许用户绘制一条曲线作为动画路径，