Flash动画制作实例讲解.docx
- 文档编号:25178913
- 上传时间:2023-06-05
- 格式:DOCX
- 页数:32
- 大小:30.91KB
Flash动画制作实例讲解.docx
《Flash动画制作实例讲解.docx》由会员分享,可在线阅读,更多相关《Flash动画制作实例讲解.docx(32页珍藏版)》请在冰豆网上搜索。
Flash动画制作实例讲解
Flash动画制作实例讲解
下面,我们应用所学知识,来制作各种动画实例。
下面的实例从即学即用的角度出发,由浅入深地介绍每一个实例的操作步骤。
你也可以根据自己的掌握情况,有选择地进行学习。
实例1:
沿特定路径运动的动画
【实例说明】
在本实例中,一架飞机在空中做一个大翻身的特技动作,如屏幕所示为飞机的运动轨迹。
通过本例的说明,你可以掌握制作沿特定路径运动的动画。
1.首先,新建一个文件,然后执行Insert/NewSymbol命令,插入一个新的图形组件Plane。
在该组件中,我们制作出飞机喷雾的一段动画,它由两个帧组成。
2.单击Scene1标签,返回到场景中。
单击快速启动工具栏上的ShowLibrary按钮,打开Library窗口,将Plane拖放到场景的适当位置。
3.单击AddGuideLayer按钮,此时会在Layer1的上方添加一个参照层。
然后使用铅笔工具,在Guide层画出一段曲线,它将作为飞机的运动路径。
4.分别在各图层的第20帧处按F6键,插入一个关键帧。
然后单击选取Layer1层,再将飞机拖放到曲线的第1个端点上。
5.同样,单击选取Layer1图层的第20帧,将该帧内的飞机拖放到曲线的另一个端点上。
单击快速启动工具栏上的ShowInfo按钮,打开Info面板,然后单击Frame标签,选择Tweening下拉列表中的Motion选项,并勾选Orienttopath复选项。
至此,本实例制作完毕。
按Ctrl+Enter键即可预览其效果。
实例2:
变形动画
(1)
【实例说明】
本例制作一段物体由一种形状平滑过渡到另一种形状的动画效果。
如屏幕所示。
1.新建一个文件,在工具箱中选择直线工具,在场景中绘制作一个三角形。
2.单击工具箱中的油漆桶工具,然后单击填充色按钮,选择一种填充色。
这里,我们选择一种渐变填充色来填充三角形。
3.用鼠标分别选中三角形的3条边线,将它们删除,由此得到位于第1帧的图形,如图2.2所示的三角形。
4.单击Layer1层的第20帧,然后按F7键,在此插入一个空白关键帧。
在工具箱中选择椭圆工具,单击框线颜色按钮,再单击按钮,将框线设为无色。
单击填充色按钮,选择一种渐变填充色,然后绘制一个带渐变填充色的圆形。
如图2.3所示。
5.单击选取第1帧,然后单击快速启动工具栏上的ShowInstance按钮,打开Instance面板。
单击Frame标签,选择Tweening下拉列表中的Shape选项。
如图2.4所示。
至此,本例制作完毕。
实例3:
变形动画
(2)
【实例说明】
本例主要使用添加变形控制点的方法来控制图形形状的变化过程,从而可以比较精确地指定物体的变化规则。
1.承前例,我们单击选取第20帧,然后将其中的圆删除,再使用矩形工具在此帧内绘制一个矩形填充图形。
2.选择第1帧,然后执行Modify/Transform/AddShapeHint命令,或者按Ctrl+Shift+H快捷键。
此时会在三角形上出现一个红色的Hint标志,并以字母a开始进行标志。
3.重复上面的操作,再添加3个Hint标志,然后用鼠标将这4个Hint分别拖放到三角形的3个顶点和一条边线的中点上。
4.单击第20帧,此时可以看到在矩形的中间已经出现了Hint标志,它们都重叠在一起,且最后一个标志出现在最上层。
用鼠标将这4个Hint分别拖放到矩形的4个顶点上。
至此,本例制作完毕。
用鼠标拖动播放头,可仔细观察此变形动画与前例的不同之处。
实例4:
遮罩效果
【实例说明】
在本例中,我们使用Mask命令来制作出如屏幕所示的遮罩效果。
1.新建一个文件,然后执行File/Import命令,打开如屏幕所示的对话框。
选择要导入的图形文件,然后单击“打开”按钮。
2.选中导入的图形文件,然后执行Insert/ConvertoSymbol命令,在出现的对话框中输入组件名称,并选择Graphic单选项,再单击OK按钮。
3.单击第10帧,然后按F6键,在此插入一个关键帧。
选取第1帧中的图形,然后将其向左移动一段距离,在第1帧与第10帧之间建立一段Motion动画。
4.单击InsertLayer按钮,插入一个新层Layer2,然后在该图层栏单击鼠标右键,从弹出的快捷菜单中选择Mask命令。
5.单击Layer2图层中的锁标记,取消锁定,然后单击工具箱中的文本工具,在此图层的适当位置输入如屏幕所示的文字。
至此,本例全部制作完毕。
按Ctrl+Enter键即可观看遮罩效果。
实例5:
风吹效果
【实例说明】
本例制作文字的风吹效果,如屏幕所示。
在播放该动画时,会看到文字从左至右,由近及远、由实到虚的依次飘落,如同风吹一般。
1.新建一个文件,然后执行Insert/NewSymbol命令。
2.在Name文本框中输入文字:
随,并将其Behavior属性指定为Graphic,再单击OK按钮。
3.单击工具箱中的文本工具,输入文字:
随。
选取文字,将文字定位到十字符号处。
重复上述步骤,制作好其他几个文字组件。
4.单击Scene1标签,返回到场景中。
然后执行Window/Library命令,或者直接单击快速启动工具栏中的ShowLibrary按钮,打开Library窗口。
5.将制作好的文字按顺序分别拖放到相应的图层中。
6.选取所有的文字图形,然后单击工具栏上的Align按钮,打开如屏幕所示的对话框。
单击Alignbottomedge按钮,将文字底端对齐。
单击SpaceEvenlyHorzontally按钮,调整好文字图形的水平间距,然后单击OK按钮。
7.接下来,开始制作文字的动画效果。
分别在Layer1图层的第5帧和第15帧处插入一个关键帧,方法是选取相应的帧之后再按F6键即可。
8.选取第15帧,并将该帧内的文字向右上方移动一段距离。
执行Modify/Transform/ScaleandRotate命令,打开如屏幕所示的对话框。
在Rote栏输入数值180,然后单击OK按钮。
将文字旋转180°。
9.单击快速启动工具栏上的ShowInfo按钮,打开Info面板。
输入文字的X、Y坐标值,以便于在后面统一其他文字的高度。
10.单击快速启动工具栏上的ShowInstance按钮,打开Instance面板。
单击Effect标签,从下拉列表中选择Alpha选项,并将其值设为0。
11.在第5帧上单击鼠标右键,从弹出的快捷菜单中选择CreateMotionTween选项,在第5帧与第15帧之间产生一段Motion动画。
12.同理,按照上述操作步骤,制作其他几个文字的Motion动画,其图层如屏幕所示。
至此,本实例全部制作完毕,按Ctrl+Enter键即可预览影片。
实例6:
激光写字效果
【实例说明】
在本例中,可看到一束激光进行写字的动画效果。
如屏幕所示是本例的演示效果。
通过本例的学习,你可以掌握如何在Flash中创建中空字效果以及将字符转换为运动轨迹的方法。
1.新建一个文件,然后执行Modify/MovieProperties命令,将影片的背景设为黑色。
2.下面,我们开始制作一个写字用的激光棒。
执行Insert/NewSymbol命令,在出现的对话框中输入符号名称,并选择Graphic单选项,再单击OK按钮。
3.单击工具箱中的椭圆工具,绘制一个圆并以黄色填充。
使用Snap工具,拖拉出一束激光。
然后将其端点定位到十字形符号处。
这样,就完成了激光的绘制。
4.单击Scene1标签,返回到场景中。
接下来,我们在场景中输入文字:
WELCOME。
选取文字,然后按Ctrl+B键,将文字打散。
5.接下来,单击工具箱中的墨水瓶工具,并指定其填充色及线条粗细,再用鼠标点击文字。
完成后,按键盘上的Delete键,将文字内部的填色区域删除,这样,我们就得到了一个中空字效果。
6.下面,准备将文字转换为运动轨迹。
单击时间轴左侧的AddGuideLayer按钮,添加一个参照层。
单击选取Layer1层中的第1帧并将其拖放到参照层上。
7.接着,利用缩放工具将文字进行放大。
为了便于编辑运动轨迹,可以将视图放大。
8.单击选取工具箱中的橡皮擦工具,并选择一种擦除模式,将第字母W擦出一个缺口,使连线断开。
9.接下来,单击Layer1的第1帧,然后执行Window/Library命令,打开Library窗口。
将激光棒拖到场景中,并将其端点拖放到字母W的第1个断点处。
10.单击Layer1的第10帧,再按F6键,插入一个关键帧。
为了看到参照层,我们可在参照层的适当位置插入一个关键帧。
单击选取Layer1的第10帧,然后锁定参照层,再将激光束拖到字母W的第2个断点处。
11.在Layer1的第1帧上单击鼠标右键,从弹出的快捷菜单中选择CreateMotionTween命令,拖动时间轴上的红色标记,就可看到写字效果了。
同样的,按照上述方法制作其他字母的写字效果。
12.值得注意的是,在制作字母O的写字效果时,我们需要制作两束激光。
单击AddLayer按钮,添加一个新层。
然后将其拖到Layer1的下方。
13.单击选取第45帧,然后按F7键,插入一个空白帧。
然后按照前面的方法,我们制作出字母O的内圈写字效果。
经过上面的操作,其实我们并没有得到真正的写字效果,只是完成了激光束运动的轨迹。
下面,教你如何完成最后的制作过程。
14.单击AddLayer按钮,添加一个新层,然后将其拖放到参照层的上方。
为了便于编辑,可以将视图恢复到原大小。
15.接下来,输入文字:
WELCOME。
注意,输入的文字一定要与前面输入的文字字型保持一致。
选取文字,按Ctrl+B键,将文字打散。
然后将文字放大,使其与原文字一般大小。
16.接着,用比Layer1中的文字更粗一些的线型来填充文字外框线。
最后得到一个中空文字。
选取该层,然后将文字下移,使它与参照层的运动轨迹重合。
17.将Layer11层的第1帧进行复制,并粘贴到后面的帧中。
18.下面,开始编辑真正的写字效果了。
单击第1帧,然后用鼠标框选并删除其他的字母,只保留激光束所指向的线条。
提示:
为了更方便选择要删除的字母及线条,可将其他层锁定。
19.接下来的工作,就是根据激光束的运动轨迹,将多余的线条删除。
这需要有一定的耐心才行!
至此,本例就全部制作完毕了。
实例7:
鼠标跟随
【实例说明】
在本例中,只要在屏幕上拖动鼠标即可看到一串带有金属质感的小球的动画效果。
如屏幕所示是本例的演示效果。
1.新建一个文件,执行Insert/NewSymbol命令,或按Ctrl+F8键,打开如屏幕所示的对话框。
输入组件名称,并选择Graphic单选项,再单击OK按钮。
2.使用工具箱中的椭圆工具,绘制一个带有金属质感的球体。
并将其定位到十字符号处。
3.再次执行Insert/NewSybmol命令,添加一个Button类型的组件,并将其命名“按钮”。
在Hit帧插入一个空白帧。
单击工具箱中的矩形工具,绘制一个同金属球一般大小的圆并以另外一种颜色填充。
4.按Ctrl+F8键,添加一个影片片段,并将其命名为“动画”,再单击OK按钮。
单击快速启动工具栏上的ShowLibrary按钮,打开Library面板,将“按钮”组件拖放到十字符号处。
5.单击第2帧,然后按F7键,插入一个空白帧,将ball组件拖放到十字符号处。
单击第10帧,然后按F6键,插入一个关键帧,将该帧内的小球向下移动一段距离。
6.打开Transform面板,按演示输入数值,然后按Copyandapplytransform按钮,将小球进行旋转变形。
7.单击选取第2帧,然后打开Frame面板,在Tweening下拉列表中选择Motion选项,在Rotate下拉列表中选择CW选项,并在times文本框中输入数字2,即表示将小球沿顺时针方向旋转两次。
8.单击第20帧,然后按F6键,插入一个关键帧。
删除该帧内的小球,然后从Library窗口重新拖入一个ball组件到十字符号处。
9.打开Effect面板,将小球的Alpha值设为0。
然后选取第10帧,在第10帧与第20帧之间建立一段Motion动画。
10.接下来,双击第1帧,打开FrameActions面板,单击按钮展开列表,然后双击Stop选项,为该帧加入帧行为,即让影片在一开始运行的时候就停在第1帧的位置。
11.单击选取第1帧内的按钮组件,然后按演示加入如屏幕所示的语句,使鼠标移到该按钮上之后,就跳转到第2帧开始播放。
12.单击Scene1标签,返回到主场景。
在场景的任一位置单击鼠标右键,从弹出的快捷菜单中选择MovieProperties选项,打开如屏幕所示的对话框。
按演示设置影片属性,然后单击OK按钮。
13.打开Library窗口,将“动画”组件拖入到场景中,然后将其缩放到适当大小。
最后,在场景中复制无数个动画组件,并将它们紧密排列在一起。
至此,本例全部制作完毕。
按Ctrl+Enter键可观看影片效果。
实例8:
交互按钮
(1)
【实例说明】
在本例中,主要制作交互按钮的常见状态,即鼠标指针移入、按下按钮及松开按钮时可看到不同的按钮效果。
如屏幕所示是本例的演示效果。
1.新建一个文件,执行Insert/NewSymbol命令。
打开如屏幕所示的对话框。
输入组件名称,并将其属性指定为Button,再单击OK按钮。
2.此时,Flash会自动在按钮的Up帧上插入一个空白帧。
使用绘图工具,在编辑区绘制出如屏幕所示的图形。
3.在Over帧上单击鼠标右键,从弹出的快捷菜单中选择InsertKeyframe选项。
单击工具箱中的油漆桶按钮,以红色填充按钮。
4.同样,在Down帧上插入一个关键帧,然后用蓝色填充按钮。
5.单击InsertLayer按钮,添加一个新层,然后输入文字:
Click...。
6.向左拖动帧标记,将多余的过渡帧清除,然后在Over帧按F6键,插入一个关键帧,将前面的Click文字改为Over。
在Down帧按F6键,插入一个关键帧,将文字Over改为Down。
7.单击Scene1标签,返回到场景中。
打开Library窗口,将按钮组件拖放到场景的适当位置。
8.单击Control菜单并选择EnableSimpleButtons选项。
如图8.7所示。
将鼠标指针移到按钮上,即可看到按钮会发生变化。
至此,本例全部制作完毕。
实例9:
交互按钮
(2)
【实例说明】
在本例中,为按钮加上鼠标单击事件并使它链接到指定的网址。
当单击该按钮后,会在指定的窗口中打开所链接的网页。
如屏幕所示是本例的演示效果。
1.承上例,在按钮对象上单击鼠标右键,打开如屏幕所示的快捷菜单。
选择Actions选项。
2.此时,会打开ObjectActions面板。
单击按钮展开其列表选项。
双击列表中的GetURL选项,然后在URL栏输入要链接的网址。
注意:
输入网址时,一定要在前面输入:
http:
//,否则在发布影片后,该按钮的链接会出现错误。
3.单击Window下拉按钮,指定URL所响应的窗口名称,如屏幕所示。
我们也可以直接在Window栏输入其他自定义的窗口名,如main,此窗口名称在后面的网页制作中会用到。
4.在场景的任一空白位置单击鼠标右键,从弹出的快捷菜单中选择MovieProperties选项,在打开的MovieProperties对话框中设置好影片的属性,再单击OK按钮。
5.执行File/ExportMovie命令,将该影片输出成SWF文件。
然后,打开网页编辑工具,这里,我们以MacromediaDreamweaver为例进行说明。
启动Dreamweaver之后,建立一个目录类型的框架网页,然后在左边的框架网页中插入生成好的SWF文件。
6.在Frame面板中,将右边的框架命名为main。
执行File/SaveAll命令,将所有网页保存。
至此,本例制作完毕,当我们打开网页的主页时,就可测试按钮了。
实例10:
交互按钮(3)
【实例说明】
在本例中,将鼠标指针移到按钮上时,会看到一个动画效果。
如屏幕所示是本例的演示效果。
通过本例的学习,你可以掌握如何制作带动画效果的按钮。
1.承前例,在按钮上单击鼠标右键,从弹出的快捷菜单中选择Edit命令。
2.单击选取Layer2,然后单击DeleteLayer按钮,删除该层。
按Ctrl+F8键,添加一个影片片段,将其命令为Text,然后单击OK按钮。
3.单击工具箱中的文本工具,在编辑区输入文字:
快来点我。
选取文字,将其定位到十字符号处。
然后执行Insert/CovertoSymbol命令,在弹出的对话框中选取Graphic单选项,并将其命名为“按钮文字”。
4.制作出一段文字由小变大,再由大变小的文字动画。
注意,在上面的文字动画中,我们将首尾两个关键帧中的文字的Alpha值设为0。
5.单击时间轴右上角的EditSymbols按钮,从弹出的下拉列表中选择“交互按钮”,以打开按钮编辑窗口。
6.单击InsertLayer按钮,添加一个新层。
在Over帧插入一个空白帧,然后打开Library窗口,将Text影片片段拖到如屏幕所示的位置。
7.单击Scene1标签,返回到场景中,然后将“交互按钮”拖放到场景上。
至此,本例全部制作完毕。
按Ctrl+Enter键可观看影片。
实例11:
交互按钮(4)
【实例说明】
在本例中,单击鼠标按钮之后,可听到一个声音效果,如屏幕所示是本例的演示效果图。
通过本例的学习,你可以掌握如何向按钮添加声音。
1.新建一个文件,然后执行Insert/NewSymbol命令,添加一个名为Circle的图形组件,并在该编辑区绘制一个如屏幕所示的图形。
2.执行Insert/NewSymbol命令,添加一个影片片段CircleAnimator。
在此影片片段中,我们将第20帧的Circle替身的颜色效果按演示进行设置。
这样,便得到了一个颜色变换的动画效果。
3.再次执行Insert/NewSymbol命令,添加一个图形组件Ball。
接着,新增一个按钮组件。
注意,我们将CircleAnimator组件放置在Over帧。
4.执行Window/CommonLibrary/Sound命令,打开Flash5自带的声音库窗口。
选择一种声音,然后将其拖放到Button组件的Down帧。
此时会在其上方出现一段波形标记。
5.单击Scene1标签,返回到场景中,将按钮从Library窗口拖入到场景中。
至此,本例全部制作完毕。
实例12:
动画光标
【实例说明】
在本例中,我们制作一种动画光标的效果。
如屏幕所示,当鼠标指针移入到房屋上时,即会看到一段动画光标,并且将原来的鼠标指针隐藏起来。
当移出房屋出,鼠标指针恢复原样。
通过本例的学习,读者可以掌握在影片中如何控制鼠标的显示与隐藏。
1.新建一个文件,然后执行Insert/NewSymbol命令,在出现的对话框中输入组件名称,并将其属性指定为MovieClip,然后单击OK按钮。
2.执行File/Import命令,打开如屏幕所示的对话框,在此对话框中选择想要导入的图形文件。
这里,我们将代表鼠标动画的序列图片全部导入到Flash中,只需选中第1个图形文件:
an0001.gif,然后单击“打开”按钮。
此时,Flash会询问是否要导入序列文件。
3、单击“是”按钮,Flash会自动建立关键帧,并将导入的图形依顺放在各关键帧中。
4、将外部图形导入到Flash中之后,可以先选中图形,然后执行Modify/TraceBitmap命令,为图形去除不必要的背景色。
4.选取Layer1图层的所有帧,然后将其向后移动1帧。
双击第1帧,并为该帧加入Stop语句。
然后单击最后一帧,为其加入Goto语句。
5.接下来,我们加入一个按钮组件Hot,在Hit帧按F7键,插入一个空白帧,然后使用矩形工具,在编辑区绘制一个矩形。
此按钮将作为一个隐形按钮放在场景中。
6.单击Scene1标签,返回到场景中。
在场景中制作一个背景图片,然后将Hot按钮拖放到场景中,并调整好其位置及大小。
7.接下来,将“光标动画”组件拖入到场景的适当位置,并将其命名为Cursor。
注意,由于光标动画的第1帧为空,将其拖入到场景中时,以一个小圆圈表示。
8.单击选取Hot按钮,然后单击快速启动工具栏中的ShowActions按钮,按演示加入如屏幕所示的语句:
9、上面的语句表示,当用户将鼠标指针移到Hot按钮上时,告知Cursor影片片段从第2帧开始播放,并将鼠标指针隐藏。
当用户将鼠标指针移出按钮时,将播放头停放在Cursor影片片段的第1帧,并将鼠标指针显示出来。
10、至此,本例全部制作完毕。
按Ctrl+Enter键即可测试影片。
实例13:
音乐开关
【实例说明】
在本例中,通过按钮来控制音乐的播放。
通过本例的学习,你可以掌握如何引用Flash库中的按钮以及如何通过Actions命令控制声音的播放。
1.新建一个文件,然后执行Window/CommonLibraries/Buttons命令,打开Library窗口。
打开(circle)VCRButtonSet文件夹,选择gelStop按钮并将其拖入至场景中。
2.执行Window/Library命令,打开影片自身的Library窗口,将gelRight按钮从常用组件库中拖放到影片的Library窗口中。
3.接下来,开始导入一个声音文件。
执行File/Import命令,打开Import对话框。
找到要导入的声音文件,然后单击“打开”按钮。
4.单击第5帧,再按F6键,插入一个关键帧。
双击第5帧,此时会打开FrameActions面板和Sound面板。
在FrameActions面板中单击按钮展开其列表选项,双击其中的Stop选项,为帧加入Stop语句。
在Sound面板中单击Frame标签,切换到Frame面板,在Label栏输入数字1。
5.单击第10帧,再按F7键,插入一个空白帧,然后将gelRight按钮拖放到场景中。
单击快速启动工具栏上的ShowInfo按钮,打开Info面板。
在X、Y栏输入按钮的坐标值,使之与前面的gelStop按钮保持在同一位置。
6.将第10帧标记为2,并为其加入Stop语句。
如果没有看到标记符号,可单击时间轴右上角的下拉按钮,从中选择Medium选项,可将标记符号显示出来。
7.单击InsertLayer按钮,新建一个层,准备在该层放置音乐。
在Layer2的任一空白帧上双击鼠标,打开Sound面板。
单击Sound下拉按钮,从下拉列表中选择声音文件。
在Loops文本框中输入数字5,使声音重复插放5次。
8.接下来,我们为按钮加入控制声音播放的行为。
单击选取Layer1层的第5帧,在按钮上单击鼠标右键,从弹出的快捷菜单中选择Actions选项,以打开ObjectActions面板。
9.单击Actions按钮展开其列表选项,从列表中选择StopAllSounds命令。
单击BasicActions按钮,从下拉列表中选择Goto命令,然后在Frame下拉列表中选择FrameLabel选项,并在Frame栏输入数字2,再单击取消GotoandPlay复选项前面的对勾。
10.单击选取第10帧的按钮,按演示加入如屏幕所示的语句。
11、至此,本例全部制作完毕,按Ctrl+Enter键即可测试影片。
实例14:
MTV
【实例说明】
本例来尝试制作一个自编自导的MTV。
其中,我们将前面学习过的动画特效统统加进去。
当然,大家不要太局限
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 动画 制作 实例 讲解