第4章复杂动画的制作.ppt

《第4章复杂动画的制作.ppt》由会员分享，可在线阅读，更多相关《第4章复杂动画的制作.ppt（150页珍藏版）》请在三一文库上搜索。

1、第4章 复杂动画的制作,教学目标 预备知识 课堂讲解,教学目标,理解元件、库和图层的概念 理解元件和图层的类型 掌握元件的创建、元件的转换、元件的调用和图库的使用方法 掌握图层的编辑方法、以及引导图层、遮罩图层的创建和使用方法,返回,预备知识,基本概念： 元件是Flash 动画中可以反复取出来使用的小部件，它分为三类：影片剪辑元件、按钮元件、图形元件。在动画中使用元件可以简化动画的制作过程，减小动画文件的体积。 库是Flash 动画设计中的一个重要设计工具，每个Flash 文件都对应一个库，它用来存放元件、文本、声音、位图、视频文件等。,图层是Flash 中创建复杂动画的基础。 图层就象一些互

2、相重叠在一起的透明胶片，在不同的图层上可以放不同的对象，每一个图层都是独立的，在修改当前图层时，不会影响到其他图层上的内容。当上一图层的某一区域没有内容时，可以透过该图层的这个区域看到下一图层中相同位置的内容。,返回,课堂讲解,4.1 库和元件 4.2 图层 4.3 遮罩图层及其应用 4.4 引导层及其应用,返回,4.1 库和元件,基本知识 案例4.1 制作万道光线 案例4.2 制作星星 案例4.3 制作简单文字按钮,返回,基本知识,元件可以反复使用，在制作动画中使用元件可以大大减小文件的体积和加快动画的播放速度。图库就象仓库一样存放了编辑动画的各种元件，这些元件可以随时调出使用。在制作动画时

3、将元件从图库中拖放到舞台工作区（即：场景）中，就生成了该元件的一个实例。元件只是一种标志，真正在舞台工作区中表演的是元件的实例，元件仍在图库中。 图形元件是可以反复使用的图形，它可以是只有一帧的静止图片，也可以制作成由多个帧组成的对象，在图形元件中不能添加交互行为和声音控制。 影片剪辑元件用来制作独立于当前场景时间轴的动画，它是主动画的一个组成部分，当播放主动画时，影片剪辑元件也在循环播放。 按钮元件用于创建动画的交互控制按扭，它包含4个不同状态的帧即：“弹起”（按钮的正常状态）、“指针经过”（将鼠标移到按钮上）、“按下”（用鼠标按下按钮）、“点击”（响应按钮事件的区域范围，只有当鼠标进入到这

4、一区域时，按钮才开始响应鼠标的动作）,返回,案例4.1 制作万道光线,练习目的 练习要求 操作步骤 案例小结,返回,练习目的,了解图形元件的制作 掌握图形元件的制作方法，颜料桶工具的运用和“变形”面板的使用,返回,练习要求,1新建Flash文档，保存在D:LX下，文件名为Fa4-1.fla。 2设置背景颜色为黑色（#000000），文件大小为550400像素，帧频为12fps。 3新建一个图形元件，取名为“光线”。 4制作有彩虹渐变的三角形 5旋转并复制三角形，得到如图4-1所示的图形元件。,返回,图4-1 万道光线,返回,操作步骤,第一步：新建图形元件 第二步：制作图形元件,返回,第一步：新

5、建图形元件,（1）启动Flash，文件另存为D:LX中，文件名为Fa4-1.fla。 （2）设置背景颜色为黑色（#000000），文件大小为550400像素，帧频为12fps。 （3）选择【插入】【新建元件】菜单命令，弹出如图4-2所示的对话框。在该对话框中设置名称：光线。行为：图形，单击“确定”按钮，插入一个图形元件。,返回,图4-2 创建元件,返回,第二步：制作图形元件,(1)单击工具栏中的线条工具按钮，在元件编辑区中绘制一个如图4-3所示的三角形。 (2)选择工具栏中的颜料桶工具按钮，将填充色设置为彩虹色的线性渐变，在元件编辑区中便可得到一个具有彩虹渐变的三角形，如图4-4所示。 (3)

6、单击工具栏中的选择工具按钮，选中三角形的边，按【Delete】键删除三角形的边。 (4)选中三角形，单击工具栏中的任意变形工具按钮，将三角形旋转一定的角度，并将三角形的旋转中心移到元件编辑中心，如图4-5所示。 (5)单击【窗口】【设计面板】【变形】菜单命令，或按【Ctrl+T】组合键打开“变形”面板，在其中选中单选项，在其后的文本框中输入10度，如图4-6所示 (6)在“变形”面板中单击按钮，旋转并复制三角形，如图4-7所示。 (7)重复步骤6，直到得到完整的万道光线。 (8)保存文件，退出Flash。,返回,图4-3 绘制光线元件,返回,图4-4 绘制光线元件,返回,图4-5 填充光线元件

7、,返回,图4-6 变形对话框,返回,图4-7 复制光线,返回,案例小结,1创建元件的几种方法 （1）选择【插入】【新建元件】菜单命令，新建一个空白元件。 （2）将已经有的动画通过选择【文件】【导入到库】菜单命令转换成元件。 （3）选择【修改】【转换为元件】菜单命令或按【F8】键，将舞台工作区中的对象转换成元件。 （4）在元件库中复制元件。 2打开库的方法 选择【窗口】【库】菜单命令，或按【F11】键或按【Ctrl+L】组合键。 3元件的引用 元件创建好后就可以将它拖动到舞台工作区的任意位置或其他元件中使用。,返回,案例4.2 制作星星,练习目的 练习要求 操作步骤 案例小结,返回,练习目的,了

8、解并掌握影片剪辑元件的制作方法 熟练运用绘图工具绘制图形 熟练使用“混色器”面板和“对齐”面板对图形进行编辑。,返回,练习要求,1启动Flash文档，保存文件到D:LX中，文件名为Fa4-2.fla。 2设置背景颜色为黑色（#000000），文件大小为550400像素，帧频为12fps。 3新建一个影片剪辑元件，名为星星。 4制作一个有放射状渐变色的椭圆和两个填充为线性渐变的相交椭圆。 5设计时间轴，制作动画，形成影片剪辑元件，效果如图4-8所示。,返回,返回,图4-8 闪烁的星星,操作步骤,第一步：新建文档 第二步：绘制星星图形 第三步：创建动画 第四步：预览、保存文件,返回,第一步：新建文

9、档,（1）启动Flash，保存文件到D:LX，文件名为“Fa4-2”。 （2）设置背景颜色为黑色（#000000），文件大小为550400像素，帧频为12fps。,返回,第二步：绘制星星图形,(1)选择【插入】【新建元件】菜单命令，在弹出的对话框中设置名称：星星。行为：影片剪辑，如图4-9所示。单击确定，插入一个影片剪辑元件。 (2)单击工具栏中的椭圆工具按钮，将椭圆的边界设置为无色，打开“混色器”面板设置填充样式为放射状渐变，颜色为白、黑，如图4-10所示。 (3)使用椭圆工具在元件编辑区中绘制一个如图4-11所示的圆。 (4)单击工具栏中的椭圆工具按钮，将椭圆的边界设置为白色，填充样式设置

10、为无色，在元件编辑区绘制两个长条形的椭圆，如图4-12所示。 (5)单击工具栏中的选择工具，选中两个长椭圆交叉的线段，按Del键删除，如图4-13所示 (6)单击工具栏中的颜料桶工具按钮，打开“混色器”面板将填充样式设置为线性状渐变，颜色为黑、白、黑，然后单击元件编辑区中的两个长椭圆，将两个长椭圆的颜色填充为黑、白、黑的渐变色，如图4-14，4-15所示。 (7)选中两个长条形椭圆，使用工具栏中的任意变形工具按钮，改变椭圆的大小和方向，如图4-16所示。 (8)移动两个长椭圆，使之和步骤（3）所画的圆重合，并单击工具栏中的任意变形工具按钮，将图形缩小，如图4-17所示。,返回,图4-9创建元件

11、 图4-10混色器面板,返回,图4-11 绘制圆,返回,图4-12 绘制长椭圆,返回,图4-13 删除椭圆内交叉线段,返回,图4-14 混色器面板 图 4-15 填充颜色,返回,图4-16 改变椭圆的大小和方向,返回,图4-17 星星图形,返回,第三步：创建动画,（1）选中整个图形，选择【窗口】【设计面板】【对齐】命令，打开“对齐”面板，如图4-18所示。单击“水平中齐”和“垂直中齐”，使星星图形位于元件编辑区中心。 （2）选中第5帧，按【F6】键，在该层的第5帧处插入一个关键帧。 （3）单击工具栏中的任意变形工具按钮，将图形缩小,如图4-19所示。 （4）利用“对齐”面板，将缩小后的星星图形

12、对齐元件编辑区中心。 （5）同样的方法，在第10帧、第15帧插入关键帧，改变图形的大小，并使图形对齐元件编辑区中心。 （6）在时间轴上的第1帧到第5帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”。 （7）在时间轴上的第5帧到第10帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”。 （8）在时间轴上的第10帧到第15帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”，如图4-20所示。,返回,图4-18 对齐面板,返回,图4-19 缩小后的星星,返回,图4-20 完成的时间轴,返回,第四步：预览、保存文件,（1）按【F11】键打开库窗口，选中刚才建立的“星星”元件，在预览

13、窗口中的右上角点击影片预览控制按钮中的三角形按钮来播放预览“星星”影片剪辑。 （2）保存文件，退出Flash。,返回,案例小结,1打开“对齐”面板除了使用菜单命令外，也可以通过【Ctrl+K】组合键来完成。 2测试影片剪辑元件和按钮元件中的动画效果，只能按Enter键在元件编辑区中播放；或通过在库窗口中的预览窗口中右上角的预览控制按钮中的三角形按钮来播放预览元件动画效果。,返回,案例4.3 制作简单文字按钮,练习目的 练习要求 操作步骤,返回,练习目的,掌握按钮元件的制作方法， 了解按钮元件四个帧的含义和设置,返回,练习要求,1新建Flash文档，保存到D:LX下，文件名Fa4-1.fla。设

14、置背景颜色为浅蓝色（#0099FF），文件大小为550400像素，帧频为12fps。 2新建按钮元件，设置名称为“按钮”。 3分别设置按钮的“弹起”、“指针经过”“按下”“点击”下的按钮颜色、字体颜色。 4设计时间轴，制作动画，形成按钮元件。,返回,操作步骤,第一步：建立元件 第二步：定义“弹起”帧 第三步：定义“指针经过”帧 第四步：定义“按下”帧 第五步：定义“点击”帧 第六步：检测，保存文件,返回,第一步：建立元件,（1）启动Flash，文件保存到指定位置。设置背景颜色为浅蓝色（#0099FF），文件大小为550400像素，帧频为12fps。 （2）选择【插入】【新建元件】命令,在弹出的

15、对话框中设置名称：按钮。行为：按钮，单击“确定”按钮，插入一个按钮元件，如图4-21所示。,返回,图4-21 新建按钮元件,返回,第二步：定义“弹起”帧,（1）单击工具栏中的矩形工具按钮，将矩形的填充色设置为黑色，笔触颜色设置为无色，在元件编辑区中绘制一个如图4-22所示的矩形。 （2）单击工具栏中的文本工具按钮，在属性面板中设置字体为隶书，大小为55，颜色为黄色，在矩形中输入文字“测试”，如图4-23所示。,返回,图4-22 绘制黑色矩形,返回,图4-23 给按钮输入文字,返回,第三步：定义“指针经过”帧,（1）选中“指针经过”帧，选择【插入】【时间轴】【关键帧】菜单命令，插入一个关键帧，如

16、图4-24所示。 （2）单击工具栏中的选择工具按钮，选中文字“测试”，在属性面板中将颜色设置为红色。 （3）选中矩形，单击工具栏中的颜料桶工具按钮，填充色设置为绿色，将矩形颜色填充为绿色，如图4-25所示。,返回,图4-24 按钮时间轴,返回,图4-25 将矩形填充为绿色、文字填充为红色,返回,第四步：定义“按下”帧,按照步骤三，将“按下”帧中的文字设置为紫色，矩形设置为黄色，如图4-26所示。,返回,图4-26 将矩形填充为黄色、文字填充为紫色,返回,第五步：定义“点击”帧,（1）选中“按下”帧，选择【插入】“时间轴”“关键帧”命令，插入一个关键帧，如图4-27所示。 （2）单击工具栏中的矩

17、形工具按钮，将矩形的填充色设置为白色, 笔触颜色设置为黑色，在元件编辑区中绘制一个覆盖原来图形的矩形，如图4-28所示。,返回,图4-27 按钮时间轴,返回,图4-28 定义响应的区域,返回,第六步：检测，保存文件,（1）按下【F11】键打开库窗口，将“测试”按钮元件拖动到舞台工作区中。 （2）按【Ctrl+Enter】组合键观察效果。 （3）保存文件，退出Flash。,返回,4.2 图层,基本知识 案例4.4 制作夜空中闪烁的星星 案例4.5 制作水波纹,返回,基本知识,在Flash 中每一个图层都是相互独立的，每一个图层都有自己的时间轴和独立的帧。利用图层可以把一些复杂的图形按照一定的类别

18、分别绘制在不同的图层上，在每个图层上分别对图形进行处理，从而简化动画的制作。除普通图层外，Flash 还提供了两个特殊的图层：遮罩图层和引导图层。 对图层的编辑包括创建图层、重命名图层、移动图层、复制图层、删除图层、图层的隐藏与显示、图层的锁定与解锁等操作，这些操作可以通过层控制区实现。层控制区在时间轴的左半部分，如图4-32所示。,返回,图4-32 层控制区,返回,案例4.4 制作夜空中闪烁的星星,练习目的 练习要求 操作步骤,返回,练习目的,加深对图层概念的理解 掌握新建图层的方法 掌握在动画制作中使用空白关键帧的作用和插入空白关键帧的方法,返回,练习要求,1打开D:LX文件夹下Fa4-2

19、.fla文件，另存为Fa4-4.fla。 2将元件库中影片剪辑元件“星星”拖动到舞台工作区。修改颜色属性为“Alpha”60%。 3新增图层，与前面步骤相似地制作其他的星星，效果如图4-33所示。 4观察动画效果并保存文件。,返回,图4-33 闪烁的星星,返回,操作步骤,第一步：制作第一颗星星 第二步：制作其他的星星 第三步：测试、保存文件,返回,第一步：制作第一颗星星,（1）启动Flash，打开D:LX中Fa4-2.fla，另存为Fa4-4.fla （2）打开元件库，将创建的“星星”影片剪辑元件，拖动到舞台工作区中，如图4-34所示 （3）在属性面板中单击下拉列表框，在弹出列表中选择“Alp

20、ha”选项，并将其值设为60% （4）选中第60帧，按【F6】键插入一个关键帧,返回,图4-34 拖入舞台中的星星,返回,第二步：制作其他的星星,（1）单击【插入】【时间轴】【图层】菜单命令，新建一图层2。 （2）选中图层2的第5帧，单击【插入】【时间轴】【空白关键帧】命令或按【F5】键，在该层的第5帧处插入一个空白关键帧。 （3）将“星星”影片剪辑元件，拖动到舞台工作区中，并单击工具栏中的任意变形工具按钮，改变星星的大小。 （4）在属性面板中单击下拉列表框，在弹出列表中选择“Alpha”选项，并将其值设为50%，如图4-35所示。 （5）用同样的方法，增加图层和在各图层中增加星星，最后完成的

21、时间轴如图4-36所示。,返回,图4-35 增加星星,返回,图4-36 完成的时间轴,返回,第三步：测试、保存文件,（1）按【Ctrl+Enter】组合键测试动画 （2）保存文件，退出Flash,返回,案例4.5 制作水波纹,练习目的 练习要求 操作步骤,返回,练习目的,熟练掌握图形元件的制作 熟练掌握影片剪辑元件的制作 熟练掌握新建图层的方法 熟练掌握利用不同图层关键帧的错位创建补间动画，实现水滴滴落荡起水波的效果。,返回,练习要求,1新建Flash文档，保存到D:LX，文件名Fa4-5.fla，设置背景、文件大小及帧频。 2制作水滴元件。 3制作水波纹影片剪辑元件。 4制作动画，使效果如图

22、4-37所示。,返回,图4-37 水波纹,返回,操作步骤,第一步：新建文件 第二步：制作“水滴”图形元件 第三步：制作“水波”影片剪辑元件 第四步：创建水滴效果动画 第五步：测试、保存文件,返回,第一步：新建文件,（1）启动Flash文档，保存文件到D:LX，文件名为Fa4-5.fla。 （2）设置背景颜色为蓝色（#0033FF），文件大小为500400像素，帧频为12fps。,返回,第二步：制作“水滴”图形元件,（1）选择【插入】【新建元件】菜单命令，在弹出的对话框中，设置名称：水滴，行为：图形，单击“确定”按钮，新建一个图形元件。 （2）单击工具栏中的椭圆工具按钮，将椭圆的边界设置为无色，

23、打开“混色器”面板将填充样式设置为放射状渐变，颜色为蓝、白。 （3）利用工具栏中的椭圆工具和箭头工具，在元件编辑区中绘制如图4-38所示的水滴。,返回,图4-38 绘制水滴,返回,第三步：制作“水波”影片剪辑元件,（1）选择【插入】【新建元件】菜单命令，在弹出的对话框中设置名称：水波。行为：影片剪辑。单击“确定”按钮，新建一个影片剪辑元件。 （2）单击工具栏中的椭圆工具按钮，在元件编辑区中绘制如图4-39所示的椭圆环。 （3）单击工具栏中的颜料桶工具按钮，打开“混色器”面板将填充样式设置为放射状渐变，颜色为蓝、白，然后单击元件编辑区中的椭圆环，将椭圆环的颜色填充为蓝、白的渐变色，如图4-40所

24、示。 （4）选中图层1的第35帧，按【F6】键，在该层的第35帧处插入一个关键帧。 （5）改变椭圆环的大小。魏【修改】【变形】【缩放和旋转】菜单命令或按【Ctrl+Alt+S】组合键，调出“缩放和旋转”对话框，在“缩放”文本框中输入“250”，如图4-41所示，单击“确定”按钮。,返回,图4-39 绘制椭圆环,返回,图4-40 填充椭圆环,返回,图4-41 缩放和旋转对话框,返回,第四步：创建水滴效果动画,（1）选择【编辑】【编辑文档】菜单命令，退出元件编辑区，返回到舞台工作区中，将“水滴”元件拖动到舞台工作区中，如图4-42所示。 （2）选中第15帧，插入关键帧，将第15帧中的水滴下移一段距

25、离，如图4-43所示。 （3）在图层1的时间轴上第1帧到第15帧之间任意选择一帧，单击鼠标右键，在弹出的菜单中选择“创建补间动画”命令。 （4）选择【插入】【时间轴】【图层】菜单命令，新建一图层2，在图层2的第15帧处按F6键，插入一个关键帧，如图4-44所示。 （5）选中图层2的第15帧，将“水波”元件拖动到舞台工作区中，如图4-45所示。 （6）在图层2的第50帧处插入关键帧，选中图层第50帧中的图形，在属性面板中单击下拉列表框，在弹出列表中选择“Alpha”选项，并将其值设为0% 。,第四步：创建水滴效果动画（续）,（7）在图层2的时间轴上第15帧到第50帧之间任意选择一帧，单击鼠标右键

26、，在弹出的快捷菜单中选择“创建补间动画”命令。 （8）选中图层2，选择【插入】【时间轴】【图层】命令，新建一图层3，并在图层3的第20帧处插入关键帧，如图4-46所示。 （9）选中图层2的第15帧到第50帧, 单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令，复制第15帧到第50帧的内容。 （10）选中图层3的第20帧, 单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”命令, 粘贴复制帧,如图4-47所示。 （11）重复步骤（7）增加图层4、图层5、图层6，在图层4的第25帧、图层5的第30帧、图层6的第35帧插入关键帧。 （12）重复步骤8、步骤9在图层4、图层5、图层6中粘贴帧，如图4-4

27、8所示。,返回,图4-42 将水滴元件拖入舞台工作区,返回,图4-43 移动水滴,返回,图4-44 图层2的第15帧插入关键帧,返回,图4-45 将水波元件拖入舞台工作区中,返回,图4-46 图层3的第20帧插入关键帧,返回,图4-47 图层3的第20帧处粘贴帧,返回,图4-48 最后的时间轴,返回,第五步：测试、保存文件,（1）按【Ctrl+Enter】组合键测试动画。 （2）保存文件，退出Flash,返回,4.3 遮罩图层及其应用,基本知识 案例4.6 制作流动显示照片 案例4.7 制作放大镜,返回,基本知识,遮罩图层的概念： 遮罩图层是一种特殊的图层，使用遮罩图层后，遮罩图层下面图层的内

28、容就像透过一个窗口显示出来，这个窗口的形状就是遮罩图层中的内容的形状。一个遮罩层可以与位于其后的若干个连续的相邻图层建立遮罩与被遮罩的关系，只有建立了遮罩与被遮罩关系的编辑层才会受到遮罩层的影响。 遮罩图层的使用方法： 第一步：在遮罩图层上绘制遮罩图形 第二步：选取遮罩图层的第1帧，将遮罩图形拖到被遮罩图层对象的一侧 第三步：选取遮罩图层的另一关键帧，将遮罩图形拖到被遮罩图层对象的另一侧 第四步：在遮罩图层的两个关键帧间创建补间动画,返回,案例4.6 制作流动显示照片,返回,练习目的 练习要求 操作步骤 案例小结,练习目的,理解遮罩的概念和效果 掌握遮罩图层的创建和使用方法,返回,练习要求,1

29、新建Flash文档，保存到D:LX中，文件名为Fa4-6.fla。设置背景、文件大小及帧频。 2将图片导入舞台工作区中。 3制作一个名为mask的图形元件，内容为一个椭圆。 4创造遮罩图层 5测验动画，保存文件。,返回,操作步骤,第一步：新建文件 第二步：导入图片 第三步：制作元件 第四步：创建遮罩图层 第五步：保存文件,返回,第一步：新建文件,（1）启动Flash文档，保存文件到D:LX下，文件名Fa4-6.fla。 （2）设置背景颜色为黑色（#000000），文件大小为550400像素，帧频为12fps。,返回,第二步：导入图片,（1）选择【文件】【导入】【导入到舞台】菜单命令，载入所需图

30、片。 （2）单击工具栏中的任意变形工具按钮，将照片适当放大，如图4-51所示。 （3）选中图层1的第30帧，按【F6】键插入一个关键帧，如图4-52所示。,返回,图4-51 载入的图形,返回,图4-52 插入关键帧,返回,第三步：制作元件,（1）选择【插入】【新建元件】菜单命令，插入一个图形元件，命名为mask。 （2）单击工具栏中的椭圆工具按钮，将椭圆的填充色设置为白色，将椭圆的边界设置为无色。 （3）使用椭圆工具在元件编辑区中画一个椭圆，并将其拖到元件编辑区的中间，如图4-53所示。 （4）选择【编辑】【编辑文档】菜单命令，退出元件编辑区，返回到舞台工作区中。,返回,图4-53 白色椭圆,

31、返回,第四步：创建遮罩图层,（1）选择【插入】【时间轴】【图层】命令，新建一图层2，如图4-54所示。 （2）选中图层2的第1帧，将库窗口中的元件mask拖到舞台工作区中，并调整元件mask位置，如图4-55所示。 （3）选中图层2的第30帧，按【F6】键插入一个关键帧，并调整元件mask位置，如图4-56所示。 （4）在图层2的时间轴上第1帧到第30帧之间任意选择一帧，单击鼠标右键，在弹出的菜单中选择“创建补间动画”命令。如图4-57所示。 （5）选择图层2为当前图层，在层控制区上单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”，将图层2定义为遮罩图层，如图4-58所示。,返回,图4-54 插

32、入新图层,返回,图4-55 主画面1 图4-56 主画面2,返回,图4-57 时间轴,返回,图4-58 创建遮罩层,返回,第五步：保存文件,（1）按【Ctrl+Enter】组合键测试动画。 （2）保存文件，退出Flash。,返回,案例小结,1建立好遮罩后，遮罩图层和被遮罩图层自动锁定，如果要修改遮罩图层和被遮罩图层中的内容，需单击图层名称旁边的图标解锁，使其处于可编辑状态即可。 2遮罩图层中的对象只能是单一的物体、元件或文本对象。 3如果要取消遮罩图层，在遮罩图层单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”命令，便可将该图层变为标准图层，同时被遮罩图层也变为标准图层。,返回,案例4.7 制作

33、放大镜,返回,练习目的 练习要求 操作步骤,练习目的,掌握图形的任意变形 掌握复制帧、粘贴帧的用法 掌握遮罩图层的作用 掌握利用补间动画创作放大镜的移动效果,返回,练习要求,1新建Flash文档，保存到D:LX中，文件名Fa4-7.fla。设置背景及文件大小和帧频。 2选择静态文本类型，输入文字“FLASH MX”。 3创建遮罩层，使其具有放大镜功能，效果如图4-68所示。,返回,操作步骤,第一步：制作文字 第二步：创建遮罩图层 第三步：制作放大镜 第四步：测试、保存文件,返回,第一步：制作文字,（1）新建Flash文档，保存文件到D:LX，文件名为Fa4-7.fla，设置背景颜色为蓝色（#0

34、000FF），文件大小为550200像素，帧频为12fps。 （2）单击工具栏中的文本工具，在属性面板中选择静态文本类型，设置字体、字号、颜色，如图4-59所示。 （3）在舞台工作区中适当位置输入“FLASH MX”，如图4-60所示。 （4）选中图层1的第40帧，按F5键插入帧。,返回,图4-59 文字属性面板,返回,图4-60 输入字母,返回,第二步：创建遮罩图层,（1）选择【插入】【时间轴】【图层】菜单命令，新建一图层2。 （2）单击工具栏中的椭圆工具按钮，将椭圆的填充色设置与背景相同，将椭圆的边界设置为无色。 （3）使用椭圆工具在舞台工作区左边画一个圆形，大小覆盖左起第一个字母为准，如

35、图4-61所示。 （4） 选中图层2的第40帧，按F6键插入一个关键帧，将第40帧圆形的位置移到“FLASH MX”的结尾位置，覆盖最后一个字母，如图4-62所示。 （5）在图层2的时间轴上第1帧到第40帧之间任意选择一帧，单击鼠标右键，在弹出的菜单中选择“创建补间动画”命令。 （6）选中图层1的所有帧, 单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令,复制全部帧，如图4-63所示。 （7）选中图层2，选择【插入】【时间轴】【图层】命令，新建一图层3。,返回,第二步：创建遮罩图层(续),（8）选中图层3的第1帧到第40帧，单击鼠标右键，在弹出的快捷菜单中选择【粘贴帧】命令，复制粘贴全部帧，

36、如图4-64所示。 （9）选中图层3的第1帧的文字, 单击工具栏中的任意变形工具按钮，将文字适当放大，如图4-65所示。 （10）选中图层2的所有帧, 单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令，复制全部帧。 （11）选中图层3，单击【插入】“时间轴”“图层”命令，新建一图层4。 （12）选中图层4的第1帧到第40帧，单击鼠标右键，在弹出的快捷菜单中选择【粘贴帧】命令，粘贴复制全部帧，如图4-66所示。 （13）选择图层4为当前图层，在层控制区上单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”，将图层4定义为遮罩图层，如图4-67所示。,返回,图4-61 画一覆盖圆1,返回,图4-62

37、覆盖圆2,返回,图4-63 复制帧,返回,图4-64 粘贴帧,返回,图4-65 文字按比例放大,返回,图4-66 时间轴,返回,图4-67 创建遮罩层,返回,第三步：制作放大镜,（1）选中图层4，选择【插入】【时间轴】【图层】命令，新建一图层5。 （2）单击工具栏中的椭圆工具按钮，在舞台左边画一个边框为白色，填充色为无色的圆作为放大镜，如图4-68所示。 （3）选中图层5的第40帧，按【F6】键插入一个关键帧，将第40帧圆形的位置移到和图层2中第40帧圆形相同的位置。 （4）在图层5的时间轴上第1帧到第40帧之间任意选择一帧，单击鼠标右键，在弹出的菜单中选择“创建补间动画”命令。,返回,图4-

38、68 制作放大镜效果,返回,第四步：测试、保存文件,（1）按【Ctrl+Enter】组合键观察效果。 （2）保存文件，退出Flash,返回,4.4 引导层及其应用,基本知识 案例4.8 制作跳动的小球 案例4.9 制作月球、卫星环绕地球,返回,基本知识,引导层是Flash 动画中的另外一种特殊图层，利用引导层可以实现对象沿着指定的路径运动。一个引导层可以与多个图层间建立引导关系，实现多个对象沿相同的路径运动。,返回,案例4.8 制作跳动的小球,返回,练习目的 练习要求 操作步骤 案例小结,练习目的,掌握引导图层的作用与创建方法 掌握利用引导图层实现对象沿着指定的路径运动,返回,练习要求,1启动

39、Flash文档，保存于D:LX文件夹中，文件名为Fa4-8.fla。设置背景颜色、文件大小及帧频。 2制作小球元件。 3添加引导图层，在引导图层中制作引导线。 4将小球元件与引导图层结合，制作动画，形成效果为跳动的小球。,返回,操作步骤,第一步：新建文件 第二步：制作元件 第三步：创建引导图层 第四步：创建动画 第五步：测试动画，保存文件,返回,第一步：新建文件,（1）启动Flash文档，保存在D:LX中，文件名Fa4-8。 （2）设置背景颜色为蓝色（#0033FF），文件大小为550400像素，帧频为12fps。,返回,第二步：制作元件,（1）选择【插入】【新建元件】菜单命令，插入一个图形元

40、件，命名为ball。 （2）单击工具栏中的椭圆工具按钮，将椭圆的填充色设置为红色，将椭圆的边界设置为无色。 （3）使用椭圆工具在元件编辑区中画一个椭圆，并将其拖到元件编辑区的中间，如图4-71所示。 （4）选择【编辑】【编辑文档】菜单命令,退出元件编辑区，返回到舞台工作区中。,返回,图4-71 绘制的小球,返回,第三步：创建引导图层,（1）在图层1的层控制区上单击鼠标右键，在弹出的快捷菜单中选择【添加引导层】命令，添加运动引导图层。 （2）选中引导图层，单击工具栏中的铅笔工具按钮，将铅笔模式改为平滑，在舞台工作区中画一个运动轨迹，如图4-72所示。 （3）选中引导图层的第40帧，按【F5】键插

41、入一个普通帧。,返回,图4-72 运动路径,返回,第四步：创建动画,（1）选中图层1的第1帧，将库窗口中的元件ball拖到舞台工作区中，并调整元件ball的位置，使它位于运动路径的起点，如图4-73所示。 （2）选中图层1的第40帧，按【F6】键插入一个关键帧，将第40帧元件ball位置移到运动路径的终点，如图4-74所示。 （3）在图层1的时间轴上第1帧到第40帧之间任意选择一帧，单击鼠标右键，在弹出的菜单中选择【创建补间动画】命令。如图4-75所示。,返回,图4-73 主画面1,返回,图4-74 主画面2,返回,图4-75 完成的时间轴,返回,第五步：测试动画，保存文件,（1）按【Ctrl+Enter】组合键测试动画。 （2）保存文件，退出Flash。,返回,案例小结,1添加引导图层除本例介绍的方法外，还可用鼠标单击层控制区左下方的按钮。 2在创建动画中，如果选中了工具栏中的按钮，运动对象就会自动移到路径上来，并且对象会被限制在路径上。,返回,