Flash动画制作实例.docx
- 文档编号:24213295
- 上传时间:2023-05-25
- 格式:DOCX
- 页数:31
- 大小:30.81KB
Flash动画制作实例.docx
《Flash动画制作实例.docx》由会员分享,可在线阅读,更多相关《Flash动画制作实例.docx(31页珍藏版)》请在冰豆网上搜索。
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帧的图形,如下图的三角形。
4.单击Layer1层的第20帧,然后按F7键,在此插入一个空白关键帧。
在工具箱当选择椭圆工具,单击框线颜色按钮,再单击按钮,将框线设为无色。
单击填充色按钮,选择一种渐变填充色,然后绘制一个带渐变填充色的圆形。
如下图。
5.单击选取第1帧,然后单击快速启动工具栏上的ShowInstance按钮,打开Instance面板。
单击Frame标签,选择Tweening下拉列表中的Shape选项。
如下图。
至此,本例制作完毕。
实例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选项。
如下图。
将鼠标指针移到按钮上,即可看到按钮会发生转变。
至此,本例全数制作完毕。
实例9:
交互按钮
(2)
【实例说明】
在本例中,为按钮加上鼠标单击事件并使它链接到指定的网址。
当单击该按钮后,会在指定的窗口中打开所链接的网页。
如屏幕所示是本例的演示成效。
1.承上例,在按钮对象上单击鼠标右键,打开如屏幕所示的快捷菜单。
选择Actions选项。
2.现在,会打开ObjectActions面板。
单击按钮展开其列表选项。
双击列表中的GetURL选项,然后在URL栏输入要链接的网址。
注意:
输入网址时,必然要在前面输入:
,不然在发布影片后,该按钮的链接会显现错误。
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个图形文件:
,然后单击“打开”按钮。
现在,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按钮,按演示加入如屏幕所示的语句:
九、上面的语句表示,当用户将鼠标指针移到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帧的按钮,按演示加入如屏幕所示的语句。
1一、至此,本例全数制作完毕,按Ctrl+Enter键即可测试影片。
实例14:
MTV
【实例说明】
本例来尝试制作一个自编自导的MTV。
其中,咱们将前面学习过的动画特效通通加进去。
固然,大伙儿不要太局限于本例,要发挥自己的想象力,创作出有自己创意的MTV。
第一,咱们制作一
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 动画 制作 实例