FlashCS3简介和基本操作.ppt

第23章FlashCS3简介 本章详细讲解FlashCS3的基础知识 其中包括FlashCS3的界面 面板和菜单的简单介绍 以及FlashCS3的基本操作和制作Flash动画的基本知识 23 1FlashCS3界面介绍 安装好FlashCS3软件后 双击安装后的运行程序图标 或者从Windows的 开始 菜单的 程序 中选择FlashCS3 运行FlashCS3程序 程序运行后的显示效果如图所示 23 1 1舞台 舞台用来显示Flash文档的内容 包括图形 文本 按钮等 舞台是一个矩形区域 可以放大或者缩小显示 舞台的显示效果如图所示 23 1 2时间轴 时间轴用来显示一个动画场景中每个时间单位内各个图层中的帧 一个动画场景是由许多帧组成的 每个帧会持续一定的时间 在每个帧中会显示不同的内容 23 1 2时间轴 1 隐藏和显示时间轴在FlashCS3中可以通过使用拖放或者执行相应的命令 隐藏 显示或者更改时间轴的显示效果 具体操作如下所示 23 1 2时间轴 2 使用帧和关键帧在制作Flash文档的过程中 时间轴上包含文档内容的最小单位就是帧和关键帧 23 1 2时间轴 3 插入 选择 删除帧 或关键帧 在FlashCS3中插入 选择 删除帧 或关键帧 的方法如下所示 打开或者新建文件 单击时间轴上需要插入帧的位置 执行下列操作之一 插入帧 或关键帧 23 1 2时间轴 4 复制 粘贴 移动 清除帧 或关键帧 在FlashCS3中复制 粘贴 移动 清除帧 或关键帧 的方法如下所示 打开或者新建文件 选择所要复制的帧 执行下列操作之一 复制帧 或关键帧 23 1 3图层 图层和Photoshop中的图层类似 在FlashCS3中图层互相叠加在一起 上面的图层中的内容会覆盖下面图层中的内容 1 创建图层创建图层的操作如下所示 打开或者新建文件 执行下列操作之一 创建图层 23 1 3图层 2 使用图层文件夹使用图层文件夹 可以方便地管理图层 具体操作如下所示 打开或者新建文件 执行下列操作之一 创建图层文件夹 23 1 3图层 3 查看和编辑图层和图层文件夹使用图层 或图层文件夹 相关按钮或命令 可以更改图层 或图层文件夹 的显示效果 或者锁定图层 或图层文件夹 具体操作如下所示 23 1 3图层 4 复制 粘贴 删除图层或图层文件夹在制作Flash文档时 经常要进行与图层 或者图层文件夹 相关的操作 具体方法如下所示 打开或者新建文件 单击图层 或者图层文件夹 名称 选择图层 或者图层文件夹 执行 编辑 时间轴 复制帧 命令 复制图层 或者图层文件夹 内容 23 1 3图层 5 移动图层或文件夹在制作Flash文档时 有时会更改图层 或者图层文件夹 的顺序 具体方法如下所示 打开或者新建文件 单击图层 或者图层文件夹 名称 选择图层 或者图层文件夹 按住鼠标左键 拖动图层 或者图层文件夹 到相应的位置 23 1 3图层 6 创建运动引导层运动引导层用来定义图层内容的移动路径 具体创建方法如下所示 运动引导层的效果打开或者新建文件 单击图层 或者图层文件夹 名称 选择图层 或者图层文件夹 执行下列操作之一 添加运动引导层 23 1 4工具面板 工具面板用来显示Flash中常用的各种工具 例如 选择 工具 图形 工具 填充 工具等 在FlashCS3中工具面板有两种显示方式 一种是单列显示 一种是两列显示 可以通过工具面板顶部的切换按钮和 在两种显示方式中进行切换 1 自定义工具面板在FlashCS3中 可以自定义工具面板中显示的工具 其具体操作如下所示 23 1 4工具面板 2 使用工具使用工具的操作如下所示 单击工具面板中的某个工具 选择相应的工具 如果工具中含有子选项 则单击工具时 会打开相应的子选项列表 选择相应的子选项 23 1 5属性面板 使用属性面板可以方便地定义舞台中相应内容的属性 属性面板中显示的内容和在舞台中选择的内容有关 选择不同的内容 例如在文本 元件 按钮的属性面板中会显示不同的属性 当选择内容为位图时 属性面板的显示效果如图所示 23 1 6颜色和样本面板 使用颜色和样本面板可以方便地定义内容使用的填充颜色 其中颜色面板中可以定义更加复杂的颜色 而样本面板中只可以选择216种网页使用的安全色 其具体内容如下所示 1 颜色面板颜色面板用来定义各种工具使用的颜色 其中可以使用单一颜色 也可以使用各种渐变颜色 23 1 6颜色和样本面板 2 样本面板样本面板用来显示可选择的216种Web安全色 以及各种渐变或放射填充等 其显示效果如图所示 23 1 7库面板 库面板用来显示当前文档中使用的各种位图 按钮 影片剪辑等 库面板分为两个部分 上一部分显示选择库项目的预览效果 下一部分显示库中的所有项目 在制作Flash文档时 可以将库面板中的各种内容和元件直接拖放到舞台中 拖放后 库中的内容并不会消失 所以库中的内容可以重复使用 23 1 8定义首选参数 在FlashCS3中可以通过定义首选参数来定义各种内容的显示效果 具体操作如下所示 在 首选参数 对话框中 可以定义常规 ActionScript 自动套用格式 剪贴板 绘画 文本 警告 PSD文件导入器 AI文件导入器几个类别 23 2FlashCS3基本操作 FlashCS3基本操作包括新建 保存 测试 发布文档 元件 补间动画 以及添加脚本等内容 下面进行详细讲解 23 2 1新建和保存文档 新建文档的操作如下所示 23 2 2新建图形元件 图形元件用于静态图像内容 不能在图形元件中添加声音文件等内容 新建图形元件的操作如下所示 23 2 3新建按钮元件 按钮元件用于响应鼠标的相关动作 例如单击 悬停等 在网页中通常使用按钮元件制作超级链接 新建按钮元件的操作如下所示 23 2 4新建影片剪辑元件 影片剪辑元件用于制作可重复使用的动画片段 该动画片段在文档的场景中可以独立播放 而不受场景中时间轴的限制 新建影片剪辑元件的操作如下所示 打开或者新建文档 执行 插入 新建元件 命令 打开 创建新元件 对话框 选择 影片剪辑 选项 并定义新元件的名称为 影片剪辑元件1 23 2 5编辑和删除元件 创建各种元件之后 如果要修改元件的内容 或者某些元件将不会再被使用时 就要编辑和删除已建立的元件 编辑和删除元件的操作如下所示 打开或者新建文档 执行 窗口 库 命令 如果在文档中库面板已经打开 则可以省略这一步 打开库面板 文档中建立的各种元件会以不同的图标显示在库面板中 各种元件的显示效果 23 2 6创建和编辑元件的实例 影片剪辑元件用于制作可重复使用的动画片段 该动画片段在文档的场景中可以独立播放 而不受场景中时间轴的限制 新建影片剪辑元件的操作如下所示 23 2 7创建补间动画 补间动画是指内容位置发生变化的动画 例如位置的移动 旋转等 创建补间动画的操作如下所示 23 2 8创建补间形状 使用补间形状可以制作对象变形的动画 例如由一种形状变为另一种形状 或由一种颜色变为另一种颜色等 创建补间形状的操作如下所示 23 2 9在关键帧中添加动作 使用动作面板可以在关键帧中添加动作 例如控制动画的播放和停止等 在关键帧中添加动作的操作如下所示 23 2 10在元件实例中添加动作 使用动作面板可以在元件的实例中添加动作 例如为按钮实例添加超级链接等 在元件实例中添加动作的操作如下所示 23 2 11测试影片 在制作文档的过程中 要随时测试影片播放是否正常 例如为按钮实例添加超级链接等 在元件实例中添加动作的操作如下所示 23 2 12发布和导出影片 1 发布影片制作好的Flash文档 保存后的格式为FLA格式 后缀为 fla 但不能在网页中直接使用 所以在制作好Flash文档后 要将文档发布为SWF格式 SWF格式的动画文件可以在网页中直接使用 将文档发布为SWF格式的操作如下所示 23 2 12发布和导出影片 2 导出影片如果只要导出一个SWF格式的文件 然后在Dreamweaver或者其他的软件中使用该文件 则可以只导出SWF格式的影片文件 具体操作如下所示 23 3制作动画 本节中讲解的制作动画是指结合补间动画制作的引导层动画 遮罩层动画 逐帧动画 以及使用时间轴特效等 下面进行详细讲解 23 3 1制作引导层动画 引导层动画是指在引导层中制作动画的路径 然后将其他的图层链接到引导层 矢量图形 补间实例 组等内容可以沿引导层的路径运动 制作引导层动画的操作如下所示 23 3 2制作遮罩层动画 遮罩层动画是指在遮罩层中建立一个遮罩 当其他图层与遮罩层关联时 包含遮罩的内容将会显示 遮罩以外的内容将会被隐藏的动画效果 在遮罩层中 可以创建补间动画或者补间形状 用来制作动态遮罩效果 制作遮罩层动画的操作如下所示 23 3 3制作逐帧动画 逐帧动画是指在动画中每一帧都是关键帧 在每一帧中有不同的内容 制作逐帧动画的操作如下所示 执行 文件 新建 命令 新建文档 选择 图层1 中的第1帧 选择 图形 工具制作一个图形 也可以从外部导入图像文件 23 3 4使用时间轴特效 在Flash中 使用时间轴特效 可以方便地制作一些特殊效果 并不是所有的文档对象都可以使用时间轴特效 可以使用时间轴特效的内容有文本 图形 位图 元件实例 使用时间轴特效的操作如下所示 23 4绘图和处理图片 本节中主要讲解使用工具面板中的各种工具绘制矢量图形 以及处理导入到文档中的位图的方法 下面进行详细讲解 23 4 1绘图模型 在Flash中 有两种绘图模型 一种为 合并绘图 模型 另一种为 对象绘图 模型 在两种绘图模型中 绘制的图形的显示效果会有所差别 两种绘图模型的含义如下所示 23 4 2使用 铅笔 和 刷子 工具 在Flash中 铅笔 工具可以自由地绘制线条粗细相同的图形或者线条 通过相应的按钮 还可以控制绘制线条的平滑或伸直 刷子 工具可以绘制像刷子一样粗细不均的线条 通过 刷子 工具提供的相应按钮 可以控制刷子的大小 以及刷子的形状等 23 4 3使用 线条 和图形工具 在Flash中 线条 工具比较简单 用来制作各种直线线条或者形状 图形工具用来制作各种椭圆或者多边形形状 其中包含 矩形 工具 椭圆 工具 基本矩形 工具 基本椭圆 工具 多角星形 工具5个子选项 23 4 4使用 钢笔 工具 在Flash中 钢笔 工具用来制作细致 精确的路径 在 钢笔 工具组中除 钢笔 工具以外 还包含 添加描点 工具 删除描点 工具 转换描点 工具等几个辅助选项 下面具体讲解使用 钢笔 工具的具体操作 23 4 5使用 选取 和 选区 工具 在Flash中的 选取 工具有两个 一个是 选择 工具 另一个是 部分选取 工具 使用 选择 工具可以选择对象的全部 使用 部分选取 工具可以选择对象的一个部分 例如路径中的一个节点等 23 4 6定义边框和填充的颜色 在Flash中 通过属性面板或者工具面板中相应的选项 可以定义边框和填充的颜色 具体操作如下所示 23 4 7定义渐变颜色 在Flash中可以通过颜色面板定义渐变填充的颜色 具体操作如下所示 23 4 8导入图像 在Flash中可以导入各种格式的位图和矢量图文件到文档的 库 或者舞台中 其中支持导入的矢量或位图图像格式如下所示 23 4 9设置和编辑位图 在Flash中 可以通过位图的属性面板定义位图的相应属性 并对位图进行编辑 具体操作如下所示 23 4 10分离位图和将位图转换为矢量图 在Flash中 分离位图可以分散位图中的像素 以便选择位图的部分区域进行编辑 将位图转换为矢量图 可以将位图作为矢量图处理 在将位图转换矢量图时 如果位图的色彩比较复杂 在转换过程中可能会发生图像失真的现象 23 4 11组合对象 在Flash中 可以通过组合的方法 将几个对象作为一个对象来处理 组合后的对象 可以进行整体移动和编辑 其具体操作如下所示 执行 文件 新建 命令 新建文档 选择图形工具中的 椭圆 工具 在舞台中拖拽出一个椭圆图形 执行 插入 新建元件 命令 在打开的 创建新元件 对话框中 选择 图形 选项 新建图形元件 23 4 12处理对象 在Flash中 可以对对象进行变形 扭曲 缩放 旋转等操作 具体操作如下所示 23 5使用文本 文本是网页中传递信息的主要方式 本节中主要讲解使用文本内容 以及对文本内容进行相关设置的知识 下面进行详细讲解 23 5 1创建文本 在Flash中 可以创建的文本有三种 静态文本 动态文本和输入文本 其中静态文本是只固定不变的文本 动态文本是指可以动态更换的文本 输入文本是指可以输入到表单或调查表中的文本 具体操作如下所示 23 5 2定义文本的属性 本小节讲解使用文本属性面板定义文本的相关属性 具体操作如下所示 23 5 3检查拼写 使用检查拼写功能 可以检查Flash文档中的文本拼写 具体操作如下所示 23 5 4分离文本 在Flash中可以通过分离文本 将文本框中的文本分离成独立的部分 分离后 可以对每个独立的文本进行处理 具体操作如下所示 23 6使用声音 在Flash中可以使用各种格式的声音文件 同时可以控制声音的播放 停止和循环等 下面进行详细讲解 23 6 1添加声音 在Flash中通常可以使用WAV格式 MP3格式 AIFF格式 QuickTime格式 SunAU格式的声音文件 在使用声音文件时 一般要将声音文件导入到库面板中