Flash动画制作实例学案docWord格式文档下载.docx

1、选项。至此，本例制作完毕。实例3：变形动画（2）实例说明】本例主要使用添加变形控制点的方法控制图形形状的变化过程，从而可以比较 粕确地指定物体的变化规则。1. 承前例，我们单击选取第20帧，然后将其的圆删除，再便用矩形工具在此帧内绘制一个 矩形填充图形。2. 选择第1帧，然后执行修改-转换t 添加形状提示命令，或者按Ctrl+Shift+H 快捷键。此时会在三角形上出现一个红色的提示标志，并以字付a开始进行标志。3. 重复上面的操作，再添加3个标志，然后用鼠标将这4个分别拖放到 三角形的3个顶点和一条边线的点上。4. 单击笫20帧，此时可以看到在矩形的间已经出现了 标志，它们都重叠在一起, 月

2、最后一个标志出现在最上层。用鼠标将这4个分别拖放到矩形的4个顶点上。用鼠标拖动播放头，可仔细观察此变形动画与前例的不同Z处。 实例4：遮罩效果【实例说明】在本例，我们使用遮蔽命令制作出遮罩效果。1. 新建一个文件，然后执行文件导入命令，打开对话框。选择耍导入的图形文 件，然后单击“打开”按钮。2. 选导入的图形文件，然后执行插入T 转换成组件命令，在出现的对话框输入组件名称，并选择单选项，再单击确定按钮。3. 单击第10帧，然后按F6键，在此插入一个关键帧。选取笫1帧的图形，然后将其向左移动一段距离，在第1帧与第1（）帧之间建立一段动画。4. 单击插入图层按钮，插入一个新层图层2,然后在该图层

3、栏单击鼠标右键，从弹出 的快捷菜单选择遮蔽命令。5. 单击图层2图层的锁标记，取消锁定，然后单击T具箱的文本丁具，在此图层的适当位 置输入文字。至此，木例全部制作完毕。按Ctrl+Enter键即可观看遮罩效果。实例5：风吹效果【实例说明】木例制作文字的风吹效果，随风飘落。在播放该动画时，会看到文字从左 至右，由近及远、由实到虚的依次飘落，如同风吹一般。插入新建组件2. 在名称文本框输入文字：随，并将其类型属性指定为，再单击3. 单击工具箱的文本工具A,输入文字：随。选取文字，将文字定位到十字符号处。重复 上述步骤，制作好其他儿个文字组件。4. 单击场景1标签，返回到场景。然后执行窗口图库命令，

4、或者直接单击快速 启动工具栏的窗口。5. 将制作好的文字按顺序分别拖放到相应的图层。6. 选取所有的文字图形，然后单击工具栏上的排列按钮，打开对话框。单击排列底 部边缘按钮，将文字底端対齐。调整水平间距按钮，调整好文字图形的水平间距, 然后单击7. 接下，开始制作文字的动画效果。分别在图层1图层的第5帧和第15帧处插入一个关 键帧，方法是选取相应的帧之后再按F6键即可。8. 选収第15帧，并将该帧内的文字向右上方移动一段距离。执行修改-转换- 比例旋转在旋转栏输入数值180,然后单击将文字旋转180 o9. 单击快速启动工具栏上的显示信息按钮，打开信息而板。输入文字的X、Y坐标值, 以便于在后

5、而统一其他文字的高度。10. 单击快速启动工具栏上的显示实例按钮，打开单击效果标签， 从下拉列表选择Alpha选项，并将其值设为0。11. 在第5帧上单击鼠标右键，从弹岀的快捷菜单选择建立动作变化选项，在第5帧与 第15帧Z间产生一段12. 同理，按照上述操作步骤，制作英他儿个文字的至此，本实例全部制作完毕，按Ctrl+Enter键即可预览影片。实例6：激光写字效果【实例说明】在本例，nJ看到一束激光进行写字的动画效果。如屏幕所示是本例的演示效果。 通过本例的学习，你可以掌握如何在Flash创建空字效果以及将字符转换为运动轨迹的方法。影片属性命令，将影片的背景设为黑色。2. 下面，我们开始制作

6、一个写字用的激光棒。命令，在出现 的对话框输入符号名称，并选择3单击工具箱的椭圆工具，绘制一个圆并以黄色填充。使用选取工具，拖拉出一束激光。 然后将其端点定位到十字形符号处。这样，就完成了激光的绘制。接下，我们在场景输入文字：WELCOMEo选取文字， 然后按Ctrl+B键，将文字打散。5. 接下，单击工具箱的墨水瓶工具，并指定其填充色及线条粗细，再用鼠标点击文字。完 成后，按键盘上的Delete键，将文字内部的填色区域删除，这样，我们就得到了一个空字 效果。6. 下面，准备将文字转换为运动轨迹。单击时间轴左侧的添加引导图层按钮，添加一 个参照层。单击选取图层1层的第1帧并将具拖放到参照层上。

7、7. 接着，利用缩放工具将文字进行放人。为了便于编辑运动轨迹，可以将视图放人。8单击选取工具箱的橡皮擦工具，并选择一种擦除模式，将第字母W擦出一个缺口，使连 线断开。9. 接下，单击图层1的第1帧，然后执行命令，打开 将激光棒拖到场呆，并将其端点拖放到字母W的第1个断点处。10. 单击图层1的第10帧，再按F6键，插入一个关键帧。为了看到参照层，我们可在参 照层的适当位置插入一个关键帧。单击选取图层1的第10帧,然后锁定参照层，再将激光 束拖到字母W的第2个断点处。11. 在图层1的笫1帧上单击鼠标右键，从弹出的快捷菜单选择命令， 拖动时间轴上的红色标记，就可看到写字效果了。同样的，按照上述方

8、法制作其他字母的写 字效果。12. 值得注意的是,在制作字母O的写字效果时,我们盂要制作两束激光。添加图 层按钮，添加一个新层。然后将其拖到图层1的下方。13. 单击选収笫45帧，然后按F7键，插入一个空白帧。然后按照前血的方法，我们制作 出字母O的内圈写字效果。经过上而的操作，其实我们并没有得到真正的写字效果，只是完成了激光束运动的轨迹。下 而，教你如何完成最后的制作过程。14. 单击添加图层按钮，添加一个新层，然后将其拖放到参照层的上方。为了便于编辑, 可以将视图恢复到原人小。15. 接卜输入文字：WELCOMEo注意，输入的文字定耍与前面输入的文字字型保持 一致。选取文字，按Ctrl+B

9、键，将文字打散。然后将文字放大，使其与原文字一般大小。16. 接着，用比图层1的文字更粗一些的线型填充文字外框线。最后得到一个空文字。选 取该层，然后将文字下移，使它少参照层的运动轨迹重合。17. 将图层11层的第1帧进行复制，并粘贴到后面的帧。18. 卜面，开始编辑真正的写字效果了。单击第1帧，然后用鼠标椎选并删除具他的字母, 只保爾激光束所指向的线条。提示：为了更方便选择要删除的字母及线条，可将其他层锁定。19. 接下的工作，就是根据激光束的运动轨迹，将多余的线条删除。这需要有一定的耐心才 行！至此，木例就全部制作完毕了。实例7：鼠标跟随【实例说明】在木例，只要在屏幕上拖动鼠标即可看到一串

10、带有金属质感的小球的动画效果。1. 新建一个文件，执行T 命令，或按Ctrl+F8键，打开对话框。输 入组件名称，并选择2. 使用工具箱的椭圆工具，绘制一个带冇金属质感的球体。并将其定位到I字符号处。3. 再次执行命令，添加一个按钮类型的组件，并将其命名“按钮”。 在Hit帧插入一个空白帧。单击工具箱的矩形工貝绘制一个同金属球-般大小的圆并以另 外一种颜色填充。4. 按Ctrl+F8键，添加一个影片片段，并将其命名为“动呦”，再单击单 击快速启动工具栏上的而板，将“按钮”组件拖放到十 字符号处。5. 单击第2帧，然后按F7键，插入一个空白帧，将ball组件拖放到十字符号处。单击第 10帧，然后

11、按F6键，插入一个关键帧，将该帧内的小球向下移动一段距离。6. 打开快速启动面板-选择标签，按演示输入数值，然后按复 制并应用转换按钮，将小球进行旋转变形。7. 单击选収第2帧，然后打开帧数面板，在变化下拉列表选择选项，在 旋转下拉列表选择CW选项，并在次文木框输入数字2,即表示将小球沿顺时针方向旋转两次。8. 单击第20帧，然后按F6键，插入一个关键帧。删除该帧内的小球，然后从窗 口重新拖入一个ball组件到十字符号处。9. 打开效果面板，将小球的Alpha值设为0。然后选取第10帧，在第10帧与第20帧 之间建立一段10. 接下，双击第1帧，打开帧动作面板，单击按钮展开列表，然后双击停止选

12、项, 为该帧加入帧行为，即让影片在一开始运行的时候就停在笫1帧的位置。11. 单击选取第1帧内的按钮组件，然后按快速启动显示影片浏览器按钮，单击对象 动作-双击鼠标事件，选滚动播放，再双击-转到帧数处输入2,使鼠标移 到该按钮上之后，就跳转到笫2帧开始播放。12. 单击场景1标签，返回到主场景。在场景的任一位置单击鼠标右键，从弹出的快捷菜 单选择选项，打开如屏幕所示的对话框。按演示设置影片属性，然示单击确 定13. 打开窗口，将“动画”组件拖入到场景，然后将其缩放到适当大小。最后，在 场景复制无数个动画组件，并将它们紧密排列在一起。至此，本例全部制作完毕。按Ctrl+Enter键可观看影片效果

13、。实例8：交互按钮（1）【实例说明】在本例，主耍制作交互按钮的常见状态，即鼠标指针移入、按下按钮及松开按 钮时可看到不同的按钮效果。1. 新建一个文件,执行打开对话框。输入组件名称,并将 其属性指定为按钮2此时，Flash会自动在按钮的，向上帧上插入一个空白帧。使用绘图工具，在编辑区绘 制出按钮图形。3. 在经过帧上单击鼠标右键，从弹出的快捷菜单选择插件关键帧数选项。单击工 具箱的油漆桶按钮，以红色填充按钮。4. 同样，在向下帧上插入一个插件关键帧，然后用蓝色填充按钮。5. 单击插入图层按钮，添加一个新层，然后输入文字：Clicko6. 向左拖动帧标记，将多余的过渡帧清除，然后在经过帧按F6键

14、，插入一个关键帧, 将前面的Click文字改为。向下帧按F6键，插入一个关键帧，将文字经 过改为7单击场景1标签，返回到场景。打开窗口，将按钮组件拖放到场景的适当位置。8. 单击控制菜单并选择启用简单按钮将鼠标指针移到按钮上，即可看到按 钮会发生变化。实例9：交互按钮（2）【实例说明】在木例，为按钮加上鼠标单击事件并使它链接到指定的网址。当单击该按钮示, 会在指定的窗口打开所链接的网页。1. 承上例，在按钮对象上单击鼠标右键，打开快捷菜单。选择动作选项。2. 此时，会打开显示动作面板。单击按钮展开其列表选项。双击列表的获得URL， 选项，然后在URL栏输入要链接的网址。注意：输入网址时，一定要

15、在前而输入：http:/,否则在发布影片后，该按钮的链接会出现 错误。下拉按钮，指定URL所响应的窗口名称，如屏幕所示。我们也可以直接在 窗I栏输入其他白定义的窗口名，如main,此窗I名称在后面的网页制作会用到。4. 在场景的任一空白位置单击鼠标右键，从弹出的快捷菜单选择影片属性选项，在打 开的对话框设置好影片的属性，再单击5. 执行到出影片命令,将该影片输出成SWF文件。然后,打开网页编辑工 具，这里，我们以Macromedia Dreameaver为例进彳亍说明。启动Dreameaver 后，建立一 个目录类型的框架网页，然后在左边的框架网页插入生成好的SWF文件。（frontpage2

16、000,应选插入-高级t组件选择导出的影片，在预览一样可观察到。）6. 在帧数而板，将右边的框架命名为main。执行文件-另存为命令，将所有网页保存。 至此，本例制作完毕，当我们打开网页的主页时，就可测试按钮了。实例10：交互按钮（3）【实例说明】在本例，将鼠标指针移到按钮上时，会看到一个动应效果。通过本例的学 习，你可以掌握如何制作带动呦效果的按钮。1. 承前例，在按钮上单击鼠标右键，从弹出的快捷菜单选择编辑2. 单击选収图层2,然后单击删除图层按钮，删除该层。按Ctrl+F8键，添加一 个影片片段，将其命令为Text,然后单击3. 单击工具箱的文本工具A,在编辑区输入文字：快点我。选取文字

17、，将其定位到十 字符号处。命令，在弹出的对话框选取单选项, 并将其命名为“按钮文字” o4. 制作出一段文字由小变大，再由大变小的文字动画。注意，在上面的文字动画，我们将首尾两个关键帧的文字的Alpha值设为0。5单击时间轴右上角的编辑组件按钮,从弹出的下拉列表选择“交互按钮”,以 打开按钮编辑窗口。6单击帧插入一个空白帧，然后打开 窗口，将Text影片片段拖到图层。7. 单击场景1标签，返回到场景，然后将“交互按钮”拖放到场景上。至此，本例全 部制作完毕。按Ctrl+Enter键可观看影片。实例11：交互按钮（4）【实例说明】在本例，单击鼠标按钮之后，可听到一个声音效果，通过本例的学习，你

18、可以掌握如何向按钮添加声音。命令，添加一个名为Circle的图 形组件，并在该编辑区绘制一个图形。2. 执行命令，添加一个影片片段Circle Animatoro在此影片 片段，我们将第20帧的Circle替身的颜色效果按演示进行设置。这样，便得到了一个颜色 变换的动画效果。新建组件命令，添加一个图形纽件Balk接着，新增一个 按钮组件。注意,我们将Circle Animator tfi件放置在帧。4. 执行窗口 t 共享图库TSound （声音）命令，打开Flash 5自带的声音库窗 口。选择一种声音，然后将其拖放到按钮组件的向下帧。此时会在其上方出现一段波形 标记。5. 单击场景1标签，返

19、回到场景，将按钮从窗口拖入到场景。实例12：弹出式菜单【实例说明】本例制作在影片使用弹出式菜单不仅可以节省空间，还可以增加影片的趣 味性，因此在Flash影片弹出式菜单的使用频率很高。木实例学习如何用Flash 5制作弹出 式菜单。1. 首先，将一幅按钮的图片放到舞台上，并将图层命名为pic。随后，单击插入图 层按钮，为影片加入一个新的图层，将图层命名为menu,插入一个空白帧，再绘制一个 矩形框作为菜单的背景。命令，插入一个名为遮蔽的按钮组件。在按钮的 Hit帧加入一个空白帧，并绘制一个矩形，在影片这个矩形将作为一个隐形的按钮。3. 单击场景1标签，返回到场景。按钮，加入一个新的图层并将 -

20、其命名为隐藏菜单 T 窗口，然后将 按钮拖放到场景，使其覆盖在菜单的背景图案上。4. 接著，单击按钮，加入一个新的图层并命名为菜单变亮在本图 层的第24帧制作出菜单项的选状态，即绘制一个浅色的矩形框。5. 单击按钮，加入一个新的图层并命名菜单按钮窗 口，拖入3个按钮到菜单，使其竖总排列在一起。6. 单击插入图层按钮，加入一个浙的图层并命名菜单文本在该图层，我们 制作出菜单的选项文字，并将文字拖放到菜单的适当位置。7. 下面，我们加入影片的最后一个图层，然后从窗口拖入一个遮 蔽按钮，将其放在菜单按钮图片上。8. 接下，开始为每个按钮加入o单击选取图层的按钮，然 后单击快速启动工具栏的显示动作按钮

21、，加入鼠标单击后的跳转行为，帧动作/基 木动作/转到on（release）gotoAndplay（2）; 语句表示当单击此按钮后,会跳转到影片的第2 帧，并停留在这个地方，即显示各菜单选项，在帧处输入2,去掉转到并播放前的勾。9. 接着，单击选取图层的第1帧，然后加入一个stop指令，使影片 一开始播放就暂时停留在第1帧。10. 单击选取图层的第2帧，分别为该图层的3个按钮加入动作，帧动 作，/基本动作/转到和播放on（rollOver）gotoAndplay（l/2/3/4）;该语句表示当单击此按钮后, 会跳转到影片的第1/2/3/4帧，并停留在这个地方，即显示各菜单选项，在帧处输入1/2/

22、3/4, 去掉上面各按钮的动作使它们响应鼠标的滚动经过事件，并使影片跳转到対应的帧。11. 最后,我们为隐藏菜单图层的隐形按钮加入on （rollout）事件,如/ 基本动作/转到on（rollout）gotoAndplay（l）;。该语句表示当鼠标滑岀按钮时，彩片将跳到笫 1帧播放。至此，本实例制作完毕，按Ctrl+Entcr键，即可观看其效果。实例13：滚动菜单【实例说明】在木例，我们制作一个滚动的菜单。菜单的按钮不停地从左向右滚动出现, 单击相应的按钮，可链接到相应的网页。使用滚动菜单会令你的网页更生动。1. 首先，我们制作影片的各按钮。在按钮的向上帧我们使用一幅颜色较浅的图片， 在经过

23、和帧，用一幅颜色较亮的按钮图片，用产生按钮的变化效果。新增一个 图层Text,为按钮加入网站的名字。按照此方法，制作出另外3个按钮。2. 接下，执行插入t 新建组件命令，为影片加入一个图片组件Bare在图层1图 层绘制一个长为40（）像素的矩形框。然示，单击按钮，加入一个Buttons图 层，用放置按钮。将按钮拖放到矩形上，并调整好各按钮的大小和位置。3. 选一个按钮，然后单击快速启动工具栏的显示动作按钮，打开显示动作面 板，为按钮加入行为。基木动作按钮，在列表双击选项，或者直接将 具拖入到右边窗口。4、 在事件选项区选择按复选项。5、 双击左边的获得URL选项，加入此按钮链接的网址，并将设为

24、_blanko 按照此方法，为其他3个按钮加入类似的鼠标事件，不同的是每个按钮都链接到了不同的网 址。6、 执行插入 新建组件命令，再加入一个图片组件Moveo从图库，窗口拖入两 个Bar纽件到舞台,将这两个Baj图片首尾札I连形成一个长长的滚动条。5. 单击场景1标签，返回到场杲。在场景1的空白处单击鼠标右键，选 选项，设置影片属性。6. 将Move图片从图库，窗口拖到场景，使Move图片的右侧与场景的右侧对齐， 并将其Y坐标设为60o7. 在7（）帧处插入一个关键帧，使Move图片的左侧与场景的左侧对齐，并将其Y坐 标设为60o8. 然后，选第1帧，单击快速启动工具栏的显示实例帧数标签，在

25、按Ctrl+Enter键，即可观看其效果。实例14：下拉式菜单【实例说明】在本例，我们学习用Flash 5制作下拉式菜单的效果。当我们单击Click 按钮时，菜单就会从屏幕的上方弹出，单击菜单上的按钮就可以链接到不同的网站了。再次 单击Click按钮，菜单还可以收回。1. 新建一个文件，再执行插入命令，加入一个按钮组件，将其命名为 Clicko在帧输入文字：Click, Z后将帧的文字复制到另外三个帧上。2. 再次执行插入t 命令，制作链接到Sohu站点的按钮，将按钮命名为 Sohu。同样，我们再制作一个链接到Yahoo站点的按钮。3. 执行插入-命令，加入一个图像组件Backo在图层Back绘制一个矩 形框。4、 之后单击按钮，加入一个新的图层Button,并将三个按钮拖到此图层。5、 选Click按钮，然后单击快速启动工具栏上的显示动作 窗口。基本动作按钮，在动作列表双击鼠标事件选项，并选择6、 双击列表的播放选项，在on （press）事件的卜-方加入播放语句。7、 然后，我们选Sohu按钮，在它的鼠标事件加入链接命令，使其可以链接到Sohu站 点。同样，我们为Yahoo按钮加入行为，使其可以链接