收藏 分享(赏)

动画设计例题.doc

上传人:eukav 文档编号:7440938 上传时间:2019-05-18 格式:DOC 页数:21 大小:79KB
下载 相关 举报
动画设计例题.doc_第1页
第1页 / 共21页
动画设计例题.doc_第2页
第2页 / 共21页
动画设计例题.doc_第3页
第3页 / 共21页
动画设计例题.doc_第4页
第4页 / 共21页
动画设计例题.doc_第5页
第5页 / 共21页
点击查看更多>>
资源描述

1、1111111111111111111第 11 章 Flash 动画制作实例下面,我们应用所学知识,来制作各种动画实例。下面的实例从即学即用的角度出发,由浅入深地介绍每一个实例的操作步骤。你也可以根据自己的掌握情况,有选择地进行学习。实例 1:沿特定路径运动的动画【实例说明】在本实例中,一架飞机在空中做一个大翻身的特技动作,如屏幕所示为飞机的运动轨迹。通过本例的说明,你可以掌握制作沿特定路径运动的动画。1首先,新建一个文件,然后执行 Insert/New Symbol 命令,插入一个新的图形组件Plane。在该组件中,我们制作出飞机喷雾的一段动画,它由两个帧组成。2单击 Scene 1 标签,

2、返回到场景中。单击快速启动工具栏上的 Show Library 按钮,打开 Library 窗口,将 Plane 拖放到场景的适当位置。3单击 Add Guide Layer 按钮,此时会在 Layer 1 的上方添加一个参照层。然后使用铅笔工具,在 Guide 层画出一段曲线,它将作为飞机的运动路径。4分别在各图层的第 20 帧处按 F6 键,插入一个关键帧。然后单击选取 Layer 1 层,再将飞机拖放到曲线的第 1 个端点上。5同样,单击选取 Layer 1 图层的第 20 帧,将该帧内的飞机拖放到曲线的另一个端点上。单击快速启动工具栏上的 Show Info 按钮,打开 Info 面板

3、,然后单击 Frame 标签,选择 Tweening 下拉列表中的 Motion 选项,并勾选 Orient to path 复选项。至此,本实例制作完毕。按 Ctrl+Enter 键即可预览其效果。实例 2:变形动画(1)【实例说明】本例制作一段物体由一种形状平滑过渡到另一种形状的动画效果。如屏幕所示。1新建一个文件,在工具箱中选择直线工具,在场景中绘制作一个三角形。2单击工具箱中的油漆桶工具,然后单击填充色按钮,选择一种填充色。这里,我们选择一种渐变填充色来填充三角形。3用鼠标分别选中三角形的 3 条边线,将它们删除,由此得到位于第 1 帧的图形,如图 2.2 所示的三角形。4单击 Lay

4、er 1 层的第 20 帧,然后按 F7 键,在此插入一个空白关键帧。在工具箱中选择椭圆工具,单击框线颜色按钮,再单击按钮,将框线设为无色。单击填充色按钮,选择一种渐变填充色,然后绘制一个带渐变填充色的圆形。如图 2.3 所示。5单击选取第 1 帧,然后单击快速启动工具栏上的 Show Instance 按钮,打开Instance 面板。单击 Frame 标签,选择 Tweening 下拉列表中的 Shape 选项。如图 2.4 所示。至此,本例制作完毕。单页为文章的章名 1实例 3:变形动画(2)【实例说明】本例主要使用添加变形控制点的方法来控制图形形状的变化过程,从而可以比较精确地指定物体

5、的变化规则。1承前例,我们单击选取第 20 帧,然后将其中的圆删除,再使用矩形工具在此帧内绘制一个矩形填充图形。2选择第 1 帧,然后执行 Modify/Transform/Add Shape Hint 命令,或者按Ctrl+Shift+H 快捷键。此时会在三角形上出现一个红色的 Hint 标志,并以字母 a 开始进行标志。3重复上面的操作,再添加 3 个 Hint 标志,然后用鼠标将这 4 个 Hint 分别拖放到三角形的 3 个顶点和一条边线的中点上。4单击第 20 帧,此时可以看到在矩形的中间已经出现了 Hint 标志,它们都重叠在一起,且最后一个标志出现在最上层。用鼠标将这 4 个 H

6、int 分别拖放到矩形的 4 个顶点上。至此,本例制作完毕。用鼠标拖动播放头,可仔细观察此变形动画与前例的不同之处。实例 4:遮罩效果【实例说明】在本例中,我们使用 Mask 命令来制作出如屏幕所示的遮罩效果。1新建一个文件,然后执行 File/Import 命令,打开如屏幕所示的对话框。选择要导入的图形文件,然后单击“打开”按钮。2选中导入的图形文件,然后执行 Insert/Conver to Symbol 命令,在出现的对话框中输入组件名称,并选择 Graphic 单选项,再单击 OK 按钮。3单击第 10 帧,然后按 F6 键,在此插入一个关键帧。选取第 1 帧中的图形,然后将其向左移动

7、一段距离,在第 1 帧与第 10 帧之间建立一段 Motion 动画。4单击 Insert Layer 按钮,插入一个新层 Layer 2,然后在该图层栏单击鼠标右键,从弹出的快捷菜单中选择 Mask 命令。5单击 Layer 2 图层中的锁标记,取消锁定,然后单击工具箱中的文本工具,在此图层的适当位置输入如屏幕所示的文字。至此,本例全部制作完毕。按 Ctrl+Enter 键即可观看遮罩效果。实例 5:风吹效果【实例说明】本例制作文字的风吹效果,如屏幕所示。在播放该动画时,会看到文字从左至右,由近及远、由实到虚的依次飘落,如同风吹一般。双页为部分名,没有部分时为书名21新建一个文件,然后执行

8、Insert/New Symbol 命令。2在 Name 文本框中输入文字:随,并将其 Behavior 属性指定为 Graphic,再单击OK 按钮。3单击工具箱中的文本工具,输入文字:随。选取文字,将文字定位到十字符号处。重复上述步骤,制作好其他几个文字组件。4单击 Scene 1 标签,返回到场景中。然后执行 Window/Library 命令,或者直接单击快速启动工具栏中的 Show Library 按钮,打开 Library 窗口。5将制作好的文字按顺序分别拖放到相应的图层中。6选取所有的文字图形,然后单击工具栏上的 Align 按钮,打开如屏幕所示的对话框。单击 Align bot

9、tom edge 按钮,将文字底端对齐。单击 Space Evenly Horzontally 按钮,调整好文字图形的水平间距,然后单击 OK 按钮。7接下来,开始制作文字的动画效果。分别在 Layer 1 图层的第 5 帧和第 15 帧处插入一个关键帧,方法是选取相应的帧之后再按 F6 键即可。8选取第 15 帧,并将该帧内的文字向右上方移动一段距离。执行Modify/Transform/Scale and Rotate 命令,打开如屏幕所示的对话框。在 Rote 栏输入数值180,然后单击 OK 按钮。将文字旋转 180。9单击快速启动工具栏上的 Show Info 按钮,打开 Info

10、面板。输入文字的 X、Y 坐标值,以便于在后面统一其他文字的高度。10单击快速启动工具栏上的 Show Instance 按钮,打开 Instance 面板。单击 Effect标签,从下拉列表中选择 Alpha 选项,并将其值设为 0。11在第 5 帧上单击鼠标右键,从弹出的快捷菜单中选择 Create Motion Tween 选项,在第 5 帧与第 15 帧之间产生一段 Motion 动画。12同理,按照上述操作步骤,制作其他几个文字的 Motion 动画,其图层如屏幕所示。至此,本实例全部制作完毕,按 Ctrl+Enter 键即可预览影片。实例 6:激光写字效果【实例说明】在本例中,可看

11、到一束激光进行写字的动画效果。如屏幕所示是本例的演示效果。通过本例的学习,你可以掌握如何在 Flash 中创建中空字效果以及将字符转换为运动轨迹的方法。1新建一个文件,然后执行 Modify/Movie Properties 命令,将影片的背景设为黑色。2下面,我们开始制作一个写字用的激光棒。执行 Insert/New Symbol 命令,在出现的对话框中输入符号名称,并选择 Graphic 单选项,再单击 OK 按钮。3单击工具箱中的椭圆工具,绘制一个圆并以黄色填充。使用 Snap 工具,拖拉出一束激光。然后将其端点定位到十字形符号处。这样,就完成了激光的绘制。单页为文章的章名 34单击 S

12、cene 1 标签,返回到场景中。接下来,我们在场景中输入文字:WELCOME。选取文字,然后按 Ctrl+B 键,将文字打散。5接下来,单击工具箱中的墨水瓶工具,并指定其填充色及线条粗细,再用鼠标点击文字。完成后,按键盘上的 Delete 键,将文字内部的填色区域删除,这样,我们就得到了一个中空字效果。6下面,准备将文字转换为运动轨迹。单击时间轴左侧的 Add Guide Layer 按钮,添加一个参照层。单击选取 Layer 1 层中的第 1 帧并将其拖放到参照层上。7接着,利用缩放工具将文字进行放大。为了便于编辑运动轨迹,可以将视图放大。8单击选取工具箱中的橡皮擦工具,并选择一种擦除模式

13、,将第字母 W 擦出一个缺口,使连线断开。9接下来,单击 Layer 1 的第 1 帧,然后执行 Window/Library 命令,打开 Library 窗口。将激光棒拖到场景中,并将其端点拖放到字母 W 的第 1 个断点处。10单击 Layer 1 的第 10 帧,再按 F6 键,插入一个关键帧。为了看到参照层,我们可在参照层的适当位置插入一个关键帧。单击选取 Layer 1 的第 10 帧,然后锁定参照层,再将激光束拖到字母 W 的第 2 个断点处。11在 Layer 1 的第 1 帧上单击鼠标右键,从弹出的快捷菜单中选择 Create Motion Tween 命令,拖动时间轴上的红色

14、标记,就可看到写字效果了。同样的,按照上述方法制作其他字母的写字效果。12值得注意的是,在制作字母 O 的写字效果时,我们需要制作两束激光。单击Add Layer 按钮,添加一个新层。然后将其拖到 Layer 1 的下方。13单击选取第 45 帧,然后按 F7 键,插入一个空白帧。然后按照前面的方法,我们制作出字母 O 的内圈写字效果。经过上面的操作,其实我们并没有得到真正的写字效果,只是完成了激光束运动的轨迹。下面,教你如何完成最后的制作过程。14单击 Add Layer 按钮,添加一个新层,然后将其拖放到参照层的上方。为了便于编辑,可以将视图恢复到原大小。15接下来,输入文字:WELCOM

15、E。注意,输入的文字一定要与前面输入的文字字型保持一致。选取文字,按 Ctrl+B 键,将文字打散。然后将文字放大,使其与原文字一般大小。16接着,用比 Layer 1 中的文字更粗一些的线型来填充文字外框线。最后得到一个中空文字。选取该层,然后将文字下移,使它与参照层的运动轨迹重合。17将 Layer 11 层的第 1 帧进行复制,并粘贴到后面的帧中。18下面,开始编辑真正的写字效果了。单击第 1 帧,然后用鼠标框选并删除其他的字母,只保留激光束所指向的线条。提示:为了更方便选择要删除的字母及线条,可将其他层锁定。19接下来的工作,就是根据激光束的运动轨迹,将多余的线条删除。这需要有一定的耐

16、心才行!至此,本例就全部制作完毕了。双页为部分名,没有部分时为书名4实例 7:鼠标跟随【实例说明】在本例中,只要在屏幕上拖动鼠标即可看到一串带有金属质感的小球的动画效果。如屏幕所示是本例的演示效果。1新建一个文件,执行 Insert/New Symbol 命令,或按 Ctrl+F8 键,打开如屏幕所示的对话框。输入组件名称,并选择 Graphic 单选项,再单击 OK 按钮。2使用工具箱中的椭圆工具,绘制一个带有金属质感的球体。并将其定位到十字符号处。3再次执行 Insert/New Sybmol 命令,添加一个 Button 类型的组件,并将其命名“按钮”。在 Hit 帧插入一个空白帧。单击

17、工具箱中的矩形工具,绘制一个同金属球一般大小的圆并以另外一种颜色填充。4按 Ctrl+F8 键,添加一个影片片段,并将其命名为 “动画”,再单击 OK 按钮。单击快速启动工具栏上的 Show Library 按钮,打开 Library 面板,将“按钮”组件拖放到十字符号处。5单击第 2 帧,然后按 F7 键,插入一个空白帧,将 ball 组件拖放到十字符号处。单击第 10 帧,然后按 F6 键,插入一个关键帧,将该帧内的小球向下移动一段距离。6打开 Transform 面板,按演示输入数值,然后按 Copy and apply transform 按钮,将小球进行旋转变形。7单击选取第 2 帧

18、,然后打开 Frame 面板,在 Tweening 下拉列表中选择 Motion 选项,在 Rotate 下拉列表中选择 CW 选项,并在 times 文本框中输入数字 2,即表示将小球沿顺时针方向旋转两次。8单击第 20 帧,然后按 F6 键,插入一个关键帧。删除该帧内的小球,然后从Library 窗口重新拖入一个 ball 组件到十字符号处。9打开 Effect 面板,将小球的 Alpha 值设为 0。然后选取第 10 帧,在第 10 帧与第20 帧之间建立一段 Motion 动画。10接下来,双击第 1 帧,打开 Frame Actions 面板,单击按钮展开列表,然后双击Stop 选项

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

20、效果。单页为文章的章名 5实例 8:交互按钮(1)【实例说明】在本例中,主要制作交互按钮的常见状态,即鼠标指针移入、按下按钮及松开按钮时可看到不同的按钮效果。如屏幕所示是本例的演示效果。1新建一个文件,执行 Insert/New Symbol 命令。打开如屏幕所示的对话框。输入组件名称,并将其属性指定为 Button,再单击 OK 按钮。2此时,Flash 会自动在按钮的 Up 帧上插入一个空白帧。使用绘图工具,在编辑区绘制出如屏幕所示的图形。3在 Over 帧上单击鼠标右键,从弹出的快捷菜单中选择 Insert Keyframe 选项。单击工具箱中的油漆桶按钮,以红色填充按钮。4同样,在 D

21、own 帧上插入一个关键帧,然后用蓝色填充按钮。5单击 Insert Layer 按钮,添加一个新层,然后输入文字:Click.。6向左拖动帧标记,将多余的过渡帧清除,然后在 Over 帧按 F6 键,插入一个关键帧,将前面的 Click 文字改为 Over。在 Down 帧按 F6 键,插入一个关键帧,将文字 Over改为 Down。7单击 Scene 1 标签,返回到场景中。打开 Library 窗口,将按钮组件拖放到场景的适当位置。8单击 Control 菜单并选择 Enable Simple Buttons 选项。如图 8.7 所示。将鼠标指针移到按钮上,即可看到按钮会发生变化。至此,

22、本例全部制作完毕。实例 9:交互按钮(2)【实例说明】在本例中,为按钮加上鼠标单击事件并使它链接到指定的网址。当单击该按钮后,会在指定的窗口中打开所链接的网页。如屏幕所示是本例的演示效果。1承上例,在按钮对象上单击鼠标右键,打开如屏幕所示的快捷菜单。选择 Actions选项。2此时,会打开 Object Actions 面板。单击按钮展开其列表选项。双击列表中的 Get URL 选项,然后在 URL 栏输入要链接的网址。注意:输入网址时,一定要在前面输入:http:/,否则在发布影片后,该按钮的链接会出现错误。3单击 Window 下拉按钮,指定 URL 所响应的窗口名称,如屏幕所示。我们也可

23、以直接在 Window 栏输入其他自定义的窗口名,如 main,此窗口名称在后面的网页制作中会用到。4在场景的任一空白位置单击鼠标右键,从弹出的快捷菜单中选择 Movie Properties选项,在打开的 Movie Properties 对话框中设置好影片的属性,再单击 OK 按钮。双页为部分名,没有部分时为书名65执行 File/Export Movie 命令,将该影片输出成 SWF 文件。然后,打开网页编辑工具,这里,我们以 Macromedia Dreamweaver 为例进行说明。启动 Dreamweaver 之后,建立一个目录类型的框架网页,然后在左边的框架网页中插入生成好的 S

24、WF 文件。6在 Frame 面板中,将右边的框架命名为 main。执行 File/Save All 命令,将所有网页保存。至此,本例制作完毕,当我们打开网页的主页时,就可测试按钮了。实例 10:交互按钮(3)【实例说明】在本例中,将鼠标指针移到按钮上时,会看到一个动画效果。如屏幕所示是本例的演示效果。通过本例的学习,你可以掌握如何制作带动画效果的按钮。1承前例,在按钮上单击鼠标右键,从弹出的快捷菜单中选择 Edit 命令。2单击选取 Layer 2,然后单击 Delete Layer 按钮,删除该层。按 Ctrl+F8 键,添加一个影片片段,将其命令为 Text,然后单击 OK 按钮。3单击

25、工具箱中的文本工具,在编辑区输入文字:快来点我。选取文字,将其定位到十字符号处。然后执行 Insert/Cover to Symbol 命令,在弹出的对话框中选取 Graphic 单选项,并将其命名为“按钮文字”。4制作出一段文字由小变大,再由大变小的文字动画。注意,在上面的文字动画中,我们将首尾两个关键帧中的文字的 Alpha 值设为 0。5单击时间轴右上角的 Edit Symbols 按钮,从弹出的下拉列表中选择“交互按钮”,以打开按钮编辑窗口。6单击 Insert Layer 按钮,添加一个新层。在 Over 帧插入一个空白帧,然后打开 Library窗口,将 Text 影片片段拖到如屏

26、幕所示的位置。7单击 Scene 1 标签,返回到场景中,然后将“交互按钮”拖放到场景上。至此,本例全部制作完毕。按 Ctrl+Enter 键可观看影片。实例 11:交互按钮(4)【实例说明】在本例中,单击鼠标按钮之后,可听到一个声音效果,如屏幕所示是本例的演示效果图。通过本例的学习,你可以掌握如何向按钮添加声音。1新建一个文件,然后执行 Insert/New Symbol 命令,添加一个名为 Circle 的图形组件,并在该编辑区绘制一个如屏幕所示的图形。2执行 Insert/New Symbol 命令,添加一个影片片段 Circle Animator。在此影片片段中,我们将第 20 帧的

27、Circle 替身的颜色效果按演示进行设置。这样,便得到了一个颜色变换的动画效果。单页为文章的章名 73再次执行 Insert/New Symbol 命令,添加一个图形组件 Ball。接着,新增一个按钮组件。注意,我们将 Circle Animator 组件放置在 Over 帧。4执行 Window/Common Library/Sound 命令,打开 Flash 5 自带的声音库窗口。选择一种声音,然后将其拖放到 Button 组件的 Down 帧。此时会在其上方出现一段波形标记。5单击 Scene 1 标签,返回到场景中,将按钮从 Library 窗口拖入到场景中。至此,本例全部制作完毕。

28、实例 12:动画光标【实例说明】在本例中,我们制作一种动画光标的效果。如屏幕所示,当鼠标指针移入到房屋上时,即会看到一段动画光标,并且将原来的鼠标指针隐藏起来。当移出房屋出,鼠标指针恢复原样。通过本例的学习,读者可以掌握在影片中如何控制鼠标的显示与隐藏。1新建一个文件,然后执行 Insert/New Symbol 命令,在出现的对话框中输入组件名称,并将其属性指定为 Movie Clip,然后单击 OK 按钮。2执行 File/Import 命令,打开如屏幕所示的对话框,在此对话框中选择想要导入的图形文件。这里,我们将代表鼠标动画的序列图片全部导入到 Flash 中,只需选中第 1 个图形文件

29、:an0001.gif ,然后单击“打开”按钮。此时,Flash 会询问是否要导入序列文件。3、单击“是”按钮,Flash 会自动建立关键帧,并将导入的图形依顺放在各关键帧中。4、将外部图形导入到 Flash 中之后,可以先选中图形,然后执行 Modify/Trace Bitmap 命令,为图形去除不必要的背景色。4选取 Layer 1 图层的所有帧,然后将其向后移动 1 帧。双击第 1 帧,并为该帧加入Stop 语句。然后单击最后一帧,为其加入 Go to 语句。5接下来,我们加入一个按钮组件 Hot,在 Hit 帧按 F7 键,插入一个空白帧,然后使用矩形工具,在编辑区绘制一个矩形。此按钮

30、将作为一个隐形按钮放在场景中。6单击 Scene 1 标签,返回到场景中。在场景中制作一个背景图片,然后将 Hot 按钮拖放到场景中,并调整好其位置及大小。7接下来,将“光标动画”组件拖入到场景的适当位置,并将其命名为 Cursor。注意,由于光标动画的第 1 帧为空,将其拖入到场景中时,以一个小圆圈表示。8单击选取 Hot 按钮,然后单击快速启动工具栏中的 Show Actions 按钮,按演示加入如屏幕所示的语句:9、上面的语句表示,当用户将鼠标指针移到 Hot 按钮上时,告知 Cursor 影片片段从第 2帧开始播放,并将鼠标指针隐藏。当用户将鼠标指针移出按钮时,将播放头停放在 Curs

31、or影片片段的第 1 帧,并将鼠标指针显示出来。10、至此,本例全部制作完毕。按 Ctrl+Enter 键即可测试影片。实例 13:音乐开关双页为部分名,没有部分时为书名8【实例说明】在本例中,通过按钮来控制音乐的播放。通过本例的学习,你可以掌握如何引用 Flash 库中的按钮以及如何通过 Actions 命令控制声音的播放。1新建一个文件,然后执行 Window/Common Libraries/Buttons 命令,打开 Library 窗口。打开(circle)VCR Button Set 文件夹,选择 gel Stop 按钮并将其拖入至场景中。2执行 Window/Library 命令

32、,打开影片自身的 Library 窗口,将 gel Right 按钮从常用组件库中拖放到影片的 Library 窗口中。3接下来,开始导入一个声音文件。执行 File/Import 命令,打开 Import 对话框。找到要导入的声音文件,然后单击“打开”按钮。4单击第 5 帧,再按 F6 键,插入一个关键帧。双击第 5 帧,此时会打开 Frame Actions面板和 Sound 面板。在 Frame Actions 面板中单击按钮展开其列表选项,双击其中的 Stop选项,为帧加入 Stop 语句。在 Sound 面板中单击 Frame 标签,切换到 Frame 面板,在Label 栏输入数字

33、 1。5单击第 10 帧,再按 F7 键,插入一个空白帧,然后将 gel Right 按钮拖放到场景中。单击快速启动工具栏上的 Show Info 按钮,打开 Info 面板。在 X、Y 栏输入按钮的坐标值,使之与前面的 gel Stop 按钮保持在同一位置。6将第 10 帧标记为 2,并为其加入 Stop 语句。如果没有看到标记符号,可单击时间轴右上角的下拉按钮,从中选择 Medium 选项,可将标记符号显示出来。7单击 Insert Layer 按钮,新建一个层,准备在该层放置音乐。在 Layer 2 的任一空白帧上双击鼠标,打开 Sound 面板。单击 Sound 下拉按钮,从下拉列表中

34、选择声音文件。在Loops 文本框中输入数字 5,使声音重复插放 5 次。8接下来,我们为按钮加入控制声音播放的行为。单击选取 Layer 1 层的第 5 帧,在按钮上单击鼠标右键,从弹出的快捷菜单中选择 Actions 选项,以打开 Object Actions 面板。9单击 Actions 按钮展开其列表选项,从列表中选择 Stop All Sounds 命令。单击 Basic Actions 按钮,从下拉列表中选择 Go to 命令,然后在 Frame 下拉列表中选择 Frame Label选项,并在 Frame 栏输入数字 2,再单击取消 Go to and Play 复选项前面的对勾

35、。10单击选取第 10 帧的按钮,按演示加入如屏幕所示的语句。11、至此,本例全部制作完毕,按 Ctrl+Enter 键即可测试影片。实例 14:MTV【实例说明】本例来尝试制作一个自编自导的 MTV。其中,我们将前面学习过的动画特效统统加进去。当然,大家不要太局限于本例,要发挥自己的想象力,创作出有自己创意的 MTV。MTV1.wav 首先,我们制作一个 Replay 按钮。MTV2.wav 接下来的工作就是制作出 MTV 中要用到的图片。MTV3.wav 将一个女孩的图片用三种不同的颜色填充。MTV4.wav 这里,我们将 MTV 中的歌词也制作成影片片断。单页为文章的章名 9MTV5.w

36、av 然后,绘制一灰一黑两个矩形作为影片中要用到的蒙板。MTV6.wav 回到 Scene1 中,我们将导入的 Sound 声音文件拖放到 Sound 图层的第 1 帧中。MTV7.wav 选中第 1 帧,设置 Effect 为 Fade In,并将 Loops 设为 1。MTV8.wav 在场景上单击右键,选择 Movie Properties 命令,按演示设置影片属性。MTV9.wav 将 Sound 图层延长到第 165 帧。MTV10.wav 接着,加入 Mask 图层。Mask 图层从影片的第 25 帧开始。分别在场景的最上方和最下方放置黑色的矩形,中间放置灰色的矩形,并将灰色矩形的

37、透明度设为 30%。MTV11.wav 将 Mask 图层也延长到第 165 帧。MTV12.wav 在 Sound 图层和 Mask 图层之间加入 Dance 图层,Dance 图层也从影片的第25 帧开始。在本图层中,我们要加入三个女孩的舞蹈表演,在此只想简单介绍本人的做法,而你完全可以按照自己的想法为她们安排舞蹈动作。MTV13.wav 在第 1 段动画,运用了在运动中减小透明度的效果。MTV14.wav 而在第 2 段动画中,将影片的透明度增加以产生由虚到实的效果。MTV15.wav 尝试运用 Brightness 效果也是一个不错的想法。MTV16.wav 接下来,我们开始制作片头,

38、片头动画由两断动画组成。MTV17.wav 在第 1 段动画中,我们使用淡出的效果,在第 2 段动画中,我们将影片的标题缩小后移动到屏幕的左上角。MTV18.wav 第 2 段动画到第 25 帧结束,然后将 Title 图层的帧延伸到第 165 帧。MTV19.wav 加入一个新的图层 Text,在本图层为 MTV 加入歌词,注意歌词出现的位置要与声音合拍。MTV20.wav 你可以发挥自己的想像力来制作歌词的显示效果,像淡入效果、文字之间的Shape 转换以及亮度的变化,恰当的运用这些效果可以使你的 MTV 更眩。MTV21.wav 在影片的结尾,我们加入影片结束的标题。MTV22.wav

39、最后,我们在 Action 图层的第 165 帧导入 Replay 按钮,并为本帧加入 Stop()行为。MTV23.wav 为 Replay 按钮加入 gotoAndPlay(1)行为,使影片可以重复播放。MTV24.wav 到此我们就制作好了这个 MTV,让我们一起来欣赏吧。实例 15:弹出式菜单【实例说明】本例制作如图 15.1 所示的效果。在影片中使用弹出式菜单不仅可以节省空间,还可以增加影片的趣味性,因此在 Flash 影片中弹出式菜单的使用频率很高。本实例学习如何用Flash 5 制作弹出式菜单。1首先,将一幅按钮的图片放到舞台上,并将图层命名为 pic。随后,单击 Insert

40、Layer按钮,为影片加入一个新的图层,将图层命名为 menu,再绘制一个矩形框作为菜单的背景。双页为部分名,没有部分时为书名102执行 Insert/New Symbol 命令,插入一个名为 mask 的按钮组件。在按钮的 Hit 帧加入一个空白帧,并绘制一个矩形,在影片中这个矩形将作为一个隐形的按钮。3单击 Scene 1 标签,返回到场景中。单击 Insert Layer 按钮,加入一个新的图层并将其命名为 hide menu。执行 Window/Library 命令,打开 Library 窗口,然后将 mask 按钮拖放到场景中,使其覆盖在菜单的背景图案上。4接着,单击 Insert

41、Layer 按钮,加入一个新的图层并命名为 menu light。在本图层的第24 帧制作出菜单项的选中状态,即绘制一个浅色的矩形框。5单击 Insert Layer 按钮,加入一个新的图层并命名 menu button。打开 Library 窗口,拖入 3 个 mask 按钮到菜单中,使其竖直排列在一起。6单击 Insert Layer 按钮,加入一个新的图层并命名 menu text。在该图层中,我们制作出菜单中的选项文字,并将文字拖放到菜单的适当位置。7下面,我们加入影片的最后一个图层 mask,然后从 Library 窗口拖入一个 mask 按钮,将其放在菜单按钮图片上。8接下来,开始

42、为每个按钮加入 Action。单击选取 mask 图层的 mask 按钮,然后单击快速启动工具栏中的 Show Action 按钮,加入鼠标单击后的跳转行为,如图屏幕所示。该语句表示当单击此按钮后,会跳转到影片的第 2 帧,并停留在这个地方,即显示各菜单选项。9接着,单击选取 menu text 图层的第 1 帧,然后加入一个 stop 指令,使影片一开始播放就暂时停留在第 1 帧。10单击选取 menu button 图层的第 2 帧,分别为该图层中的 3 个按钮加入 Action。上面各按钮的 Action 使它们响应鼠标的 rollover 事件,并使影片跳转到对应的帧。11最后,我们为

43、 hide menu 图层的隐形按钮加入 on (rollout)事件,如屏幕所示。该语句表示当鼠标滑出按钮时,影片将跳到第 1 帧播放。至此,本实例制作完毕,按 Ctrl+Enter 键,即可观看其效果。实例 16:滚动菜单【实例说明】在本例中,我们来制作一个滚动的菜单,如屏幕所示。菜单中的按钮不停地从左向右滚动出现,单击相应的按钮,可链接到相应的网页。使用滚动菜单会令你的网页更生动。1首先,我们来制作影片中的各按钮。在按钮的 Up 帧我们使用一幅颜色较浅的图片,在 Over 和 Down 帧,用一幅颜色较亮的按钮图片,用来产生按钮的变化效果。新增一个图层 Text,为按钮加入网站的名字。按

44、照此方法,制作出另外 3 个按钮。2接下来,执行 Insert/New Symbol 命令,为影片加入一个图片组件 Bar。在 Layer1 图层绘制一个长为 400 像素的矩形框。然后,单击 Insert Layer 按钮,加入一个 Buttons 图层,用来放置按钮。将按钮拖放到矩形上,并调整好各按钮的大小和位置。单页为文章的章名 113选中一个按钮,然后单击快速启动工具栏中的 Show Action 按钮,打开 Object Actions面板,为按钮加入行为。单击 Basic Actions 按钮,在列表中双击 On Mouse Event 选项,或者直接将其拖入到右边窗口。4、在 E

45、vent 选项区选择 press 复选项。5、双击左边的 Get URL 选项,加入此按钮链接的网址,并将 Window 设为_blank。按照此方法,为其他 3 个按钮加入类似的鼠标事件,不同的是每个按钮都链接到了不同的网址。6、执行 Insert/New Symbol 命令,再加入一个图片组件 Move。从 Library 窗口中拖入两个Bar 组件到舞台中,将这两个 Bar 图片首尾相连形成一个长长的滚动条。5单击 Scene 1 标签,返回到场景中。在 Scene 1 的空白处单击鼠标右键,选中 Movie Properties 选项,设置影片属性。6将 Move 图片从 Librar

46、y 窗口拖到场景中,使 Move 图片的右侧与场景的右侧对齐,并将其 Y 坐标设为 60。7在 70 帧处插入一个关键帧,使 Move 图片的左侧与场景的左侧对齐,并将其 Y 坐标设为 60。8然后,选中第 1 帧,单击快速启动工具栏中的 Show Instance 按钮,打开 Instance 面板。单击 Frame 标签,在 Tweening 下拉列表中选择 Motion 选项。至此,本实例制作完毕。按 Ctrl+Enter 键,即可观看其效果。实例 17:下拉式菜单【实例说明】在本例中,我们来学习用 Flash 5 制作下拉式菜单的效果,如屏幕所示。当我们单击 Click按钮时,菜单就会

47、从屏幕的上方弹出,单击菜单上的按钮就可以链接到不同的网站了。再次单击 Click 按钮,菜单还可以收回。1新建一个文件,再执行 Insert/New Symbol 命令,加入一个按钮组件,将其命名为Click。在 Up 帧中输入文字:Click,之后将 Up 帧的文字复制到另外三个帧上。2再次执行 Insert/New Symbol 命令,制作链接到 Sohu 站点的按钮,将按钮命名为Sohu。同样,我们再制作一个链接到 Yahoo 站点的按钮。3执行 Insert/New Symbol 命令,加入一个图像组件 Back。在图层 Back 中绘制一个矩形框。4、之后单击 Insert Laye

48、r 按钮,加入一个新的图层 Button,并将三个按钮拖到此图层中。5选中 Click 按钮,然后单击快速启动工具栏上的 Show Actions 按钮,打开 Object Actions 窗口。单击 Basic Actions 按钮,在 Action 列表中双击 On Mouse Event 选项,并选择 Press 复选项。6、双击列表中的 Play 选项,在 on (press)事件的下方加入 play 语句。7、然后,我们选中 Sohu 按钮,在它的鼠标事件中加入链接命令,使其可以链接到 Sohu站点。同样,我们为 Yahoo 按钮加入行为,使其可以链接到 Yahoo 站点。双页为部分

49、名,没有部分时为书名128、下面,我们来制作滑动菜单,执行 Insert/New Symbol 命令,加入一个影片片段,命名为 Move。单击 OK 按钮。9、将 Back 图片组件拖到 Move 影片的第 1 帧中,并在第 15 帧处插入一个关键帧。将图片向下移动一段距离,做出下移的动作。之后在第 15 帧到第 30 帧我们制作出菜单上移的动作。10、单击 Insert Layer 按钮,在 menu 层的上方加入一个 action 图层。选取 action 图层的第1 帧,再单击 Show Action 按钮,打开在 Frame Actions 窗口,为该帧加入 stop 指令。同样,我们在 action 图层的第 15 帧也加入 stop 指令。11、单击 Scene 1 标签,回到主场景中。将 Move 影片拖到场景画面的上边。至此,本实例制作完毕,按 Ctrl+Enter 键就可以预览影片了。实例 18:滚动的电视节目预告单【实例说明】本例制作如图屏幕所示的效果。在这个例子中,我们来制作一个电视节目的预告单,而节目

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 企业管理 > 管理学资料

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报