电子教案·《Flash课件.ppt

1、第10章添加声音教学目的本章内容v 导入声音导入声音v 声音简述声音简述导入声音导入声音10.1 导入声音声音简述导入声音v 为按钮添加声音为按钮添加声音v 为动画添加声音为动画添加声音给动画和按钮添加声音给动画和按钮添加声音10.2 给动画和按钮添加声音为按钮添加声音为按钮添加声音添加声音后的时间轴效果添加声音后的时间轴效果为动画添加声音v 声音同步声音同步v 声音效果声音效果v 循环循环v 应用软件应用软件编辑声音编辑声音10.3 编辑声音声音同步声音效果循环声音设置“发布设置发布设置”对话框中的声音设置对话框中的声音设置第11章发布和导出动画教学目的本章内容v 查看和控制测试查看和控制测

2、试v 测试影片和场景测试影片和场景测试动画测试动画11.1 测试动画测试影片和场景查看和控制测试查看控制调试v 简化简化v 使用元件使用元件v 优化图片优化图片优化动画优化动画11.2 优化动画简化使用元件 在在Flash中不要轻易使用点阵位图，因为位图表现的内容清晰，但输出动画中不要轻易使用点阵位图，因为位图表现的内容清晰，但输出动画的文件也明显增大。所以，在可以的情况下，尽量使用矢量图来代替位图。的文件也明显增大。所以，在可以的情况下，尽量使用矢量图来代替位图。当然，更不要使用真彩色或更高的位图当然，更不要使用真彩色或更高的位图优化图片v 导出动画导出动画v 发布动画发布动画导出和发布动画

3、导出和发布动画11.3 导出和发布动画导出动画发布动画循环第12章精彩实例制作教学目的本章内容实例1 铬金属文字【学习目的学习目的】主要掌握渐变色的设置和填充变形工具的使用主要掌握渐变色的设置和填充变形工具的使用【作品预览作品预览】本实例制作的金属铬文字特效如下图所示本实例制作的金属铬文字特效如下图所示实例2 动态圆形按钮【学习目的学习目的】主要掌握按钮元件的制作主要掌握按钮元件的制作【作品预览作品预览】本实例产生一个动态的圆形按钮，如图所示本实例产生一个动态的圆形按钮，如图所示实例3 文字上循环播放电影【学习目的学习目的】主要掌握如何使用遮罩层来制作动画主要掌握如何使用遮罩层来制作动画【作品

4、预览作品预览】本实例实现文字中动态图片的效果，就像循环放映电影一样，其实电影文字本实例实现文字中动态图片的效果，就像循环放映电影一样，其实电影文字只是巧妙地运用了遮罩技术，在文本不动的情况下，作为背景的图片发生了只是巧妙地运用了遮罩技术，在文本不动的情况下，作为背景的图片发生了移位，如图所示移位，如图所示实例4 旋转地球【学习目的学习目的】主要掌握遮罩层的使用及补间动画的制作主要掌握遮罩层的使用及补间动画的制作【作品预览作品预览】本实例制作出一个旋转的地球效果，如图所示本实例制作出一个旋转的地球效果，如图所示实例5 广告条制作【学习目的学习目的】主要掌握对时间轴的控制和主要掌握对时间轴的控制和

5、Alpha值的设置值的设置【作品预览作品预览】本实例制作一个具有字体特效的宣传广告条，如图所示本实例制作一个具有字体特效的宣传广告条，如图所示 实例6 雨滴特效【学习目的学习目的】主要掌握一些简单的交换动作的制作主要掌握一些简单的交换动作的制作【作品预览作品预览】本实例制作一个雨滴特效，如图所示本实例制作一个雨滴特效，如图所示实例7 制作个人简易网站【学习目的学习目的】主要掌握不同场景之间的调用并了解一些基本的动作脚本知识来制作交互动作主要掌握不同场景之间的调用并了解一些基本的动作脚本知识来制作交互动作【作品预览作品预览】本实例是关于个人信息简易网站的制作，效果如图所示本实例是关于个人信息简易

6、网站的制作，效果如图所示 实例8 电子贺卡【学习目的学习目的】主要掌握制作不同特效字以及添加声音的方法主要掌握制作不同特效字以及添加声音的方法【作品预览作品预览】本实例制作一个情人节电子贺卡，效果如图所示本实例制作一个情人节电子贺卡，效果如图所示 实例9 调查问卷制作【学习目的学习目的】主要是掌握一些用户界面组件的应用主要是掌握一些用户界面组件的应用【作品预览作品预览】本实例制作一个小灵通网上调查问卷，效果本实例制作一个小灵通网上调查问卷，效果如图所示如图所示 第1章Flash 8基础教学目的本章内容vFlash 的功能特点的功能特点vFlash 的起源与发展的起源与发展1.1 Flash 概

7、述 Flash的前身是的前身是Jonathan Gay在学生时代编写的绘图程序在学生时代编写的绘图程序SuperPaint II 1993 Gay成立了自己的公司成立了自己的公司FutureWave 1995 开始动画软件的开发，并将其绘图软件开始动画软件的开发，并将其绘图软件SmartSketch更名为更名为FutureSplash Animator 1996 与与Macromedia公司公司 合作将并将合作将并将FutureSplash Animator更名为更名为Macromedia Flash 1.0 之后版本不断升级，从之后版本不断升级，从Flash 2.0、Flash 3.0、Fl

8、ash 4.0、Flash 5.0、Flash MX、Flash MX 2004到现在的到现在的Flash 8Flash的起源与发展 可以让网页中一个完全交互式的多媒体网站可以让网页中一个完全交互式的多媒体网站 采用矢量技术制作动画，可以任意缩放尺寸而不影响图形的质量采用矢量技术制作动画，可以任意缩放尺寸而不影响图形的质量 采用流式播放技术，可以边下载边播放，降低了对网络带宽的要求，减采用流式播放技术，可以边下载边播放，降低了对网络带宽的要求，减少了网页浏览的等待时间少了网页浏览的等待时间 使用关键帧和元使用关键帧和元 件使动画在打开网页很短时间内播放件使动画在打开网页很短时间内播放 把音乐、

9、动画、声效等交互方式融合在一起创作出动画效果把音乐、动画、声效等交互方式融合在一起创作出动画效果 通过通过Action和和FS Command可以实现交互性，使可以实现交互性，使Flash具有更大的设计具有更大的设计自由度自由度 并通过并通过 Dreamweaver可直接嵌入网页的任一位置，非常方便可直接嵌入网页的任一位置，非常方便Flash 功能特点v矢量图与点阵图矢量图与点阵图 v 帧帧v 元件元件v 层层v 库库Flash Flash 的基本概念的基本概念1.2 Flash 的基本概念矢量图与点阵图帧元件层库vFlash 8新增功能新增功能 v仅在仅在Flash Professional

10、 8中新增的功能中新增的功能 应用应用软件软件Flash Flash 新增功能新增功能1.3 Flash 新增功能Flash 8新增功能Flash 8新增功能Flash 8新增功能仅在Flash Professional 8中新增的功能 仅在Flash Professional 8中新增的功能仅在Flash Professional 8中新增的功能可以应用新的消除锯齿设置使正常大小和较小的文本可以应用新的消除锯齿设置使正常大小和较小的文本在屏幕上更清晰易读在屏幕上更清晰易读Flash 8Flash 8的操作环境的操作环境1.4 Flash 8的操作环境 v Flash 8工作界面简介工作界面简

11、介v工具栏工具栏v菜单栏菜单栏Flash 工作界面简介标题栏菜单栏工具栏时间轴面板集场景舞台属性面板绘图工具箱工具栏 撤销原操作 排列所选对象功能 粘贴文件 缩放比例 复制文件 旋转功能，显示对象的角度和倾斜角度 剪切文件 直线化所选线段 打印文件 直线编辑工具，平滑所选线段 保存当前文件 贴紧至对象功能 打开一个已经存在的文件 重复操作 新建一个Flash文件说明按钮说明按钮菜单栏第2章对象操作教学目的本章内容v 箭头工具v 贝兹选取工具v 套索工具选择对象2.1 选择对象箭头工具不同选择对象情况的比较贝兹选取工具贝兹工具：位于绘图工具栏第一行的右边，也是选取工具一种，其主要功能是改变对象的

12、形状 选中的直线或图形对象将显示其锚点，通过拖拉锚点来改变图像的形状套索工具 套索工具：选取工具的一种，与箭头工具相比它有一个较为突出的优点，即用户可以自己徒手画一个范围来选择对象 所画的区域可以是闭合的也可以是不闭合的，如果区域不闭合的话，Flash自动将其闭合移动、复制和删除对象 v 移动对象v 复制和粘贴对象v 删除对象移动对象复制和粘贴对象删除对象对象组合1.选取场景中要组合的对象2.选择“修改”“组合”命令，组合选中的对象组合对象步骤如下：对象组合3.选择“编辑”“编辑所选项目”命令，或双击所选区 域，可以发现只有属于该组的对象才正常显示。此时，用户只在“组合”的操作场景中。工作区左

13、上角的场景标记右侧出现多了一个组标记 4.编辑完成后，选择“编辑”“编辑全部”命令，可以回到场景编辑状态 5.选择“修改”“取消组合”命令，可以取消对象组合群组场景v叠放对象v对齐对象叠放对象和对齐对象2.4 叠放和对齐对象叠放对象叠放对象叠放对象对齐对象对齐对象旋转对象、调整对象比例 v 旋转对象v 调整对象比例旋转对象、调整对象比例旋转对象旋转对象旋转对象旋转对象打散对象打散对象第3章绘图教学目的本章内容绘图工具箱绘图工具箱3.1 绘图工具箱任意变形工具任意变形工具墨水瓶工具墨水瓶工具部分选取工具部分选取工具填充变形工具填充变形工具套索工具套索工具文本工具文本工具矩形工具矩形工具颜料桶工具

14、颜料桶工具橡皮擦工具橡皮擦工具刷子工具刷子工具缩放工具缩放工具笔触颜色笔触颜色填充颜色填充颜色工具选项工具选项选取工具选取工具线条工具线条工具钢笔工具钢笔工具铅笔工具铅笔工具随圆工具随圆工具滴管工具滴管工具手形工具手形工具色彩组件色彩组件选项组件选项组件v 直线工具直线工具v 椭圆工具椭圆工具v 矩形工具矩形工具绘制直线、椭圆和矩形绘制直线、椭圆和矩形 3.2 绘制直线、椭圆和矩形 直线工具椭圆工具矩形工具绘制矩形的操作和绘制椭圆的基本相同绘制矩形的操作和绘制椭圆的基本相同矩形工具使用铅笔、钢笔和笔刷画图 v 使用铅笔工具使用铅笔工具v 使用钢笔工具使用钢笔工具v 使用笔刷工具使用笔刷工具使用

15、铅笔工具使用铅笔工具使用铅笔工具使用钢笔工具使用钢笔工具使用笔刷工具使用笔刷工具使用笔刷工具v 使用颜色使用颜色v 使用颜料桶工具使用颜料桶工具v 使用滴管工具使用滴管工具v 墨水瓶工具墨水瓶工具使用颜色与填充使用颜色与填充3.4 使用颜色与填充 使用颜色颜色有两种类型：固定色和渐变色颜色有两种类型：固定色和渐变色“混色器”面板 填充和描绘混色器面板“颜色样本”面板混色器的导入和导出 混色器的导入和导出混色器的导入和导出 使用颜料桶工具 使用颜料桶工具使用颜料桶工具单色填充单色填充的使用方法如下：单色填充的使用方法如下：渐变填充渐变填充和单色填充相似，只是在选择填充颜色的时候要选择渐变色渐变填

16、充和单色填充相似，只是在选择填充颜色的时候要选择渐变色渐变填充的使用方法如下：渐变填充的使用方法如下：位图填充 Flash 8除了单色填充和渐变填充外，还提供了位图填充功能，也就是用某个位除了单色填充和渐变填充外，还提供了位图填充功能，也就是用某个位图来填充区域图来填充区域 位图填充的使用方法如下：位图填充的使用方法如下：位图填充使用滴管工具使用滴管工具墨水瓶工具墨水瓶工具橡皮工具v 可以将场景内的所有图形擦除可以将场景内的所有图形擦除 v也可以有选择地擦除一个填充区域、一条线等也可以有选择地擦除一个填充区域、一条线等橡皮工具橡皮工具橡皮工具第4章使用文本教学目的本章内容创建文本创建文本4.1

17、 创建文本 动态文本动态文本 输入文本输入文本：固定文本宽度的输入方式固定文本宽度的输入方式：创建文本：文本工具属性面板文本工具属性面板创建文本不固定宽度输入文本不固定宽度输入文本固定宽度输入固定宽度输入创建文本动态文本动态文本v 编辑文字编辑文字v 创建字体元件创建字体元件v 创建可滚动的动态文本创建可滚动的动态文本编辑文本编辑文本4.2 编辑文本编辑文本编辑文本编辑文本编辑文本创建字体元件创建字体元件创建可滚动的动态文本举一个荧光文字特效的例子进行说明：举一个荧光文字特效的例子进行说明：操作步骤如下：操作步骤如下：1.选择选择“文件文件”“新建新建”命令，建命令，建立一新的立一新的Flas

18、h文档文档2.选择选择“修改修改”“文档文档”命令，弹命令，弹出出“文档属性文档属性”对话框。将尺寸定对话框。将尺寸定为为500150，背景颜色为蓝色，背景颜色为蓝色文字特效文字特效4.3 文字特效“文档属性文档属性”对话框对话框3.选择绘图工具箱中的文字工具，在文字工具属性面板中，单击字体颜选择绘图工具箱中的文字工具，在文字工具属性面板中，单击字体颜色设置按钮，将弹出颜色样本选择面板。单击面板右上角的自定义颜色设置按钮，将弹出颜色样本选择面板。单击面板右上角的自定义颜色按钮，弹出颜色设置对话框，如下图所示，按照该图所示的参数设色按钮，弹出颜色设置对话框，如下图所示，按照该图所示的参数设置这个

19、对话框。然后单击置这个对话框。然后单击“确定确定”按钮，在文字工具属性面板中将字按钮，在文字工具属性面板中将字型选为华文行楷，字体大小改为型选为华文行楷，字体大小改为120文字特效文字特效文字工具属性面板文字工具属性面板4.在工作区中单击，然后在文本框中输入文字在工作区中单击，然后在文本框中输入文字“文字特效文字特效”5.拖放文本框的小方形控制点将文字排成直行拖放文本框的小方形控制点将文字排成直行6.选择工具箱中的箭头工具，调整文字的位置，将其放置在窗口的中间位选择工具箱中的箭头工具，调整文字的位置，将其放置在窗口的中间位置置7.用箭头工具选中文字，然后选择用箭头工具选中文字，然后选择“修改修

20、改”“分解组件分解组件”命令，或者按命令，或者按快捷键快捷键Ctrl+B，将选中的文字打散，将选中的文字打散文字特效文字特效调整位置调整位置将文字打散将文字打散输入文字输入文字8.选中工具箱中的墨水瓶工具，然后在选中工具箱中的墨水瓶工具，然后在“属性属性”面板中单击颜色按面板中单击颜色按钮，将其颜色改为明黄色，线条宽度为钮，将其颜色改为明黄色，线条宽度为19.将鼠标移动到工作区中，鼠标光标将变成墨水瓶形状，用鼠标依将鼠标移动到工作区中，鼠标光标将变成墨水瓶形状，用鼠标依次单击文字边框，文字周围将出现明黄色边框次单击文字边框，文字周围将出现明黄色边框10.选择绘图工具箱中的箭头工具，按住选择绘图

21、工具箱中的箭头工具，按住Shift键，依次双击每个字外键，依次双击每个字外的明黄色边框，将它们全部选中的明黄色边框，将它们全部选中文字特效文字特效文字描边文字描边全部选中全部选中11.选择选择“修改修改”“形状形状”“将线条转换为填充将线条转换为填充”命令，黄色边框命令，黄色边框被转变成可填充区域被转变成可填充区域12.选择选择“修改修改”“形状形状”“柔化填充边缘柔化填充边缘”命令，弹出如下图所命令，弹出如下图所示的示的“柔化填充边缘柔化填充边缘”对话框，按照图示设置参数。单击对话框，按照图示设置参数。单击“确定确定”按钮，关闭对话框按钮，关闭对话框13.选择工具栏中箭头工具，在工作区的空白

22、处单击，取消对文字边框选择工具栏中箭头工具，在工作区的空白处单击，取消对文字边框的选择。这时可以看到，明黄色边线两边出现了模糊渐变，就形成的选择。这时可以看到，明黄色边线两边出现了模糊渐变，就形成了荧光文字的效果了荧光文字的效果文字特效文字特效“柔化填充边缘柔化填充边缘”对话框对话框荧光文字荧光文字第5章元件、实例和库 教学目的本章内容5.1 认识元件和实例创建元件v把工作区中的现有元素转换成元件把工作区中的现有元素转换成元件v创建新元件创建新元件v将动画转换为影片剪辑将动画转换为影片剪辑v复制元件复制元件把工作区中的现有元素转换成元件创建新元件创建新元件创建新元件将动画转换为影片剪辑将动画转

23、换为影片剪辑复制元件v 创建按钮创建按钮 v 测试按钮测试按钮创建按钮创建按钮5.3 创建按钮按钮创建按钮创建按钮测试按钮v 在当前位置编辑在当前位置编辑v 在新窗口中编辑元件在新窗口中编辑元件v 在元件编辑模式下编辑元件在元件编辑模式下编辑元件v退出元件编辑模式退出元件编辑模式编辑元件编辑元件5.4 编辑元件 在当前位置编辑 在新窗口中编辑元件在元件编辑模式下编辑元件退出元件编辑模式v 改变实例属性改变实例属性v 为实例交换元件为实例交换元件v 改变实例类型改变实例类型v 打散实例打散实例使用元件实例使用元件实例5.5 使用元件实例 改变实例属性为实例交换元件改变实例类型打散实例v 导入图形

24、导入图形v 转换位图为矢量图转换位图为矢量图导入图形导入图形5.6 导入图形 导入图形导入图形导入图形转换位图为矢量图v 公用库公用库v 共享库资源共享库资源库资源库资源5.7 库资源 公用库共享库资源第6章层的使用教学目的本章内容v 层的查看层的查看v 编辑图层编辑图层v 创建新层创建新层创建、编辑图层创建、编辑图层 6.1 创建、编辑图层 创建新层层的查看编辑图层层的选取删除图层复制图层锁定图层层的命名改变图层顺序创建图层文件夹v 创建一般引导层创建一般引导层v 创建运动引导层创建运动引导层v 将一般引导层转换为运动引导层将一般引导层转换为运动引导层使用引导层使用引导层6.2 使用引导层创

25、建一般引导层创建运动引导层将一般引导图层转换为运动引导层使用遮罩图层使用遮罩图层6.3 使用遮罩图层使用遮罩图层使用遮罩图层图层属性图层属性6.4 图层属性 第7章创建动画 教学目的本章内容7.1 创建关键帧v 创建关键帧创建关键帧v 帧与动画帧与动画v 设置帧频率设置帧频率创建关键帧创建关键帧帧与动画帧与动画帧与动画帧与动画设置帧频率动画与图层创建运动动画v 创建补间动作动画创建补间动作动画v 设置补间动作动画属性设置补间动作动画属性v 颜色变化颜色变化创建补间动作动画创建补间动作动画设置补间动作动画属性颜色变化创建补间形状动画创建补间形状动画7.4 创建补间形状动画 下面制作一个简单的动画

26、来说明创建补间形状动画的方法，步骤如下：下面制作一个简单的动画来说明创建补间形状动画的方法，步骤如下：1.新建新建Flash文件，然后设置影片的属性，包括背景色和屏幕大小文件，然后设置影片的属性，包括背景色和屏幕大小2.在时间轴窗口选择当前图层，然后单击选择一空白单元格，按在时间轴窗口选择当前图层，然后单击选择一空白单元格，按F6键，键，建立起始关键帧。如果是第一帧，可省去此操作建立起始关键帧。如果是第一帧，可省去此操作3.选择工具箱中的工具绘制图形，作为补间形状的起始图形。在本例中，选择工具箱中的工具绘制图形，作为补间形状的起始图形。在本例中，选用椭圆工具在工作区左侧画一个圆形，并填充颜色选

27、用椭圆工具在工作区左侧画一个圆形，并填充颜色 补间形状动画与补间动作动画有很多地方相似，但是它们的根本区别在于：补间形状动画与补间动作动画有很多地方相似，但是它们的根本区别在于：补间形状动画所实现的是某一对象从一个形状到另一个形状的渐变补间形状动画所实现的是某一对象从一个形状到另一个形状的渐变创建补间形状动画创建补间形状动画4.在起始帧后的某一帧插入空白关键帧，作为变形的下一个关键帧。本在起始帧后的某一帧插入空白关键帧，作为变形的下一个关键帧。本例中，在例中，在15帧的地方插入一个空白关键帧帧的地方插入一个空白关键帧5.在新的关键帧中绘制图形，作为变形后的形状。本例中，选用矩形工在新的关键帧中

28、绘制图形，作为变形后的形状。本例中，选用矩形工具，画一个正方形，并填充颜色具，画一个正方形，并填充颜色6.选择关键帧，调整图形的位置选择关键帧，调整图形的位置7.在两个关键帧中任选一帧，单击后，在帧在两个关键帧中任选一帧，单击后，在帧“属性属性”面板中选择面板中选择“形状形状”补间补间创建补间形状动画创建补间形状动画8.在在30帧的地方插入关键帧，然后选择直线工具绘制一个三角形，并填充帧的地方插入关键帧，然后选择直线工具绘制一个三角形，并填充颜色颜色9.在在15帧和帧和30帧间建立形状补间动画帧间建立形状补间动画 形状变形的过程形状变形的过程v 添加时间轴特效添加时间轴特效 v 时间轴特效设置

29、时间轴特效设置v 编辑时间轴特效编辑时间轴特效v 删除时间轴特效删除时间轴特效“帧帧帧帧”动画动画7.5 “帧帧”动画 添加时间轴特效时间轴特效设置编辑时间轴特效删除时间轴特效v 帧的编辑帧的编辑v 绘图纸工具的使用绘图纸工具的使用编辑动画编辑动画7.6 编辑动画 帧的编辑 帧的复制与粘贴移动帧和帧的内容删除帧插入帧动画反向绘图纸工具的使用绘图纸工具的使用 绘图纸外观轮廓显示绘图纸外观轮廓显示绘图纸标记修改绘图纸标记修改绘图纸工具的使用绘图纸工具的使用 第8章创建交互动画教学目的本章内容v数据类型与变量数据类型与变量v表达式和运算符表达式和运算符v动作脚本概述动作脚本概述动作脚本基础动作脚本基

30、础8.1 动作脚本基础动作脚本概述动作脚本术语动作脚本术语：动作脚本语法数据类型与变量数据类型与变量数据类型与变量表达式和运算符v“动作动作”面板面板v 基本动作命令基本动作命令使用使用“动作动作”面板面板8.2 使用“动作”面板“动作”面板动作面板的设置：动作面板的设置：1.向脚本添加语句向脚本添加语句基本动作命令时间轴的控制影片剪辑的控制浏览器/网络的控制 v 结构控制结构控制v 对象属性对象属性级动作脚本语言级动作脚本语言8.3 级动作脚本语言 结构控制对象属性v 给帧分配动作给帧分配动作v 给按钮分配动作给按钮分配动作v 给影片剪辑分配动作给影片剪辑分配动作创建交互动画创建交互动画8.

31、4 创建交互动画 给帧分配动作给帧分配动作给按钮分配动作给按钮分配动作给影片剪辑分配动作给影片剪辑分配动作第9章使用组件教学目的本章内容认识组件认识组件 9.1 认识组件 认识组件添加组件添加组件 9.2 添加组件 v使用使用“组件组件”面板向文档添加组件面板向文档添加组件v使用使用ActionScript在运行时添加组件在运行时添加组件使用使用“组件组件”面板向文档添加组件面板向文档添加组件使用使用ActionScriptActionScript在运行时添加组件在运行时添加组件 用户界面（用户界面（UIUI）组件）组件 9.3 用户界面（UI）组件 v文件管理类组件文件管理类组件v窗口类组件窗口类组件v日期类组件日期类组件v列表类组件列表类组件v选择类组件选择类组件v文本类组件文本类组件文件管理类组件窗口类组件日期类组件列表类组件选择类组件文本类组件