Flash应用高级技巧资料

《Flash应用高级技巧资料》由会员分享，可在线阅读，更多相关《Flash应用高级技巧资料（151页珍藏版）》请在金锄头文库上搜索。

1、Flash动画设计 罗佐清四川工程职业技术学院计算机科学系 电子教案 讲授目录 第一讲Flash8概述第二讲基本图形的绘制与编辑 重点 第三讲Flash8文本操作第四讲元件 实例和库第五讲制作动画 重点 第六讲使用声音和视频第七讲动作脚本的使用与提高 重点 难点 第八讲组件和模板 重点 第九讲动画的导出和发布第十讲综合练习总复习 第一讲Flash概述 一 Flash8简介二 Flash8新增功能三 Flash8安装四 Flash8工作环境五 Flash8文件的基本操作六 关于FlashPlayer插件七 初试简单动画的制作八 习题与实验指导 一 Flash简介 Flash是由美国Macrome

2、dia公司出品的 用于矢量图形编辑和动画创作的专业软件 Macromedia成立于1992年 它在1998年收购了一家开发制作Director网络发布插件FutureSplash的小公司 并继续发展了FutureSplash 这就是后来广泛流行的Flash系列 Flash号称 网页制作三剑客 Dreamweaver Fireworks和Flash 之一 它以强大的矢量动画制作和灵活的交互制作功能 成为多媒体网页动画制作的主流 逐渐占据了网络广告的主体地位 它的动画文件格式SWF甚至已经成为当前网络动画的标准格式 2003年底 Macromedia公司推出了两种版本的Flash平台 专门面向设计

3、者的Flash8 中文版 专门面向开发者的Flash8Professional 中文版 Flash与其他动画制作软件相比有很多的优点动画体积小插件工作方式交互功能支持流式下载 支持多种文件导入 Photoshop Illustrator Freehand 灵巧的声音编辑模式独特的动画效果 逐帧动画 过渡动画和遮罩特效 二 Flash8的新增功能 Flash8与Flash旧版本相比 完全称得上是质的飞跃 它把矢量图的精确性和灵活性与位图 声音 动画和高级交互性融合在一起 能够创造出极其吸引力的高效网页 该版本注重创建 导入和处理多各类型的媒体 与以前版本相比增加了许多实用性的新功能 增强时间轴特

4、效更加面向对象的行为支持快捷键操作全面支持PDF和EPS更新的模板集成的帮助系统拼写检查器查找与替换新增CSS样表文档选项卡提示 InternetExplore5 0和Navigator4 0以上都自带ShockwaveFlash插件 高清晰度显示小尺寸字体支持播放外部FLV新增 历史记录 面板升级动作脚本辅助功能和组件增强报表功能FlashPlayer检测发布配置文件 字符串 面板FlashPlayer运行性能 三 Flash8的安装 Flash8的系统配置要求在Windows下的系统要求CPU P 600Mhz及其以上操作系统 Win98 Win2000或WinXP内存 128MB 建议使

5、用256MB 硬盘空间 190MB可用磁盘空间在Macintosh下的系统要求CPU 500MhzPowerPCG3操作系统 MacOS10 2 6内存 128MB 建议使用256MB 硬盘空间 130MB可用磁盘空间注 Flash8 中文版 不支持UFS格式的Macintosh硬盘 安装Flash8安装Flash8非常简单 只需根据安装向导的步骤操作即可 四 Flash8的工作环境 开始 页面的认识 主要包括四大部分 打开最近项目创建新项目从模板创建帮助Flash8操作界面的认识 如图所示 标题栏菜单栏工具栏工具箱 时间轴 面板 包括图层控制区和时间轴控制区两部分 浮动面板工作区及舞台 Fl

6、ash8操作界面的认识 五 Flash8文件的基本操作 一 FlashMX2004的文件操作创建文件在 开始 页中单击 创建新项目 中的 Flash文档 文件 新建 常规 Flash文档 单击 新建 按钮也可 文件 新建 模板 选择一种模板 确定注 在新建文档时 往往需要设置文档的属性 如文档大小 帧频 背景颜色及其他颜色 打开文件 文件 打开保存文件 文件 保存二 历史记录查看历史记录 窗口 其他面板 历史记录使用历史记录清除历史记录 在历史记录面板中单击 清除历史记录 命令 帧频 帧频 是指动画的播放速度 即在一秒钟内播放的帧数 帧数的单位是 FPS 帧 每钞 帧频越小 播放速度越慢 帧频

7、越大 播放速度越快 六 关于Flash8Player插件 FlashPlayer插件简介Flash动画可以输出多种格式 其中最常见的 swf 文件 只能在安装了FlashPlayer插件的浏览器中才能播放 默认情况下 FlashPlayer7 0将随Flash8一起安装 FlashPlayer的安装 可通过以下几种方法安装 安装Flash8软件浏览器升级到5 5以上Windows升级到WindowsXP提示 如果把播放器打包到文件中 就不需要单独安装FlashPlayer 执行 文件 创建播放器 命令即可 生成 exe文件 配置FlashPlayer服务器配置服务器 就是建立正确的多部分网际邮

8、件扩展 MIME 类型 以便服务器可以将具有 swf 扩展名的文件识别为文ShockwaveFlash文件 要配置FlashPlayer服务器 可以参考WEB服务器文档资料或与网管联系 七 初试简单动画的制作 一 Welcmoe动画 操作步骤如下 新建文件在第1帧 插入关键帧 并输入W 同上 在第2帧到第7帧 分别插入关键帧 并分别输入e l c o m e 分别在第9 11 13 15帧 插入关键帧分别在第9 13帧 按下 Del 设置帧频为6 选中1至15帧 向后移动一帧 保存文件测试文件发布文件二 移动的花 八 习题与实验指导 笔做作业P22 一题做到书上 P22 二题的2 3 4做到本

9、子上 上机实习P23 1 5小题 制作动画 WELCOME 见教材P21 第二讲基本图形的绘制与编辑 重点 一 位图和矢量图形简介二 绘图工具箱及绘图工具三 使用颜色四 调整绘图环境四 调整绘图环境五 图形编辑六 应用实例立体金色五角星绘制 情人节 贺卡七 习题与实验指导 一 位图和矢量图形简介 位图图形位图图形 是由独立的像素点排列组成的 像素是一些极其细微的正方形 每个像素都可以独立表现其明暗度和颜色 且像素点的位置和颜色都必须存储在内存中 因此 位图占用较多的内存 且文件尺寸较大 位图图形 一般用于表现颜色丰富以及构图复杂的图片和相片等 位图与分辨率有关 图形放大后 会产生 锯齿 现象

10、影响其画质 矢量图形矢量图形 是由真正数学意义上的直线或曲线组成 只描述了图形的形态和颜色的属性 矢量图形 占用内存少 且文件尺寸小 适合网络使用 矢量图形 与分辨率无关 图形无级放大 不会产生 锯齿 现象 也不会影响其画质 二 绘图工具箱及绘图工具 工具区选择工具部分选取工具线条工具套索工具钢笔工具文本工具椭圆工具矩形工具铅笔工具刷子工具任意变形工具填充变形工具墨水瓶工具颜料桶工具滴管工具橡皮擦工具 视图区手形工具缩放工具颜色区笔触颜色按钮填充颜色按钮默认颜色按钮禁用颜色按钮交换颜色按钮选项区该选区会出现所选按钮相应的选项按钮 三 使用颜色 颜色的选取使用 颜色 区域中的笔触和填充按钮使用

11、属性 面板使用 混色器 面板 窗口 设计面板 混色器 使用Alpha透明色在 混色器 面板中设置Alpha透明色0 表示完全透明 100 表示完全不透明 创建或编辑渐变色在 混色器 面板中编辑渐变色渐变色有两种 线性渐变和放射状渐变 位图填充要对位图进行填充 必须事先导入位图 在 混色器 面板中的 填充样式 下拉菜单中选择位图填充 四 调整绘图环境 使用标尺显示或隐藏标尺 视图 标尺修改标尺度量单位 修改 文档使用辅助线添加辅助线 用鼠标拖动边框可添加辅助线 设置辅助线首选参数 视图 辅助线 编辑辅助线显示或隐藏辅助线 视图 辅助线 显示辅助线使用网格线显示或隐藏网格线 视图 网格 显示网格设

12、置网格参数 视图 网格 编辑网格 五 图形编辑 选择 移动 复制 删除对象移动对象 可用选取工具 方向键 信息面板 属性面板 菜单命令 复制对象 可使用 选取 工具 菜单命令 删除对象 可使用 DEL 键 编辑菜单中的 清除 或 剪切 命令 对象的组合与解组对象的组合 修改 组合对象的解组 修改 取消组合编辑组合中的对象 编辑 编辑所选项目退出编辑 编辑 全部编辑 或单击 时间轴 中的 场景1 对象的翻转 对齐与重叠对象的翻转 修改 变形 水平翻转 垂直翻转对象的对齐 窗口 设计面板 对齐对象的重叠 修改 对齐 修改 排列线条与填充的处理技巧将线条转为填充 修改 形状 将线条转为填充 后使用颜

13、料桶渐变填充 填充的扩展和柔化 修改 修改 形状 扩展填充 柔化填充边缘 应用实例 立体金色五角星 新建Flash文档绘制一个五角星使用线条工具 选中对齐按钮 从中心向五角引出5条直线再在五角星的内角引出5条直线选择颜料桶 设置 放射状 渐变 圆心色为浅黄色 FFFF66 圆边色为深黄色 FF9900 对五角星进行间隔填充 在混色器中拖动色标 交换色标位置 即交换圆心色和圆边色 对五角星的剩余区域进行填充 选中所有边线及引线 按 DEL 删除保存文件 应用实例 情人节 贺卡 绘制 烛焰 图形元件插入 新建元件 选择 图形 绘制一个椭圆 并调整成 烛焰 形状的图形 无填充色 用放射渐变色填充并适

14、当调整 左色标白色 并移至中部 右色标黄色 绘制 烛身 图形元件绘制一个椭圆 并调整成 烛身 形状的图形 无填充色 用放射渐变色填充并适当调整 左色标黄色F5DD38 并移至中部 右色标红色F76648 修饰烛身 F76648 F5DD38 刷子设为黄色 删除边框线绘制 烛光 图形元件设置放射渐变色 左色标黄色并右移 中红 右白且Alpha为0 绘制一个圆 并调整成烛光形状组装 蜡烛 图形元件在图层1 绘制整个烛身 并适当调整在图层2 拖放 烛焰 并适当调整在图层3 拖放 烛光 并适当调整 绘制 心 图形元件绘制心图 并用线性渐变 AF057C E207C8 从右下向左上拖动填充 同时删除边框

15、线 新建图层绘制 珍珠 图形元件绘制 项链 图形元件绘制 情人节 图形元件完成整个画面制作 七 习题与实验指导 笔做作业1 绘图工具箱的 工具 区中包括哪些工具 简单说明各工具的主要功能 2 如何进行位图填充 3 线条与填充有哪些处理技巧 上机实习1 绘制 金色五角星 2 绘制 情人节 贺卡 第三讲FlashMX2004的文本操作 一 创建文本二 编辑文本三 文本处理文本变形拼写设置与检查拼写查找与替换四 应用实例金鸡报晓彩图文字 北京奥运 加法程序文字飞舞特效五 习题与实验指导 一 创建文本 文本类型 在FlashMX2004中有三种类型的文本 静态文本 在动画播放过程中不可编辑和修改的文本

16、 动态文本 在动画播放过程中 可通过事件激发来显示的文本 输入文本 在动画播放过程中 为用户提供文本的输入 以产生交互性 创建文本的方法单击 文本 工具 在 文本 属性面板中选择设置 在舞台中即可拖出文本框 三种文本框的外观区别静态文本框的手柄在右上角 退出编辑后 无边框线出现 动态文本框的手柄在右下角 退出编辑后 有边框线出现 输入文本框的手柄在右下角 退出编辑后 有边框线出现 三种类型文本之间的相互转换在 文本 属性面板中选择文本类型即可 二 编辑文本 选择文本与Word操作基本相同设置文本属性 字体 字号 样式 颜色 字间距 锯齿文本等 在 文本 属性面板中选择设置设置段落属性在 文本 属性面板中选择设置设置文本超链接在 文本 属性面板中激活 超链接 按钮 即可设置URL地址 在目标框的下拉列表中有四个选项 blank 打开新的浏览窗口 parent 打开当前窗口的父窗口 top 以级别最高的窗口来显示 self 以当前窗口来显示 三 文本处理 分离文本要对文字进行颜色填充 必须将文字分离成矢量图形执行 修改 分离 命令两次即可文本变形 着色 边框 旋转 扭曲 翻转等 对矢量文本