flash电子教案

1、Flash 8.0 1 1、初初 识识FLASH 2、对象编辑工具对象编辑工具 3、帧操作、帧操作 4、图层的作用、图层的作用 5 5、元件与图库的编辑、元件与图库的编辑 6、动画的基本类、动画的基本类 型型 7、动画的控制命、动画的控制命 令令 8、声效控制方法、声效控制方法 第一节：初第一节：初 识识FLASH （1）FLASH 8.0操作工作界面的剖析操作工作界面的剖析 Flash 8.0的操作工作界面的操作工作界面 对象编辑工具对象编辑工具 常规工具栏常规工具栏 绘图工具条绘图工具条 绘图工具条绘图工具条 随着Flash软件版本不断升级，其 工具越来越贴近用户，在使用时更加得 心应手。

2、 【箭头】工具 箭头工具专门用来选取各个元件， 在Flash里面轮廓线和里面的填充色是 分开的，所以想要选中的话就要先框住 对象，然后进行移动。 选取元件与改变线段的形状及长度 【部分选取部分选取】工具工具 部分选取工具可显示图形的所有顶 点，拖动节点就能对图形任意编辑。 对图形进行编辑 【任意变形任意变形】工具工具 任意变形工具可以轻松实现图形自 由的变形。 注意：把图形打散后还可以对图形 进行变形。 任意变形效果 【填充变形填充变形】工具工具 填充变形工具是对图形可以进行自 由填充，而不拘泥于其他属性。可以根 据中心点、角度及范围来调整对象颜色 的变化。 填充变形工具 【线条线条】工具工具

3、 线条工具可以绘制线条，线条的粗 细、颜色及造型均在下边的属性栏里调 整。在绘制的过程当中，按住 Shift 不 放，可以绘制出45度或水平的直线。 线条工具 【套索套索】工具工具 套索工具被选取时,其附属选项按钮 会出现在选项条中（如下图所示）。 套索工具用于不规则的形状任意圈 选对象，它可以配合箭头工具，按住 Shift 键不放，可同时选择多个对象。 【钢笔钢笔】工具工具 钢笔工具可绘制直线、曲线，而且 可调整路径上的节点。它可以自由创建 和编辑矢量图形。单击鼠标左键确定点 的位置，连续单击形成直线组成的折线 图。点左键不松手可以调整线的造型。 【文本文本】工具工具 文本工具还是用下边的属

4、性框来对 文本进行输入和编辑等操作。 【椭圆椭圆】工具工具 椭圆工具可绘制各种椭圆图案，在 绘制时按住 Shift 键不放，可绘制正圆 形。在拖动的时候有个 小圆标志，也 是正圆。而且绘制时可通过下边的属性 栏调整圆的边框与填充颜色。 【矩形矩形】工具工具 矩形工具在绘制的过程中和椭圆工 具差不多。按住 Shift 键可绘制正方形。 还可点击 更改边角半径设置。 【铅笔铅笔】工具工具 铅笔工具在导引线中使用最多。调 整铅笔工具同样在下边的属性栏里进行 调整。当铅笔工具被选取时,其附属选 项按钮会出现在选项条中，也可以通过 这个来更改铅笔工具的设置。 【刷子刷子】工具工具 刷子工具用于绘制密闭的

5、填充色构 成的图形，该工具提供了5种模式。 标准绘画颜料填充后面绘画颜料选择内部绘画 【墨水瓶墨水瓶】工具工具 墨水瓶工具可以对图形的边线进行 填充。如果说在画一个图形的时候没有 画外框线，这时就不能用箭头工具直接 选择来更改外框线，必须要用到墨水瓶 工具来对图形的边线填充。 【颜料桶颜料桶】工具工具 颜料桶工具能够填充未填色的轮廓 （但是不包括外框线）或是改变现有图 形的颜色，其附属选项如下图所示，可 根据图形封闭的空隙大小进行选择。 【吸管吸管】工具工具 用于从别处获取色块和线段的颜色， 还可以对位图进行采样。 【橡皮擦橡皮擦】工具工具 用于擦除整个图象或者是图形的一 部分。 橡皮模式：标

6、准擦除（可以擦除矢量色块和矢量线 条）、擦除填色（只擦除填充的矢量色）、擦除线条 （只擦除矢量线条）、擦除所填色（擦除选种区域中 的某部分或全部，未选区域不受影响）、内部擦除 （擦除封闭图形的内部区域） 水龙头工具：用于快速擦除矢量色块和线段。 【手形手形】工具工具 手形工具用于舞台上的内容超出工 作区的时候，使用它可以随意查看所需 内容。是个非常方便实用的工具。 【缩放缩放】工具工具 缩放工具是用于编辑图形的放大和 缩小，配合该工具的选项内容，在所需 要放大或缩小的区域画矩形，则矩形内 的对象就能按最大可容纳的比例显示， 而直接选择点击，则可以放大当前编辑 视图；如果在点击时按下 Alt 键

7、，则会 缩小当前编辑视图。 【颜色颜色】工具工具 颜色工具是Flash绘图当中相当重 要的一个工具。里面分为笔触颜色和填 充色，你可以根据自己的需要对图形进 行编辑。更改时只需要点击它们的下拉 菜单即可。 【选项选项】工具工具 工具箱中的选项主要是针对工具的 调节而设置的，它随着所选工具的不同 而显示不同的工具选项设置。但是其中 有一些工具是没有调节选项的。 请顺序单击工具条中的工具，了解详细情况。 帧操作帧操作 Flash 是一套用来设计动画的软件，可以在 关键帧之间补间或填充帧，从而生成流畅的 动画。帧和关键帧在时间轴中出现的顺序决 定它们在 Flash 应用程序中显示的顺序。 时间轴帧时

8、间轴帧 分帧的应用分帧的应用 时间轴帧时间轴帧 （1）时间轴与帧）时间轴与帧 （2）在时间轴中处理帧）在时间轴中处理帧 （3）不同帧的符号）不同帧的符号 （4）帧标记与帧注释）帧标记与帧注释 （5）帧的操作）帧的操作 （6）帧的速度）帧的速度 时间轴与帧时间轴与帧 时间轴是以时间为基础的线性表，让使用者 以时间的进行为基础，一步步地安排每个动 作。在时间轴中可处理帧和关键帧，将它们 按照对象在帧中出现的顺序进行排列。 在时间轴中处理帧在时间轴中处理帧 可以对帧或关键帧进行如下修改： 插入、选择、删除和移动帧或关键帧。 将帧和关键帧拖到同一层中的不同位置，或是拖 到不同的层中。 拷贝和粘贴帧和关

9、键帧。 将关键帧转换为帧。 从“库”面板中将一个项目拖动到舞台上，从而 将该项目添加到当前的关键帧中。 不同帧的符号不同帧的符号 代表移动渐变动画，用箭头来 显示动画的过程。 代表形状渐变动画，也用箭 头来显示，以移动渐变动画不 同表现在颜色上。 虚线表示在动画的过程中出 了问题，这时需要查看开头 与结尾的关键帧的属性。 当小写字母 “a”出现时，代表这个帧已经被指 定某个动作，当播放到这里时，会执行该动作。 帧的操作帧的操作 插入关键帧插入关键帧 拷贝和粘贴帧拷贝和粘贴帧 过渡帧过渡帧 空白关键帧空白关键帧 选取所有帧选取所有帧 帧帧 插入关键帧插入关键帧 操作步骤： 在时间轴上选取要插入的

10、关键帧的位置 然后点击鼠标右键在快捷菜单中选择 “插入关 键帧”，或者按快捷键 F6 。 提示：若要删除关键帧，只要选定关键帧，然后单击提示：若要删除关键帧，只要选定关键帧，然后单击 鼠标右键，在快捷菜单中选择鼠标右键，在快捷菜单中选择 “清除关键帧清除关键帧”即可。即可。 拷贝和粘贴帧拷贝和粘贴帧 操作步骤： 先选择要拷贝的一个帧或多个帧 在被选定的帧上单击鼠标右键，从快捷菜单中选 择 “复制帧”命令 在需要进行粘贴的位置单击鼠标右键，从快捷菜 单中选择 “粘贴帧” 过渡帧过渡帧 过渡帧用来连接两个相邻的关键帧。 过渡帧可以有不同的形态。空白关键帧之间 的过渡、移动渐变动画产生的过渡帧、无移

11、 动渐变动画之间的过渡帧。 过渡帧是不可进行编辑的。 空白关键帧空白关键帧 空白关键帧指在一个关键帧里没有添加任何 对象。 注意：使用 “插入”菜单中的 “插入关键 帧”命令定义的影格，即使里面不添加对象， 也不能叫空白关键帧。 选取所有帧选取所有帧 操作方法： 在图层栏的空白处单击，即可选中所有有效帧。 在影格编辑区单击鼠标右键，从快捷菜单中选择 “选择所有帧”，也可选中所有有效帧。 选取所有帧后的效果 帧帧 操作方法： 执行 “插入”/“时间轴”/ “帧”命令，可在选定 的帧后插入和选定帧相同的过渡帧。如果选择的 是个空白帧，就可在此帧后添加相同的过渡帧。 插入前插入后 帧的速度帧的速度

12、“视觉暂留”现象。所以一般的影片帧频都是 24帧/秒以上，才能产生连续动作的效果。 帧数越多动画文件越大，在网络上播放时， 就有可能出现问题。一般情况下，建议每秒 钟播放12帧左右。 修改 Flash 动画的帧的速度 改变帧频 分帧的应用分帧的应用 为了能够观察动画的细节，此时就需要用 到分帧显示。 如何显示分帧图如何显示分帧图 a. 改变分帧显示的方式改变分帧显示的方式 如何显示分帧图如何显示分帧图 按下时间轴下方的 ，分帧途中的所有关键帧上 的图案都可随时编辑 按下时间轴下方的 ，可将动作对象分帧显示 按下时间轴下方的 ，分帧图以轮廓线形式显现 改变分帧显示的方式改变分帧显示的方式 显示分

13、帧时，除了可以指定只显示轮廓边框 外，也可以指定显示分帧图的张数，只要按 下时间轴下方的 ，就可以从下拉菜单中选 择不同的帧数。 图层的作用图层的作用 图层的概念图层的概念 创建图层创建图层 修改层修改层 选取图层选取图层 删除图层删除图层 锁定锁定/解锁图层解锁图层 图层的重命名图层的重命名 图层的属性设置图层的属性设置 改变图层的次序改变图层的次序 查看层查看层 引导图层引导图层 遮罩层遮罩层 图层的概念图层的概念 图层就像透明的纸一样，在舞台上一层层地 向上叠加。图层可以帮助用户组织文档中的 插图。 作用： 可以在不影响其他图层上的对象的情况下，在一 个图层上绘制并编辑对象 可以利用引导

14、层使绘画和编辑更加容易 可以利用遮罩层帮助动画创建丰富多彩的效果 创建图层创建图层 当打开Flash 的时候，在默认的情况下只有 一个图层，若要新增图层，操作： 执行 “插入”菜单下的 “图层”命令 单击时间轴上的 单击红色框体部分图层。 修改层修改层 操作过程： 要绘制、上色或者对图层或文件夹进行修改，需 要在时间轴中激活该图层。 当图层名字旁边出现一个铅笔图标时，表示该图 层是当前工作图层。 在工作图层中可进行相应修改操作。 选取图层选取图层 方法： 单击时间轴上的图层名称 单击属于该层时间轴上的任意一帧 在编辑区选择该层中舞台的对象 若要同时选择多个图层，可先按住 Shift 键或者 是

15、 Ctrl 键，再单击所要选择的图层名称 删除图层删除图层 方法 单击右键要删除的图层，再快捷菜单中选择 “删除图层”选项 单击时间轴上的 按钮 将要删除的图层用鼠标拖动到 上 锁定锁定/解锁图层解锁图层 单击图层名字右边的锁定栏，就可以锁定图 层，再次单击锁定栏可解除堆图层的锁定。 可单击按钮 ，可将所有的图层锁定，再次单 击就可解除对所有的图层的锁定 在按住 Alt 键后，单击任意一个图层上的锁定栏， 可锁定或解除此图层外的所有图层 在按住 Ctrl 键后单击任意一个图层可锁定或解除 所有图层 图层的重命名图层的重命名 在无命名情况下，新图层会按创建顺序自动 命名。对图层重命名可更好管理图

16、层。 方法： 用鼠标双击该图层名称，当高亮显示文字时可直 接输入新名称，最后再按回车键即可。 用鼠标点击某图层，从快捷菜单中选择 “属性” 选项，这时会弹出 “图层属性”对话框，可利 用对话框中的各种参数设定新图层。 图层的属性设置图层的属性设置 在任意的图层上单击鼠标右键都会弹出快捷 菜单，选择其中的 “属性”项，可以在打开 的图层属性对话框中设置各种参数。 改变图层的次序改变图层的次序 由于图层就像透明的纸一样，在舞台上一层 层地向上叠加。因此图层顺序将会影响对象 的显示效果。 操作步骤： 将鼠标移动到要改变图层顺序的层上，并按住鼠 标左键不放向上或向下移动； 在拖动过程中，会看到一条虚线

17、随着鼠标移动， 将该虚线移动到想要的位置，放开鼠标即可。 查看层查看层 时间轴中图层或文件夹名称旁边的 表示它 处于隐藏状态。若要显示只需用鼠标再次单 击。被隐藏的图层可输出但不能进行编辑。 显示或隐藏图层 引导图层引导图层 使用引导图层可制作出沿自定义路径进行运 动的动画。 引导层是用层名称左侧的辅助线 图标表示的。用户必须在对象所属的图层中 增加一个参照层，而且引导图层不会出现在 发布后的电影中。 引导层动画实例引导层动画实例 添加引导层的操作步骤添加引导层的操作步骤 步骤1：新建一个文件，然后执行 “插入” 菜单下的 “新建元件”选项。 “新建元件”对话框 步骤2：在名称中输入新建元件名

18、称，并将 其属性指定为图形，单击 “确定” 。 步骤3：使用绘图工具，在新增元件中绘制 个太阳，如图所示。 步骤4：单击 回到舞台上。 步骤5：单击库中刚刚绘制好的太阳，按住 鼠标右键拖住不放，把它拖到舞台上。如图 所示。 步骤6：在时间轴第40帧的地方单击右键， 从快捷菜单中选择 “插入关键帧”选项。 插入关键帧并设置 步骤7：分别在两个关键帧处单击鼠标右键, 在快捷菜单中选择 “创建补间动画” 。 步骤8：单击时间轴上的 按钮，在图层的 上方创建一个引导层。 创建引导层 步骤9： 在引导 层上用 铅笔工 具绘制 一条路 径，如 图所示。 绘制运动路径 步骤10：单击图层1中的第一个关键帧，

19、然 后选择 “太阳”，将其拖动到线条的一个端 点，在拖动过程中会有个小圆圈出现在图像 对象的中央，当这个小圆圈接近线条的时候， 对象 “太阳”会自动贴到该引导线端点。 步骤11：同样点击第2个关键帧，使 “太阳” 贴到引导线的另一个端点。 步骤12：单击 Enter 键就会看到 “太阳”沿 着引导线来运动了。为了更清楚的观察，可 以用显示分帧来看。如图所示。 遮罩层遮罩层 Flash 的遮罩层与 Photoshop 里的蒙板概念 很相似。使用遮罩功能可以产生类似聚光灯 扫射的效果，也可以把多个图层聚合在一个 遮罩层下边，因此产生丰富多彩的效果。 遮罩层动画实例遮罩层动画实例 遮罩层操作实例遮罩

20、层操作实例 步骤1：新建一个文件，然后在元件库里新 增一个元件，用文本工具输入 “Welcome”。 如图所示。 输入文字 步骤2：再在元件库里新增一个元件，来画 一个圆作为遮罩透通区 (什么颜色就可以， 因为透通区是看不到颜色的) 。如图所示。 画圆 步骤3：回到场景中，先把文字 “Welcome” 拖到舞台。 步骤4：再新建一个图层，把元件库里的 “圆”拖进舞台。 步骤5：因为文字是不动的，所以在第40帧 的位置上点鼠标右键，从快捷菜单中选择 “插入帧”；在圆的图层40帧位置上插入关 键帧，在中间创建补间动画，在第20帧的位 置再次插入一个关键帧，如图所示。 创建动画 步骤6：在场景中把圆

21、移动到右边，如图(2) 所示。 移动圆形 步骤7：点击右键圆所在的图层，从快捷菜 单中选择遮罩层。如图所示。 使用遮罩层 步骤8：按 Enter 键测试影片效果。 影片效果 提示：提示： Flash中可以绘制各种各样的遮罩层，因为中可以绘制各种各样的遮罩层，因为 遮罩层可以使用不规则的填色区域，或导入点阵图遮罩层可以使用不规则的填色区域，或导入点阵图 作为遮罩层。作为遮罩层。 元件与图库的编辑元件与图库的编辑 （1）元）元 件件 （2）库的应用）库的应用 （3）编辑元件）编辑元件 元元 件件 元件是可反复取出使用的图形、按钮或一 段小动画，元件中的小动画可独立于主动 画进行播放。它是由多个独立

22、的元素合并 而成的，因此缩小了文件的存储空间。 元件的类型元件的类型 创建元件的方法创建元件的方法 元件的类型元件的类型 影片剪辑元件 是一段flash动画，它是主动画的一个组成部分， 它可独立于主动画进行播放。 按钮元件 用于创建动画的交互控制按钮，以响应鼠标事 件（如单击、滑过等）。 图形元件 是可反复使用的图形，可以是只含一帧的静止 图片，也可以制作成由多个帧组成的动画。 创建元件的方法创建元件的方法 利用菜单命令新建元件 将对象转换为元件 将动画转换为影片元件 创建按钮 库的应用库的应用 库存放了编辑动画需要的各种元件，这些 元件可以随时调出使用。若将元件调出放 到场景中，就生成了该元

23、件的一个实例。 库面板库面板 在文档之间拷贝库资源在文档之间拷贝库资源 a.a. 使用库资源使用库资源 库面板库面板 打开库面板：打开库面板： 单击“窗口”/“库”命令或按“F11”键。 库面板中各按钮的功能：库面板中各按钮的功能： 宽库视图按钮：宽库视图按钮：用于展开图库显示各元件的名称、类型、 使用次数和最后依次改动的时间等内容。 窄库视图按钮：窄库视图按钮：使库面板变窄。 切换排序顺序按钮：切换排序顺序按钮：改变各元件的排列顺序 新建元件按钮：新建元件按钮：单击它可新建元件。 新建文件夹按钮：新建文件夹按钮：可新建文件夹。 属性按钮：属性按钮：调整库中元件属性。 删除按钮：删除按钮：删除

24、库中的元件或文件夹。 在文档之间拷贝库资源在文档之间拷贝库资源 通过拷贝和粘贴来拷贝库资源 通过拖动来复制库资源 通过在目标文档中打开源文档的库来复制库 资源 使用库资源使用库资源 共享库资源可以在多个目标文档中使用源 文档资源。可使用两种方法共享库资源： 对于运行时共享资源，源文档的资源是以外部文 件的形式链接到目标文档中的。 a)对于创作期间的共享资源，可以用本地网络上任 何其他可用元件来更新或替换正在创作的文档中 的任何元件。 编辑元件编辑元件 图形元件属性面板图形元件属性面板 按钮元件属性面板按钮元件属性面板 动画的基本类型动画的基本类型 （1）逐帧动画 （2）运动渐变动画 逐帧动画

25、逐帧动画是由许多单个的关键帧组合而成的， 适合制作一个动画在每个帧上都有关键性变 化的情况。 要创建逐帧动画，需要将每个帧都定义为关 键帧，然后给每个帧创建不同的图像。 逐帧动画实例逐帧动画实例 创建逐帧动画实例创建逐帧动画实例 步骤1：新建一个文件，利用属性面板可以 设置场景为合适的大小和背景色。 步骤2：选择第1帧作为逐帧动画的起始帧， 单击右键，在弹出的下拉菜单中选择“插入 关键帧”。 步骤3：在第1帧上创建插图。可以使用绘画 工具、从剪贴板中粘贴图形，或导入一个文 件，这里我们导入一张图片。 步骤4：拷贝第1帧的内容，单击第2帧，将 第1帧中的内容粘贴到第2帧上，单击“编辑 多个帧”按

26、钮，并用“选择工具”将图形调 整一下位置。 步骤5：重复步骤4，完成第3-10帧的动作。 步骤6：单击“编辑多个帧”按钮，取消显 示，按“Enter”键测试动画，保存。 运动渐变动画运动渐变动画 运动渐变动画的创建运动渐变动画的创建 运动渐变实际上是一个对象移动的两点关键帧间 的变化。在两个关键帧上可分别定义不同的属性， 如尺寸、颜色、角度等。 运动渐变动画运动渐变动画实例实例 形状渐变动画的创建形状渐变动画的创建 形状渐变动画与运动渐变一样，但更主要的是外 形的改变。 形状渐变动画创建形状渐变动画创建实例实例 运动渐变动画的创建实例运动渐变动画的创建实例 步骤1：新建一个文件，利用属性面板设

27、置场 景为合适的大小和背景色。 步骤2：从电 脑中导入图片 作为动画的主 体。 步骤3：选中图片单击“修改”/“转换为元件” 命令，打开“转换为元件”对话框，将元件 命名为“moon”。 步骤4：在第30帧处插入关键帧，并把鼠标放 在1-30帧中任意一帧，点右键，在弹出的下 拉菜单中选“创建补间动画”。然后单击第 30帧，把图片拖到右下角。 步骤5：将图片移到左上角，单击右键，从弹 出菜单中单击“时间轴特效”/“变形/转 换”/“变形”命令，打开“变形”对话框。 步骤6：在“变形”对话框中，选取“旋转” 单选项，输入“360”。 步骤7：按“Enter”键测试效果。 形状渐变动画创建实例形状渐

28、变动画创建实例 步骤1：新建一个文件，在属性面板中设置文 档的大小为550px400px,背景色为浅蓝。 步骤2：绘制字母外旋转的圆环。从工具箱选 取椭圆工具，然后在属性面板中设置“笔触 颜色”为嫩绿色，“填充颜色”为无色。单 击“自定义”，在弹出的对话框中将线型设 置为虚线，在工作区中拖动一个圆形。 属性面板 “笔触样式”对话 框 步骤3：选中圆形执行“修改”/“形状”/“将 线条转换为填充”命令，再执行“修 改”/“形状”/“柔化填充边缘”命令，在其 中设置“距离”为10px，“方向”为“扩 展”，这时出现柔化的边框。 “柔化填充边缘”对话 框 柔化后的效果 步骤4：选中柔化后的圆圈，执行

29、“修 改”/“转换为元件”命令，在其中元件的 “名称”为“环”，单击“确定”。 步骤5：单击图层1的第40帧，按F6键插入关 键帧，在单击选中环实例，在“属性”面板 的“补间”下拉列表中选择“动作”选项， “旋转”下拉列表框选择“顺时针”。 步骤6：制作字母变形的动画。单击“时间轴” 对话框左边的“插入图层”按钮，添加图层2， 并单击第一帧。 步骤7：从工具箱选择“文本工具”，在属性 面板中设置字体为“Arial Black”，字体大 小为150，文本颜色为红色，在工作区中输入 文本“A”，并调整其位置到圆的中央。 步骤8：按Ctrl+B组合键，将文字打散，在图 层2的第10帧处按下F6键插入

30、关键帧，并把字 母A删除。 步骤9：从工具箱中选取文本工具，在“属性 “面板”中将“文本颜色”设置成黄色，其 他参数与字母A相同，然后在工作区中输入字 母B。 步骤10：用同样方法处理字母B。在图层2的 第20、30帧加入蓝色字母C和紫色字母D，将 它们与“环”实例的圆心对齐，并将其打散。 在图层40帧加入红色字母A，与第1帧相同。 步骤11：单击图层2，选中所有帧，然后在工 作区下方的“属性”面板的“补间”下拉列 表框中选择“形状”选项。 步骤12：按“Enter”键测试效果，保存。 声效控制方法声效控制方法 在Flash中有两类声音：事件声音和音频流。 事件声音必须完全下载后才能开始播放，除非 明确停止