Flash应用高级技巧

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

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

2、单动画的制作 八、习题与实验指导,一、Flash 简介,Flash是由美国Macromedia公司出品的、用于矢量图形编辑和动画创作的专业软件。Macromedia成立于1992年。它在1998年收购了一家开发制作Director网络发布插件FutureSplash的小公司，并继续发展了FutureSplash ，这就是后来广泛流行的Flash系列。 Flash号称“网页制作三剑客”（Dreamweaver、Fireworks和Flash）之一。它以强大的矢量动画制作和灵活的交互制作功能，成为多媒体网页动画制作的主流，逐渐占据了网络广告的主体地位。它的动画文件格式SWF甚至已经成为当前网络动画

3、的标准格式。 2003年底，Macromedia公司推出了两种版本的Flash平台。 专门面向设计者的Flash8 （中文版） 专门面向开发者的Flash 8 Professional （中文版） Flash与其他动画制作软件相比有很多的优点 动画体积小 插件工作方式 交互功能 支持流式下载,支持多种文件导入（Photoshop、Illustrator、Freehand） 灵巧的声音编辑模式 独特的动画效果（逐帧动画、过渡动画和遮罩特效）,二、Flash 8的新增功能,Flash 8与Flash旧版本相比，完全称得上是质的飞跃。它把矢量图的精确性和灵活性与位图、声音、动画和高级交互性融合在一起

4、，能够创造出极其吸引力的高效网页。该版本注重创建、导入和处理多各类型的媒体，与以前版本相比增加了许多实用性的新功能。 增强时间轴特效 更加面向对象的行为 支持快捷键操作 全面支持PDF和EPS 更新的模板 集成的帮助系统 拼写检查器 查找与替换 新增CSS样表 文档选项卡 提示：Internet Explore5.0和Navigator4.0以上都自带Shockwave Flash插件。,高清晰度显示小尺寸字体 支持播放外部FLV 新增“历史记录”面板 升级动作脚本 辅助功能和组件 增强报表功能 Flash Player检测 发布配置文件 “字符串”面板 Flash Player运行性能,三、

5、Flash 8的安装,Flash 8的系统配置要求 在Windows下的系统要求 CPU： P600Mhz及其以上 操作系统：Win98、Win2000或WinXP 内存： 128MB（建议使用256MB） 硬盘空间：190MB可用磁盘空间 在Macintosh下的系统要求 CPU： 500Mhz PowerPC G3 操作系统：Mac OS 10.2.6 内存： 128MB（建议使用256MB） 硬盘空间：130MB可用磁盘空间 注： Flash 8（中文版）不支持UFS格式的Macintosh硬盘。 安装Flash 8 安装Flash 8非常简单，只需根据安装向导的步骤操作即可。,四、Fl

6、ash 8的工作环境,“开始”页面的认识：主要包括四大部分。 打开最近项目 创建新项目 从模板创建 帮助 Flash 8操作界面的认识（如图所示） 标题栏 菜单栏 工具栏 工具箱 “时间轴”面板：包括图层控制区和时间轴控制区两部分。 浮动面板 工作区及舞台,Flash 8操作界面的认识,五、Flash 8文件的基本操作,一、Flash MX 2004的文件操作 创建文件 在“开始”页中单击“创建新项目”中的“Flash文档” 文件新建常规 Flash文档（单击“新建”按钮也可） 文件新建模板选择一种模板确定 注：在新建文档时，往往需要设置文档的属性。如文档大小、帧频、背景颜色及其他颜色。 打开

7、文件：文件打开 保存文件：文件保存 二、历史记录 查看历史记录：窗口其他面板历史记录 使用历史记录 清除历史记录：在历史记录面板中单击“清除历史记录”命令。,帧频,帧频-是指动画的播放速度。即在一秒钟内播放的帧数。 帧数的单位是“FPS”（帧/每钞）。 帧频越小，播放速度越慢；帧频越大，播放速度越快。,六、关于Flash 8 Player插件,Flash Player插件简介 Flash动画可以输出多种格式，其中最常见的“. swf”文件，只能在安装了Flash Player插件的浏览器中才能播放。 默认情况下， Flash Player7.0将随Flash 8一起安装。 Flash Play

8、er的安装。可通过以下几种方法安装： 安装Flash 8 软件 浏览器升级到5.5以上 Windows升级到Windows XP 提示：如果把播放器打包到文件中，就不需要单独安装Flash Player。执行“文件创建播放器”命令即可。生成. exe文件。 配置Flash Player服务器 配置服务器，就是建立正确的多部分网际邮件扩展（MIME）类型，以便服务器可以将具有“.swf”扩展名的文件识别为文Shockwave Flash文件。 要配置Flash Player服务器，可以参考WEB服务器文档资料或与网管联系。,七、初试简单动画的制作,一、Welcmoe动画。操作步骤如下： 新建文件

9、 在第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做到本子上。 上机实习 P23，15小题。 制作动画“WELCOME”，见教材P21。,第二讲 基本图形的绘制与编辑（重点）,一、位图和矢量图形简介 二、绘图工具箱及绘图工具 三、使用颜色 四、调整绘图环境四、调整绘图环境 五、图形编辑 六

10、、应用实例 立体金色五角星 绘制“情人节”贺卡 七、习题与实验指导,一、位图和矢量图形简介,位图图形 位图图形：是由独立的像素点排列组成的。像素是一些极其细微的正方形。每个像素都可以独立表现其明暗度和颜色，且像素点的位置和颜色都必须存储在内存中。因此，位图占用较多的内存，且文件尺寸较大。 位图图形，一般用于表现颜色丰富以及构图复杂的图片和相片等。 位图与分辨率有关。图形放大后，会产生“锯齿”现象，影响其画质。 矢量图形 矢量图形：是由真正数学意义上的直线或曲线组成。只描述了图形的形态和颜色的属性。 矢量图形，占用内存少，且文件尺寸小。适合网络使用。 矢量图形，与分辨率无关。图形无级放大，不会产

11、生“锯齿”现象，也不会影响其画质。,二、绘图工具箱及绘图工具,工具区 选择工具 部分选取工具 线条工具 套索工具 钢笔工具 文本工具 椭圆工具 矩形工具 铅笔工具 刷子工具 任意变形工具 填充变形工具 墨水瓶工具 颜料桶工具 滴管工具 橡皮擦工具,视图区 手形工具 缩放工具 颜色区 笔触颜色按钮 填充颜色按钮 默认颜色按钮 禁用颜色按钮 交换颜色按钮 选项区 该选区会出现所选按钮相应的选项按钮,三、使用颜色,颜色的选取 使用“颜色”区域中的笔触和填充按钮 使用“属性”面板 使用“混色器”面板（窗口设计面板混色器） 使用Alpha透明色 在“混色器”面板中设置Alpha透明色 0%表示完全透明，

12、100%表示完全不透明。 创建或编辑渐变色 在“混色器”面板中编辑渐变色 渐变色有两种：线性渐变和放射状渐变。 位图填充 要对位图进行填充，必须事先导入位图。 在“混色器”面板中的“填充样式”下拉菜单中选择位图填充。,四、调整绘图环境,使用标尺 显示或隐藏标尺：视图标尺 修改标尺度量单位：修改文档 使用辅助线 添加辅助线：用鼠标拖动边框可添加辅助线。 设置辅助线首选参数：视图辅助线编辑辅助线 显示或隐藏辅助线：视图辅助线显示辅助线 使用网格线 显示或隐藏网格线：视图网格显示网格 设置网格参数：视图网格编辑网格,五、图形编辑,选择、移动、复制、删除对象 移动对象：可用选取工具、方向键、信息面板、

13、属性面板、菜单命令。 复制对象：可使用“选取”工具、菜单命令。 删除对象：可使用DEL键、编辑菜单中的“清除”或“剪切”命令。 对象的组合与解组 对象的组合：修改组合 对象的解组：修改取消组合 编辑组合中的对象：编辑编辑所选项目 退出编辑：编辑全部编辑，或单击“时间轴”中的“场景1” 对象的翻转、对齐与重叠 对象的翻转：修改变形水平翻转/垂直翻转 对象的对齐：窗口设计面板对齐 对象的重叠：修改对齐，修改排列 线条与填充的处理技巧 将线条转为填充：修改形状将线条转为填充，后使用颜料桶渐变填充。 填充的扩展和柔化：修改修改形状扩展填充/柔化填充边缘,应用实例立体金色五角星,新建Flash 文档 绘

14、制一个五角星 使用线条工具，选中对齐按钮，从中心向五角引出5条直线 再在五角星的内角引出5条直线 选择颜料桶，设置“放射状”渐变：圆心色为浅黄色（FFFF66）圆边色为深黄色（FF9900）。对五角星进行间隔填充。 在混色器中拖动色标，交换色标位置，即交换圆心色和圆边色。对五角星的剩余区域进行填充。 选中所有边线及引线，按DEL删除 保存文件,应用实例 “情人节”贺卡,绘制“烛焰”图形元件 插入新建元件选择“图形” 绘制一个椭圆，并调整成“烛焰”形状的图形（无填充色） 用放射渐变色填充并适当调整（左色标白色，并移至中部；右色标黄色） 绘制“烛身”图形元件 绘制一个椭圆，并调整成“烛身”形状的图

15、形（无填充色） 用放射渐变色填充并适当调整（左色标黄色F5DD38，并移至中部；右色标红色F76648） 修饰烛身（F76648，F5DD38；刷子设为黄色） 删除边框线 绘制“烛光”图形元件 设置放射渐变色（左色标黄色并右移；中红；右白且Alpha为0） 绘制一个圆，并调整成烛光形状 组装“蜡烛”图形元件 在图层1，绘制整个烛身，并适当调整 在图层2，拖放“烛焰”，并适当调整 在图层3，拖放“烛光”，并适当调整,绘制“心”图形元件 绘制心图，并用线性渐变（AF057C，E207C8）从右下向左上拖动填充。同时删除边框线。 新建图层 绘制“珍珠”图形元件 绘制“项链”图形元件 绘制“情人节”图

16、形元件 完成整个画面制作,七、习题与实验指导,笔做作业 1、绘图工具箱的“工具”区中包括哪些工具？简单说明各工具的主要功能。 2、如何进行位图填充？ 3、线条与填充有哪些处理技巧？ 上机实习 1、绘制“金色五角星”。 2、绘制“情人节”贺卡。,第三讲 Flash MX 2004的文本操作,一、创建文本 二、编辑文本 三、文本处理 文本变形 拼写设置与检查拼写 查找与替换 四、应用实例 金鸡报晓 彩图文字（北京奥运） 加法程序 文字飞舞特效 五、习题与实验指导,一、创建文本,文本类型：在Flash MX 2004中有三种类型的文本。 静态文本：在动画播放过程中不可编辑和修改的文本。 动态文本：在动画播放过程中，可通过事件激发来显示的文本。 输入文本：在动画播放过程中，为用户提供文本的输入，以产生交互性。 创建文本的方法 单击“文本”工具，在“文本”属性面板中选择设置，在舞台中即可