NO3Flash动态课件-96页文档.pptx

1、15:52:321Flash动态演示课件动态演示课件15:52:322动态演示课件动态演示课件 小学科学：蜡烛小学科学：蜡烛 化学：化合反应的微观现象化学：化合反应的微观现象 生物：内吞生物：内吞 地理：台风地理：台风 物理：波的衍射物理：波的衍射15:52:32315:52:324课课 件件 简简 介介15:52:335 逐帧动画制作课件的方法逐帧动画制作课件的方法 认识认识“时间轴时间轴”面板面板 绘图纸功能详解绘图纸功能详解 “帧帧”的基本概念和操作的基本概念和操作 元件的嵌套使用元件的嵌套使用 元件和实例的区别元件和实例的区别知知 识识 要要 点点15:52:3361重重 点点 详详

2、解解 2帧帧 3元件和时间轴嵌套元件和时间轴嵌套 4逐帧动画逐帧动画 5绘图纸外观绘图纸外观 时间轴用于组织和控制文档内容在一定时间内播放的图时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。它的主要部件是图层、帧和播放头。层数和帧数。它的主要部件是图层、帧和播放头。 可以利用时间轴可以嵌套的特性把小的动画片段嵌套进大可以利用时间轴可以嵌套的特性把小的动画片段嵌套进大的动画片段内，以此创建出一个效果复杂的影片剪辑元件。的动画片段内，以此创建出一个效果复杂的影片剪辑元件。 逐帧动画的原理就在于人眼在正常情况下有一个视觉残留，逐帧动画的原理就在于人眼在正常情况下有一个视觉残留，逐帧动画正

3、是利用这一点来完成自己的动画效果。逐帧动画正是利用这一点来完成自己的动画效果。 了帮助定位和编辑逐帧动画，可以使用了帮助定位和编辑逐帧动画，可以使用“绘图纸绘图纸”功能在舞功能在舞台中一次查看两个或多个帧。台中一次查看两个或多个帧。 1时间轴面板时间轴面板 15:52:337第四章第四章 实现动画实现动画 动画的产生原理动画的产生原理 帧、帧频帧、帧频 关键帧关键帧 图层图层 可打开可打开Keyframing和和Skywriting示例观察。示例观察。8时间轴面板时间轴面板插入图层插入图层插入图层文件夹插入图层文件夹删除图层删除图层显示显示/隐藏图层隐藏图层锁定锁定/解锁图层解锁图层显示图层轮

4、廓显示图层轮廓帧频率帧频率帧显示选项菜单帧显示选项菜单当前帧当前帧运行时间运行时间当前帧指示器当前帧指示器图层图层名称名称多帧显示与多帧显示与编辑开关按编辑开关按钮钮15:52:339帧帧 逐帧动画逐帧动画 由关键帧序列组成由关键帧序列组成 渐变动画渐变动画 开始帧和结束帧是关键帧，其余是过渡帧开始帧和结束帧是关键帧，其余是过渡帧 关键帧的创建关键帧的创建 每个图层的首帧，自动成为关键帧每个图层的首帧，自动成为关键帧 选定某帧，选定某帧，【插入插入/关键帧关键帧】或按或按 右击某帧，右击某帧，【插入关键帧插入关键帧】 清除关键帧后，关键帧变成普通静态帧清除关键帧后，关键帧变成普通静态帧 可先选

5、定帧序列，再插入关键帧可先选定帧序列，再插入关键帧 导入一个导入一个GIF动画动画15:52:3310实践：实践：蜡烛蜡烛 文档大小文档大小400300，黑色背景，黑色背景 蜡烛杆：高蜡烛杆：高120，宽，宽16.3，红到白到红渐，红到白到红渐变，如图变，如图 火焰后面带有的光晕宽火焰后面带有的光晕宽90，高，高122，光晕，光晕色彩为黄到白，色彩为黄到白，50%透明，边缘柔和透明，边缘柔和 火焰本身为黑、浅黄、黄、浅黄、白的火焰本身为黑、浅黄、黄、浅黄、白的放射状渐变，并有蓝到黑背景，如图放射状渐变，并有蓝到黑背景，如图 火焰后面有光晕火焰后面有光晕15:52:3311 创建文档和创建文档和

6、“蜡烛杆蜡烛杆”图形元件图形元件 蜡烛杆：高蜡烛杆：高120，宽，宽16.3，红到白到红渐变，红到白到红渐变制制 作作 步步 骤骤 一一15:52:3312 创建创建“光晕光晕”图形元件并柔化填充边缘图形元件并柔化填充边缘 光晕宽光晕宽90，高，高122，光晕色彩为黄到白，光晕色彩为黄到白，50%透明，边缘柔和透明，边缘柔和制制 作作 步步 骤骤 二二15:52:3313 运用逐帧动画创建运用逐帧动画创建“火焰火焰”影片剪辑元影片剪辑元件件 火焰：黑、浅黄、黄、浅黄、白的放射状渐火焰：黑、浅黄、黄、浅黄、白的放射状渐变，并有蓝到黑背景变，并有蓝到黑背景1制制 作作 步步 骤骤 三三15:52:

7、3314 运用逐帧动画创建运用逐帧动画创建“火焰火焰”影片剪辑元影片剪辑元件件1制制 作作 步步 骤骤 三三1. 创建创建“火焰火焰”影片剪辑元件影片剪辑元件2运用运用“绘图纸绘图纸”功能修改各关键帧上的形状功能修改各关键帧上的形状3根据需要，在各帧之间增加一些普通帧根据需要，在各帧之间增加一些普通帧绘图纸外观绘图纸外观15:52:3315 利用元件嵌套功能创建利用元件嵌套功能创建“蜡烛火焰蜡烛火焰”影片剪辑元件影片剪辑元件制制 作作 步步 骤骤 四四15:52:3316 布局主场景布局主场景制制 作作 步步 骤骤 五五15:52:331715:52:3318课课 件件 简简 介介15:52:

8、3319 用用Flash制作动画模拟演示课件的方法制作动画模拟演示课件的方法 动作补间动画的制作方法动作补间动画的制作方法 课件背景框架图形的创建方法课件背景框架图形的创建方法 定义简单帧动作定义简单帧动作知知 识识 要要 点点15:52:33201重重 点点 详详 解解 2帧动作帧动作要构成动作补间动画，同一个图层上至少要有两个不同要构成动作补间动画，同一个图层上至少要有两个不同位置的关键帧。位置的关键帧。 为了避免课件循环播放，一般都在整个动画的最后为了避免课件循环播放，一般都在整个动画的最后一帧加上一帧加上“停止停止”动作脚本。动作脚本。 1动作补间动画动作补间动画 创建补间动画创建补间

9、动画 对象要转换成元件对象要转换成元件 默认一秒钟默认一秒钟 拖曳最后一帧改变总长度拖曳最后一帧改变总长度 定位指针后拖曳对象改变位置定位指针后拖曳对象改变位置 按按Ctrl+单击关键帧选定单击关键帧选定 快捷菜单修改快捷菜单修改15:52:342115:52:3422创建传统补间创建传统补间 动作补间动画动作补间动画 针对对象、组、元件、文本对象针对对象、组、元件、文本对象 用于移动、旋转，更改颜色、透明度用于移动、旋转，更改颜色、透明度 针对某一图层上的对象针对某一图层上的对象 制作过程制作过程 设置首、尾关键帧内容设置首、尾关键帧内容 设置首帧的运动属性设置首帧的运动属性 实践：实践：小

10、球的运动小球的运动15:52:3423动作渐变动画动作渐变动画 动作属性的设置动作属性的设置 缓动：控制动画匀速、加速或减速缓动：控制动画匀速、加速或减速 旋转：可使对象顺时针或逆时针旋转旋转：可使对象顺时针或逆时针旋转 调整到路径：使对象沿路径改变方向调整到路径：使对象沿路径改变方向 同步：使动画与时间线完全同步同步：使动画与时间线完全同步 对齐：使对象沿网格运动对齐：使对象沿网格运动 缩放：运行对象缩放缩放：运行对象缩放单击此处可单击此处可打开动作面打开动作面板板15:52:3424实践：实践： 利用利用“化合反应化合反应sc.fla”中的素材制作动画中的素材制作动画 标题如图，隶书、色彩

11、标题如图，隶书、色彩#E3A844、大小、大小45、添、添加红色阴影斜角，标题在背景上大小为加红色阴影斜角，标题在背景上大小为39050，如图，如图 硫原子直径为硫原子直径为55，氧原子直径为，氧原子直径为40，如图，如图 文字说明为宋体、文字说明为宋体、1815:52:3425实践：实践： 整个动画整个动画60帧完成，每隔帧完成，每隔20帧，帧，原子改变一下运动方向原子改变一下运动方向 将标题、硫原子与氧原子做成元将标题、硫原子与氧原子做成元件，且分图层放置不同的对象件，且分图层放置不同的对象 每个图层都要按内容命名每个图层都要按内容命名15:52:3426 创建文档和课件所需元件创建文档和

12、课件所需元件 标题：隶书、色彩标题：隶书、色彩#E3A844、大小、大小45、添加、添加红 色 阴 影 斜 角 ， 标 题 在 背 景 上 大 小 为红 色 阴 影 斜 角 ， 标 题 在 背 景 上 大 小 为39050 制制 作作 步步 骤骤 一一硫原子直径为硫原子直径为55，氧原子，氧原子直径为直径为4015:52:3427规划图层并布局课件背景和标题规划图层并布局课件背景和标题 制制 作作 步步 骤骤 二二1规划图层规划图层15:52:3428规划图层并布局课件背景和标题规划图层并布局课件背景和标题 制制 作作 步步 骤骤 二二2布局课件背景和标题布局课件背景和标题文字说明为宋体、文字

13、说明为宋体、1815:52:3429 创建化合反应补间动画创建化合反应补间动画 1制制 作作 步步 骤骤 三三1布局动画对象布局动画对象15:52:3430 创建化合反应补间动画创建化合反应补间动画 1制制 作作 步步 骤骤 三三2定义动作补间动画定义动作补间动画15:52:3431 定义简单的帧动作定义简单的帧动作制制 作作 步步 骤骤 四四15:52:343215:52:3433课课 件件 简简 介介15:52:3534 补间形状动画的制作方法补间形状动画的制作方法 添加形状提示添加形状提示 影片剪辑元件的应用影片剪辑元件的应用知知 识识 要要 点点15:52:35351重重 点点 详详

14、解解 2形状提示形状提示 在在Flash的时间轴面板上，在一个关键帧绘制一个形的时间轴面板上，在一个关键帧绘制一个形状，然后在另一个关键帧更改该形状或绘制另一个状，然后在另一个关键帧更改该形状或绘制另一个形状，形状，Flash 根据二者之间帧的值或形状来创建的动根据二者之间帧的值或形状来创建的动画被称为画被称为“补间形状动画补间形状动画”。 “形状提示形状提示”会标识起始形状和结束形状中的相对会标识起始形状和结束形状中的相对应的点，它为应的点，它为Flash的形状渐变效果指示了变化的趋的形状渐变效果指示了变化的趋势，有利于形状补间按照制作者的意图变化。势，有利于形状补间按照制作者的意图变化。

15、1形状补间动画形状补间动画 15:52:3536创建渐变动画创建渐变动画 补间形状动画补间形状动画 针对分离的形状对象针对分离的形状对象(矢量矢量) 可以改变颜色可以改变颜色 可以对同一层上的多个对象设置，最好分层可以对同一层上的多个对象设置，最好分层 设置步骤设置步骤 安排首、尾帧上的对象安排首、尾帧上的对象 设置首帧的运动属性设置首帧的运动属性 实践：实践：正圆变为正方正圆变为正方15:52:3537补间形状动画补间形状动画 运动属性的设置运动属性的设置 缓动：控制动画匀速、加速或减速缓动：控制动画匀速、加速或减速 混合混合 分布式：创建平滑的中间形状分布式：创建平滑的中间形状 角形：创建

16、包含角和线的中间形状角形：创建包含角和线的中间形状15:52:3538补间形状动画补间形状动画 外形提示（外形提示（“修改修改”菜单菜单“形状形状”命令）命令） 为复杂的形状渐变动画而设为复杂的形状渐变动画而设 提示点：提示点：AZ 在动画的首帧设置，尾帧配套出现在动画的首帧设置，尾帧配套出现 将首尾提示点放在对应位置后，变色表示完成将首尾提示点放在对应位置后，变色表示完成演示：演示：show31.fla实践：制作实践：制作C到到D的变形动画，并比较控制点增的变形动画，并比较控制点增加与否的差异。加与否的差异。15:52:3539实践：实践： 背景：背景：B0E0B6 黑色圆形物质大小为黑色圆

17、形物质大小为2222 背景上的图标由白色圆形和灰色方与三角变换组背景上的图标由白色圆形和灰色方与三角变换组成，白色圆形直径成，白色圆形直径42 “高中生物高中生物”文字：新宋体、灰色、文字：新宋体、灰色、16，投影滤，投影滤镜镜 大标题：楷体、灰色、大标题：楷体、灰色、32，渐变斜角、滤镜效果，渐变斜角、滤镜效果 代表细胞膜的圆直径代表细胞膜的圆直径200，包裹物质的圆直径，包裹物质的圆直径3515:52:3540实践：实践： 整个动画整个动画55帧，时间轴如图帧，时间轴如图15:52:3541 创建创建“物质物质”图形元件图形元件制制 作作 步步 骤骤 一一背景：淡绿色背景：淡绿色（#B0E

18、0B6）黑色圆形物质黑色圆形物质大小为大小为222215:52:3542制制 作作 步步 骤骤 二二 运用补间形状动画创建运用补间形状动画创建“图标图标”影片剪辑元影片剪辑元件件 1创建创建“图标图标”影片剪辑元件影片剪辑元件由白色圆形和由白色圆形和灰色方形与三灰色方形与三角变换组成，角变换组成，白色圆形直径白色圆形直径4215:52:3543制制 作作 步步 骤骤 二二 运用补间形状动画创建运用补间形状动画创建“图标图标”影片剪辑元影片剪辑元件件 2为为“图标图标”影片剪辑元件添加动画帧影片剪辑元件添加动画帧15:52:3544制制 作作 步步 骤骤 二二 运用补间形状动画创建运用补间形状动

19、画创建“图标图标”影片剪辑元影片剪辑元件件 3定义补间形状动画定义补间形状动画15:52:3545制制 作作 步步 骤骤 二二 运用形状补间动画创建运用形状补间动画创建“图标图标”影片剪辑元影片剪辑元件件 4添加添加“形状提示形状提示” 5图标的时间轴效果图标的时间轴效果15:52:3546制制 作作 步步 骤骤 三三 布局背景和标题布局背景和标题 高中生物：投影滤镜高中生物：投影滤镜新宋体、灰色、新宋体、灰色、16标题：标题：楷体、灰色、楷体、灰色、32，渐变斜角、投影渐变斜角、投影15:52:3547制制 作作 步步 骤骤 四四 创建内吞过程补间动画创建内吞过程补间动画 1布局内吞过程动画

20、帧布局内吞过程动画帧细胞膜：细胞膜：圆圆直径直径200物质物质一段弧在运动图层一段弧在运动图层15:52:3548制制 作作 步步 骤骤 四四 创建内吞过程补间动画创建内吞过程补间动画 2创建内吞过程补间动画创建内吞过程补间动画15:52:354915:52:3550课课 件件 简简 介介15:52:3651 路径动画的制作方法路径动画的制作方法 Flash柔化图形的方法柔化图形的方法 自定义缓入自定义缓入/缓出动画缓出动画 元件的嵌套应用元件的嵌套应用 图形元件与影片剪辑元件的区别图形元件与影片剪辑元件的区别 变形面板的使用变形面板的使用知知 识识 要要 点点15:52:3652路径动画制作

21、方法一路径动画制作方法一 创建元件创建元件 在舞台上放置元件实在舞台上放置元件实例例 插入插入-动画补间动画补间 拖曳对象到目标位置，拖曳对象到目标位置，形成路径形成路径 拖曳路径上的控制点，拖曳路径上的控制点，调整路径调整路径 拖曳时间轴上尾帧的拖曳时间轴上尾帧的位置调节动画速度位置调节动画速度15:52:3653路径动画制作方法二路径动画制作方法二 制作直线运动动画图层制作直线运动动画图层 在动画图层上添加运动引导层在动画图层上添加运动引导层 绘制物体运动的路径绘制物体运动的路径 动画中路径不可见动画中路径不可见 添加运动引导层后的结果添加运动引导层后的结果 运动引导层图标的变化运动引导层

22、图标的变化 被引导层的缩进被引导层的缩进 举例举例 实践：利用实践：利用“小鸟小鸟.fla”中的元件制作中的元件制作小鸟飞翔小鸟飞翔动画动画 制作一个文字沿一曲线路径运动的动画，要求文字能沿路制作一个文字沿一曲线路径运动的动画，要求文字能沿路径变化方向。径变化方向。 注意：首尾帧中对象的中心点须在路径端点上注意：首尾帧中对象的中心点须在路径端点上示例示例15:52:36541重重 点点 详详 解解 2路径动画路径动画 运动引导层是用来控制运动补间动画中对象移动路运动引导层是用来控制运动补间动画中对象移动路径的特殊图层，在运动引导层下面以缩进形式显示的就径的特殊图层，在运动引导层下面以缩进形式显

23、示的就是被引导层。是被引导层。 在制作路径动画时，将被引导层上的对象吸附在制作路径动画时，将被引导层上的对象吸附到引导线上是整个动画制作的关键，到引导线上是整个动画制作的关键， 1运动引导层运动引导层 3自定义缓入自定义缓入/缓出缓出 “自定义缓入自定义缓入/缓出缓出”功能就定义了随时间推功能就定义了随时间推移动画变化程度的曲线。移动画变化程度的曲线。 15:52:36551重重 点点 详详 解解 4“变形变形”面板面板 “变形变形”面板能够精确地改变对象的比面板能够精确地改变对象的比例、旋转角度和倾斜角度等属性，选中例、旋转角度和倾斜角度等属性，选中“约约束束”复选框可以保证在变形的过程中不

24、改变复选框可以保证在变形的过程中不改变对象的形状。对象的形状。 15:52:3656图形元件与剪辑元件动画的区别图形元件与剪辑元件动画的区别 在在“场景场景”中是否受时间影响中是否受时间影响 图形元件图形元件受时间影响受时间影响 剪辑元件剪辑元件不受时间影响不受时间影响 实践：观察包含小球运动特征的影片实践：观察包含小球运动特征的影片剪辑元件的动画剪辑元件的动画e52.fla，小球摆动元，小球摆动元件（件（qiu）的摆动一个周期为）的摆动一个周期为60帧。帧。比较用图形元件与用影片剪辑元件制比较用图形元件与用影片剪辑元件制作的差异。作的差异。15:52:3657实践：实践： 整个动画整个动画6

25、0帧，时间轴如图帧，时间轴如图15:52:3658创建课件界面和路径图形元件创建课件界面和路径图形元件 制制 作作 步步 骤一骤一1创建创建“背景背景”图形元件图形元件2创建创建“标题标题”和和“路径路径”图形元图形元件件背景深蓝色背景深蓝色（#000033）标题：发光和斜角标题：发光和斜角滤镜滤镜15:52:3659 1.创建创建“台风符号台风符号”影片剪辑元件影片剪辑元件 椭圆工具选择工具：绘制台风符号椭圆工具选择工具：绘制台风符号 填充：红色到浅红色放射状渐变色填充：红色到浅红色放射状渐变色 填充变形工具：调整填充效果填充变形工具：调整填充效果制制 作作 步步 骤骤 二二红色到浅红的放射

26、红色到浅红的放射状填充状填充放大放大800倍制作倍制作15:52:3660 创建创建“台风运动符号台风运动符号”影片剪辑元件影片剪辑元件 插入插入4个图层个图层 在图层在图层1和和5放入放入“台风符号台风符号” 图层图层1中的添加投影，隐藏对象，修改中的添加投影，隐藏对象，修改比例为比例为20%制制 作作 步步 骤骤 二二只显示投影，起柔化效果只显示投影，起柔化效果15:52:3661 创建创建“台风运动符号台风运动符号”影影片剪辑元件片剪辑元件 将图层将图层1中的对象复制到图中的对象复制到图层层2，比例为，比例为40% 将图层将图层1中的对象复制到图中的对象复制到图层层3，比例为，比例为60

27、% 将图层将图层1中的对象复制到图中的对象复制到图层层5，比例为，比例为80%制制 作作 步步 骤骤 二二15:52:3662 创建创建“台风运动符号台风运动符号”影片剪辑元件影片剪辑元件 18帧添加动作补间，逆时针旋转帧添加动作补间，逆时针旋转1圈圈制制 作作 步步 骤骤 二二使元件实例的动画与使元件实例的动画与主时间轴同步主时间轴同步15:52:36631制制 作作 步步 骤骤 三三 创建台风运动的路径动画创建台风运动的路径动画1插入新图层（南线、中线、北线）和布局元件插入新图层（南线、中线、北线）和布局元件15:52:36641制制 作作 步步 骤骤 三三 创建台风运动的路径动画创建台风

28、运动的路径动画2定义运动引导层和路径动画定义运动引导层和路径动画15:52:36651制制 作作 步步 骤骤 三三 创建台风运动的路径动画创建台风运动的路径动画3运用运用“自定义缓入和缓出自定义缓入和缓出”功能调整元件的运动速功能调整元件的运动速度度南线、北线：南线、北线：15帧，帧，60中线：中线：30帧，帧，8015:52:36661制制 作作 步步 骤骤 三三 创建台风运动的路径动画创建台风运动的路径动画4定义简单帧动作定义简单帧动作15:52:36671制制 作作 步步 骤骤 三三 创建台风运动的路径动画创建台风运动的路径动画5使台风在最后一帧停止运动使台风在最后一帧停止运动将将“台风

29、运动符号台风运动符号”实例改为图形实例改为图形设置循环为第一帧设置循环为第一帧15:52:366815:52:3669课课 件件 简简 介介15:52:3770 遮罩图层和遮罩动画的应用遮罩图层和遮罩动画的应用 形状补间动画的制作方法形状补间动画的制作方法 运用多图层技术实现动画效果运用多图层技术实现动画效果 公共库按钮的使用方法公共库按钮的使用方法 简单交互控制的实现方法简单交互控制的实现方法知知 识识 要要 点点15:52:3771图层图层 遮罩层遮罩层 不透明布，其上对象为镂空不透明布，其上对象为镂空 对象的颜色不可见对象的颜色不可见 遮罩层的创建遮罩层的创建 右击普通层右击普通层 【遮

30、罩层遮罩层】 添加遮罩层后的效果添加遮罩层后的效果 遮罩层图标的变化遮罩层图标的变化 被遮罩层的缩进被遮罩层的缩进实践：实践：1.制作制作探照灯文字探照灯文字 2.产生具有产生具有sample45效果的动画，其中文效果的动画，其中文字的内容、大小，圆的颜色、大小可自己定。字的内容、大小，圆的颜色、大小可自己定。15:52:3772遮罩层的使用遮罩层的使用 遮罩层的编辑遮罩层的编辑 可恢复为编辑层可恢复为编辑层 遮罩层与其下层的关系遮罩层与其下层的关系 其下多层的属性设置为其下多层的属性设置为Masked，便都受到，便都受到遮罩作用遮罩作用 将编辑层拖曳到遮罩层下便可建立关联将编辑层拖曳到遮罩层

31、下便可建立关联 在遮罩层下直接建立的新层，受到遮罩作用在遮罩层下直接建立的新层，受到遮罩作用层的使用层的使用15:52:3773实践实践制作具有制作具有fe34.swf效果的动画文件：效果的动画文件：要求：要求：1、背景为深蓝色、背景为深蓝色2、文字为、文字为“梦幻梦幻”，黑体，黑体150，文字内部填充，文字内部填充4组组黑白渐变，并让颜色倾斜约黑白渐变，并让颜色倾斜约45度，文字边缘填充度，文字边缘填充的渐变色为的渐变色为8组黑白渐变，并从左向右移动。组黑白渐变，并从左向右移动。3、能够变换色彩的文字边缘厚度为、能够变换色彩的文字边缘厚度为Distance=10px, Number=104、

32、文件名：梦幻、文件名：梦幻-自己姓名自己姓名.fla遮罩层、运动动画、色彩遮罩层、运动动画、色彩15:52:37741重重 点点 详详 解解 2多图层动画技术多图层动画技术 遮罩动画是遮罩动画是Flash中的一个很重要的动画类中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来型，很多效果丰富的动画都是通过遮罩动画来完成的。完成的。 在实现具有相同特点的动画场面，如下雨、在实现具有相同特点的动画场面，如下雨、下雪和落叶等时，可以采用多图层动画技术，下雪和落叶等时，可以采用多图层动画技术，合理安排图层结构和关键帧的位置，以实现丰合理安排图层结构和关键帧的位置，以实现丰富的效果。富的效果

33、。 1遮罩动画遮罩动画 15:52:3775创建按钮元件创建按钮元件 按钮的四种状态按钮的四种状态 弹起：按钮弹起（默认），鼠标未触按钮弹起：按钮弹起（默认），鼠标未触按钮 指针经过：鼠标滑过按钮指针经过：鼠标滑过按钮 按下：鼠标按下时的状态按下：鼠标按下时的状态 点击：定义了鼠标有效的点击区域，区域的形状用点击：定义了鼠标有效的点击区域，区域的形状用户看不到户看不到 不需要设置状态的使用普通帧不需要设置状态的使用普通帧 按钮配声音（弹起，点击无法配音）按钮配声音（弹起，点击无法配音） 实践实践 (1)建立如建立如button.swf效果的动画。效果的动画。 (2) 建立建立sample51.

34、fla，其中的按钮大小为，其中的按钮大小为120*30，框，框最大时为最大时为145*45。15:52:3776练习练习 制作如制作如ex11.swf效果的幻影文字效果的幻影文字 画面大小为画面大小为500500 文字大小为文字大小为50，字体、颜色自定，字体、颜色自定 当鼠标移动到文字上时，文字便会旋转当鼠标移动到文字上时，文字便会旋转 每行文字顺时针旋转一圈需要每行文字顺时针旋转一圈需要30帧帧 文件名：文件名：ex11-自己姓名自己姓名.fla15:52:3777编辑元件编辑元件 编辑窗口编辑窗口 在库中双击元件图标在库中双击元件图标 完成编辑后单击场景按钮完成编辑后单击场景按钮 【在当

35、前位置中编辑在当前位置中编辑】命令命令 其他对象变灰其他对象变灰 完成编辑后双击对象外面完成编辑后双击对象外面15:52:3778元件的实例元件的实例 实例：元件在舞台上的具体表现实例：元件在舞台上的具体表现 实例的位置实例的位置 工作区中工作区中 其他元件内部其他元件内部 影片剪辑实例影片剪辑实例 放在一个单独的关键帧中可完整播放放在一个单独的关键帧中可完整播放 图形实例图形实例 需要足够的帧以满足播放需要足够的帧以满足播放15:52:3779元件的实例元件的实例 使用其他元件替换实例使用其他元件替换实例原实例的属性特征不变原实例的属性特征不变 设置图形元件实例的播放模式设置图形元件实例的播

36、放模式循环循环播放一次播放一次单帧单帧15:52:37801重重 点点 详详 解解 2多图层动画技术多图层动画技术 3公用库公用库 打开打开“公用库公用库”的菜单列表，可以看到的菜单列表，可以看到Flash提供了提供了“声音声音”、“按钮按钮”和和“类类”3个类别的几百个常用个类别的几百个常用“元件元件”，使用方法，使用方法和前面学习的和前面学习的“库库”是完全一样的，可以是完全一样的，可以根据需要选择其中的元件，为制作课件带根据需要选择其中的元件，为制作课件带来了极大的便利。来了极大的便利。 1遮罩动画遮罩动画 15:52:3781关于元件的小结关于元件的小结 类型类型 剪辑剪辑独立运动动画

37、独立运动动画 按钮按钮交互操作交互操作 图形图形静态图片对象静态图片对象 使用方式使用方式 实例实例 好处好处 统一修改统一修改 缩小文件体积缩小文件体积15:52:3782实践：实践： 整个动画整个动画143帧，时间轴、界面、元件如图帧，时间轴、界面、元件如图15:52:3783创建课件界面创建课件界面制制 作作 步步 骤一骤一背景：暗背景：暗绿色绿色#335E63无边框橙无边框橙色矩形色矩形标题元件：投影滤镜标题元件：投影滤镜文本元件：文本元件：文字改为白文字改为白色更明显色更明显15:52:3784 运用形状补间动画创建运用形状补间动画创建“波波1”影片剪辑元影片剪辑元件件 尽可能小的圆

38、，可放大尽可能小的圆，可放大800后制作后制作 中心点定位中心点定位 定义形状补间将其放大定义形状补间将其放大制制 作作 步步 骤骤 二二101030030015:52:3785 运用多图层技术创建运用多图层技术创建“波波2”影片剪辑元件影片剪辑元件制制 作作 步步 骤骤 三三完整播放波完整播放波1动画的图层动画的图层每晚每晚5帧开始一段波形帧开始一段波形设置设置stop动作使波的扩散连续动作使波的扩散连续15:52:37861制制 作作 步步 骤骤 四四 运用遮罩动画实现衍射动画效果运用遮罩动画实现衍射动画效果1运用运用“遮罩动画遮罩动画”实现衍射现象不明显的效果实现衍射现象不明显的效果绘制

39、衍射孔挡板绘制衍射孔挡板红到黑线性渐变矩形，组合红到黑线性渐变矩形，组合15:52:37871制制 作作 步步 骤骤 四四 运用遮罩动画实现衍射动画效果运用遮罩动画实现衍射动画效果1运用运用“遮罩动画遮罩动画”实现衍射现象不明显的效果实现衍射现象不明显的效果新建新建“波波1”图层，在第二帧将图层，在第二帧将“波波2”MC放入放入波波2MC实例实例15:52:37881制制 作作 步步 骤骤 四四 运用遮罩动画实现衍射动画效果运用遮罩动画实现衍射动画效果1运用运用“遮罩动画遮罩动画”实现衍射现象不明显的效果实现衍射现象不明显的效果绘制遮罩图形绘制遮罩图形定义遮罩定义遮罩2个黑色的矩形，修改个黑色

40、的矩形，修改成如图形状成如图形状15:52:37891制制 作作 步步 骤骤 四四 运用遮罩动画实现衍射动画效果运用遮罩动画实现衍射动画效果1运用运用“遮罩动画遮罩动画”实现衍射现象不明显的效果实现衍射现象不明显的效果15:52:37901制制 作作 步步 骤骤 四四 运用遮罩动画实现衍射动画效果运用遮罩动画实现衍射动画效果2运用运用“遮罩动画遮罩动画”实现衍射现象明显的效果实现衍射现象明显的效果创建创建“波波2”图层，该图层第图层，该图层第63帧放入帧放入“波波2”MC“孔孔”图层的第图层的第63帧中，缩小孔距帧中，缩小孔距创建创建“遮罩遮罩2”图层，该图层第图层，该图层第63帧绘制挡板下帧

41、绘制挡板下面的矩形面的矩形挡板孔缩小了挡板孔缩小了波波2MC实例实例遮罩遮罩2中的矩形中的矩形15:52:37911制制 作作 步步 骤骤 四四 运用遮罩动画实现衍射动画效果运用遮罩动画实现衍射动画效果2运用运用“遮罩动画遮罩动画”实现衍射现象明显的效果实现衍射现象明显的效果创建创建“波波3”图层，在该图层图层，在该图层83帧放入帧放入“波波2”MC创建创建“遮罩遮罩3”，在该图层，在该图层83帧绘制挡板上方矩形帧绘制挡板上方矩形波波2MC实例实例遮罩遮罩3中的矩形中的矩形帧数根据帧数根据情况调节情况调节15:52:37921制制 作作 步步 骤骤 四四 运用遮罩动画实现衍射动画效果运用遮罩动

42、画实现衍射动画效果2运用运用“遮罩动画遮罩动画”实现衍射现象明显的效果实现衍射现象明显的效果15:52:3793 定义动作实现简单交互定义动作实现简单交互 1.定义帧动作定义帧动作 添加添加Action图层图层 在第在第1帧、第帧、第62帧、最后帧添加动作帧、最后帧添加动作stop 2.引入引入“公用库公用库”中的按钮元件并修改中的按钮元件并修改 选择选择“公用库公用库”中的按钮中的按钮 修改成需要的样子修改成需要的样子制制 作作 步步 骤骤 五五15:52:3794 定义动作实现简单交互定义动作实现简单交互 3.布局布局“按钮按钮”元件并添加文字元件并添加文字制制 作作 步步 骤骤 五五15:52:3795 定义动作实现简单交互定义动作实现简单交互 4.定义按钮动作定义按钮动作制制 作作 步步 骤骤 五五上面按钮的动作，控制衍射不明显情况的演示上面按钮的动作，控制衍射不明显情况的演示下面按钮的动作，下面按钮的动作，控制衍射明显的控制衍射明显的情况情况