Flash动画制作实例学案docWord格式文档下载.docx
《Flash动画制作实例学案docWord格式文档下载.docx》由会员分享,可在线阅读,更多相关《Flash动画制作实例学案docWord格式文档下载.docx(15页珍藏版)》请在冰豆网上搜索。
选项。
至此,本例制作完毕。
实例3:
变形动画
(2)
[实例说明】本例主要使用添加变形控制点的方法控制图形形状的变化过程,从而可以比较粕确地指定物体的变化规则。
1.承前例,我们单击选取第20帧,然后将其的圆删除,再便用矩形工具在此帧内绘制一个矩形填充图形。
2.选择第1帧,然后执行'
修改'
-'
转换'
t'
添加形状提示'
命令,或者按Ctrl+Shift+H快捷键。
此时会在三角形上出现一个红色的'
提示'
标志,并以字付a开始进行标志。
3.重复上面的操作,再添加3个'
标志,然后用鼠标将这4个'
分别拖放到三角形的3个顶点和一条边线的点上。
4.单击笫20帧,此时可以看到在矩形的间已经出现了'
标志,它们都重叠在一起,月•最后一个标志出现在最上层。
用鼠标将这4个'
分别拖放到矩形的4个顶点上。
用鼠标拖动播放头,可仔细观察此变形动画与前例的不同Z处。
实例4:
遮罩效果
【实例说明】在本例,我们使用'
遮蔽’命令制作出遮罩效果。
1.新建一个文件,然后执行'
文件'
导入'
命令,打开对话框。
选择耍导入的图形文件,然后单击“打开”按钮。
2.选导入的图形文件,然后执行'
插入’T'
转换成组件'
命令,在出现的对话框输入组
件名称,并选择'
单选项,再单击'
确定'
按钮。
3.单击第10帧,然后按F6键,在此插入一个关键帧。
选取笫1帧的图形,然后将其向左
移动一段距离,在第1帧与第1()帧之间建立一段'
动画。
4.单击'
插入图层'
按钮,插入一个新层图层2,然后在该图层栏单击鼠标右键,从弹出的快捷菜单选择'
遮蔽'
命令。
5.单击图层2图层的锁标记,取消锁定,然后单击T具箱的文本丁具,在此图层的适当位置输入文字。
至此,木例全部制作完毕。
按Ctrl+Enter键即可观看遮罩效果。
实例5:
风吹效果
【实例说明】木例制作文字的风吹效果,'
随风飘落’。
在播放该动画时,会看到文字从左至右,由近及远、由实到虚的依次飘落,如同风吹一般。
插入'
新建组件'
2.在名称文本框输入文字:
随,并将其类型属性指定为'
,再单击'
3.单击工具箱的文本工具A,输入文字:
随。
选取文字,将文字定位到十字符号处。
重复上述步骤,制作好其他儿个文字组件。
4.单击场景1标签,返回到场景。
然后执行'
窗口'
图库'
命令,或者直接单击快速启动工具栏的'
窗口。
5.将制作好的文字按顺序分别拖放到相应的图层。
6.选取所有的文字图形,然后单击工具栏上的'
排列'
按钮,打开对话框。
单击'
排列底部边缘'
按钮,将文字底端対齐。
调整水平间距’按钮,调整好文字图形的水平间距,然后单击'
7.接下,开始制作文字的动画效果。
分别在图层1图层的第5帧和第15帧处插入一个关键帧,方法是选取相应的帧之后再按F6键即可。
8.选収第15帧,并将该帧内的文字向右上方移动一段距离。
执行'
修改’-'
转换’-'
比例旋转'
在'
旋转’栏输入数值180,然后单击'
将
文字旋转180°
o
9.单击快速启动工具栏上的'
显示信息'
按钮,打开信息而板。
输入文字的X、Y坐标值,以便于在后而统一其他文字的高度。
10.单击快速启动工具栏上的'
显示实例’按钮,打开'
单击效果'
标签'
,从下拉列表选择Alpha选项,并将其值设为0。
11.在第5帧上单击鼠标右键,从弹岀的快捷菜单选择'
建立动作变化'
选项,在第5帧与第15帧Z间产生一段'
12.同理,按照上述操作步骤,制作英他儿个文字的'
至此,本实例全部制作完毕,按Ctrl+Enter键即可预览影片。
实例6:
激光写字效果
【实例说明】在本例,nJ看到一束激光进行写字的动画效果。
如屏幕所示是本例的演示效果。
通过本例的学习,你可以掌握如何在Flash创建空字效果以及将字符转换为运动轨迹的方法。
影片属性'
命令,将影片的背景设为黑色。
2.下面,我们开始制作一个写字用的激光棒。
命令,在出现的对话框输入符号名称,并选择'
3•单击工具箱的椭圆工具,绘制一个圆并以黄色填充。
使用选取工具,拖拉出一束激光。
然后将其端点定位到十字形符号处。
这样,就完成了激光的绘制。
接下,我们在场景输入文字:
WELCOMEo选取文字,然后按Ctrl+B键,将文字打散。
5.接下,单击工具箱的墨水瓶工具,并指定其填充色及线条粗细,再用鼠标点击文字。
完成后,按键盘上的Delete键,将文字内部的填色区域删除,这样,我们就得到了一个空字效果。
6.下面,准备将文字转换为运动轨迹。
单击时间轴左侧的'
添加引导图层'
按钮,添加一个参照层。
单击选取图层1层的第1帧并将具拖放到参照层上。
7.接着,利用缩放工具将文字进行放人。
为了便于编辑运动轨迹,可以将视图放人。
8•单击选取工具箱的橡皮擦工具,并选择一种擦除模式,将第字母W擦出一个缺口,使连线断开。
9.接下,单击图层1的第1帧,然后执行'
命令,打开'
将激光棒拖到场呆,并将其端点拖放到字母W的第1个断点处。
10.单击图层1的第10帧,再按F6键,插入一个关键帧。
为了看到参照层,我们可在参照层的适当位置插入一个关键帧。
单击选取图层1的第10帧,然后锁定参照层,再将激光束拖到字母W的第2个断点处。
11.在图层1的笫1帧上单击鼠标右键,从弹出的快捷菜单选择'
命令,拖动时间轴上的红色标记,就可看到写字效果了。
同样的,按照上述方法制作其他字母的写字效果。
12.值得注意的是,在制作字母O的写字效果时,我们盂要制作两束激光。
添加图层'
按钮,添加一个新层。
然后将其拖到图层1的下方。
13.单击选収笫45帧,然后按F7键,插入一个空白帧。
然后按照前血的方法,我们制作出字母O的内圈写字效果。
经过上而的操作,其实我们并没有得到真正的写字效果,只是完成了激光束运动的轨迹。
下而,教你如何完成最后的制作过程。
14.单击'
添加图层’按钮,添加一个新层,然后将其拖放到参照层的上方。
为了便于编辑,可以将视图恢复到原人小。
15.接卜输入文字:
WELCOMEo注意,输入的文字―•定耍与前面输入的文字字型保持一致。
选取文字,按Ctrl+B键,将文字打散。
然后将文字放大,使其与原文字一般大小。
16.接着,用比图层1的文字更粗一些的线型填充文字外框线。
最后得到一个空文字。
选取该层,然后将文字下移,使它少参照层的运动轨迹重合。
17.将图层11层的第1帧进行复制,并粘贴到后面的帧。
18.卜•面,开始编辑真正的写字效果了。
单击第1帧,然后用鼠标椎选并删除具他的字母,只保爾激光束所指向的线条。
提示:
为了更方便选择要删除的字母及线条,可将其他层锁定。
19.接下的工作,就是根据激光束的运动轨迹,将多余的线条删除。
这需要有一定的耐心才行!
至此,木例就全部制作完毕了。
实例7:
鼠标跟随
【实例说明】在木例,只要在屏幕上拖动鼠标即可看到一串带有金属质感的小球的动画效果。
1.新建一个文件,执行'
T'
命令,或按Ctrl+F8键,打开对话框。
输入组件名称,并选择'
2.使用工具箱的椭圆工具,绘制一个带冇金属质感的球体。
并将其定位到I•字符号处。
3.再次执行'
命令,添加一•个按钮类型的组件,并将其命名“按钮”。
在Hit帧插入一个空白帧。
单击工具箱的矩形工貝绘制一个同金属球-•般大小的圆并以另外一种颜色填充。
4.按Ctrl+F8键,添加一个影片片段,并将其命名为“动呦”,再单击'
单击快速启动工具栏上的'
而板,将“按钮”组件拖放到十字符号处。
5.单击第2帧,然后按F7键,插入一个空白帧,将ball组件拖放到十字符号处。
单击第10帧,然后按F6键,插入一个关键帧,将该帧内的小球向下移动一段距离。
6.打开快速启动'
面板-选择'
标签,按演示输入数值,然后按'
复制并应用转换'
按钮,将小球进行旋转变形。
7.单击选収第2帧,然后打开'
帧数’面板,在'
变化’下拉列表选择'
选项,在'
旋转'
下拉列表选择CW选项,并在'
次’文木框输入数字2,即表示将小球沿顺时针方
向旋转两次。
8.单击第20帧,然后按F6键,插入一个关键帧。
删除该帧内的小球,然后从'
窗口重新拖入一个ball组件到十字符号处。
9.打开'
效果'
面板,将小球的Alpha值设为0。
然后选取第10帧,在第10帧与第20帧之间建立一段'
10.接下,双击第1帧,打开'
帧动作'
面板,单击按钮展开列表,然后双击'
停止'
选项,为该帧加入帧行为,即让影片在一开始运行的时候就停在笫1帧的位置。
11.单击选取第1帧内的按钮组件,然后按快速启动'
显示影片浏览器'
按钮,单击'
对象动作'
-双击'
鼠标事件'
,选'
滚动播放'
,再双击-'
转到'
帧数处输入2,使鼠标移到该按钮上之后,就跳转到笫2帧开始播放。
12.单击场景1标签,返回到主场景。
在场景的任一位置单击鼠标右键,从弹出的快捷菜单选择'
选项,打开如屏幕所示的对话框。
按演示设置影片属性,然示单击'
确定'
13.打开'
窗口,将“动画”组件拖入到场景,然后将其缩放到适当大小。
最后,在场景复制无数个动画组件,并将它们紧密排列在一起。
至此,本例全部制作完毕。
按Ctrl+Enter键可观看影片效果。
实例8:
交互按钮
(1)
【实例说明】在本例,主耍制作交互按钮的常见状态,即鼠标指针移入、按下按钮及松开按钮时可看到不同的按钮效果。
1.新建一个文件,执行'
打开对话框。
输入组件名称,并将其属性指定为'
按钮'
2•此时,Flash会自动在按钮的,向上‘帧上插入一个空白帧。
使用绘图工具,在编辑区绘制出按钮图形。
3.在'
经过'
帧上单击鼠标右键,从弹出的快捷菜单选择'
插件关键帧数’选项。
单击工具箱的油漆桶按钮,以红色填充按钮。
4.同样,在'
向下’帧上插入一个插件关键帧,然后用蓝色填充按钮。
5.单击插入'
图层按钮’,添加一个新层,然后输入文字:
Clicko
6.向左拖动帧标记,将多余的过渡帧清除,然后在'
经过’帧按F6键,插入一个关键帧,将前面的Click文字改为'
。
向下'
帧按F6键,插入一个关键帧,将文字'
经过'
改为'
7•单击场景1标签,返回到场景。
打开'
窗口,将按钮组件拖放到场景的适当位置。
8.单击'
控制’菜单并选择'
启用简单按钮'
将鼠标指针移到按钮上,即可看到按钮会发生变化。
实例9:
交互按钮
(2)
【实例说明】在木例,为按钮加上鼠标单击事件并使它链接到指定的网址。
当单击该按钮示,会在指定的窗口打开所链接的网页。
1.承上例,在按钮对象上单击鼠标右键,打开快捷菜单。
选择'
动作’选项。
2.此时,会打开'
显示动作’面板。
单击按钮展开其列表选项。
双击列表的'
获得URL,选项,然后在URL栏输入要链接的网址。
注意:
输入网址时,一定要在前而输入:
http:
//,否则在发布影片后,该按钮的链接会出现错误。
下拉按钮,指定URL所响应的窗口名称,如屏幕所示。
我们也可以直接在'
窗I」'
栏输入其他白定义的窗口名,如main,此窗I」名称在后面的网页制作会用到。
4.在场景的任一空白位置单击鼠标右键,从弹出的快捷菜单选择'
影片属性’选项,在打开的'
对话框设置好影片的属性,再单击'
5.执行'
到出影片'
命令,将该影片输出成SWF文件。
然后,打开网页编辑工具,这里,我们以MacromediaDreameaver为例进彳亍说明。
启动Dreameaver后,建立一个目录类型的框架网页,然后在左边的框架网页插入生成好的SWF文件。
(^frontpage2000,应选'
插入-高级t组件'
选择导出的影片,在预览一样可观察到。
)
6.在'
帧数’而板,将右边的框架命名为main。
执行文件-另存为命令,将所有网页保存。
至此,本例制作完毕,当我们打开网页的主页时,就可测试按钮了。
实例10:
交互按钮(3)
【实例说明】在本例,将鼠标指针移到按钮上时,会看到一个动应效果。
通过本例的学习,你可以掌握如何制作带动呦效果的按钮。
1.承前例,在按钮上单击鼠标右键,从弹出的快捷菜单选择’编辑'
2.单击选収图层2,然后单击'
删除图层'
按钮,删除该层。
按Ctrl+F8键,添加一个影片片段,将其命令为Text,然后单击'
3.单击工具箱的文本工具A,在编辑区输入文字:
快点我。
选取文字,将其定位到十字符号处。
命令,在弹出的对话框选取'
单选项,并将其命名为“按钮文字”o
4.制作出一段文字由小变大,再由大变小的文字动画。
注意,在上面的文字动画,我们将首尾两个关键帧的文字的Alpha值设为0。
5•单击时间轴右上角的'
编辑组件'
按钮,从弹出的下拉列表选择“交互按钮”,以打开按钮编辑窗口。
6•单击'
帧插入一个空白帧,然后打开'
窗口,将Text影片片段拖到'
图层。
7.单击场景1标签,返回到场景,然后将“交互按钮”拖放到场景上。
至此,本例全部制作完毕。
按Ctrl+Enter键可观看影片。
实例11:
交互按钮(4)
【实例说明】在本例,单击鼠标按钮之后,可听到一个声音效果,通过本例的学习,你可以掌握如何向按钮添加声音。
命令,添加一个名为Circle的图形组件,并在该编辑区绘制一个图形。
2.执行'
命令,添加一个影片片段CircleAnimatoro在此影片片段,我们将第20帧的Circle替身的颜色效果按演示进行设置。
这样,便得到了一个颜色变换的动画效果。
新建组件’命令,添加一个图形纽件Balk接着,新增一个按钮组件。
注意,我们将CircleAnimatortfi件放置在'
帧。
4.执行'
窗口’t'
共享图库'
TSound(声音)命令,打开Flash5自带的声音库窗口。
选择一种声音,然后将其拖放到按钮组件的'
向下’帧。
此时会在其上方出现一段波形标记。
5.单击场景1标签,返回到场景,将按钮从'
窗口拖入到场景。
实例12:
弹出式菜单
【实例说明】本例制作在影片使用弹出式菜单不仅可以节省空间,还可以增加影片的趣味性,因此在Flash影片弹出式菜单的使用频率很高。
木实例学习如何用Flash5制作弹出式菜单。
1.首先,将一幅按钮的图片放到舞台上,并将图层命名为pic。
随后,单击'
插入图层'
按钮,为影片加入一个新的图层,将图层命名为menu,插入一个空白帧,再绘制一个矩形框作为菜单的背景。
命令,插入一个名为'
遮蔽’的按钮组件。
在按钮的Hit帧加入一个空白帧,并绘制一个矩形,在影片这个矩形将作为一个隐形的按钮。
3.单击场景1标签,返回到场景。
按钮,加入一个新的图层并将-其命名为'
隐藏菜单'
T'
窗口,然后将'
按钮拖放到场景,使其覆盖在菜单的背景图案上。
4.接著,单击'
按钮,加入一个新的图层并命名为'
菜单变亮'
在本图层的第2~4帧制作出菜单项的选状态,即绘制一个浅色的矩形框。
5.单击'
按钮,加入一个新的图层并命名'
菜单按钮'
窗口,拖入3个'
按钮到菜单,使其竖总排列在一起。
6.单击'
插入图层’按钮,加入一个浙的图层并命名'
菜单文本'
在该图层,我们制作出菜单的选项文字,并将文字拖放到菜单的适当位置。
7.下面,我们加入影片的最后一个图层'
,然后从'
窗口拖入一个'
遮蔽'
按钮,将其放在菜单按钮图片上。
8.接下,开始为每个按钮加入'
o单击选取'
图层的'
按钮,然后单击快速启动工具栏的'
显示动作’按钮,加入鼠标单击后的跳转行为,'
帧动作’/基木动作/转到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/3/4,去掉'
上面各按钮的动作使它们响应鼠标的'
滚动经过’事件,并使影片跳转到対应的帧。
11.最后,我们为'
隐藏菜单’图层的隐形按钮加入on(rollout)事件,如'
/基本动作/转到on(rollout){gotoAndplay(l);
}。
该语句表示当鼠标滑岀按钮时,彩片将跳到笫1帧播放。
至此,本实例制作完毕,按Ctrl+Entcr键,即可观看其效果。
实例13:
滚动菜单
【实例说明】在木例,我们制作一个滚动的菜单。
菜单的按钮不停地从左向右滚动出现,单击相应的按钮,可链接到相应的网页。
使用滚动菜单会令你的网页更生动。
1.首先,我们制作影片的各按钮。
在按钮的'
向上'
帧我们使用一幅颜色较浅的图片,在'
经过’和'
帧,用一幅颜色较亮的按钮图片,用产生按钮的变化效果。
新增一个图层Text,为按钮加入网站的名字。
按照此方法,制作出另外3个按钮。
2.接下,执行插入t'
新建组件’命令,为影片加入一个图片组件Bare在图层1图层绘制一个长为40()像素的矩形框。
然示,单击'
按钮,加入一个Buttons图层,用放置按钮。
将按钮拖放到矩形上,并调整好各按钮的大小和位置。
3.选一个按钮,然后单击快速启动工具栏的'
显示动作’按钮,打开’显示动作’面板,为按钮加入行为。
基木动作’按钮,在列表双击'
选项,或者直接将具拖入到右边窗口。
4、在事件选项区选择'
按'
复选项。
5、双击左边的'
获得URL'
选项,加入此按钮链接的网址,并将'
设为_blanko按照此方法,为其他3个按钮加入类似的鼠标事件,不同的是每个按钮都链接到了不同的网址。
6、执行插入■>
'
新建组件’命令,再加入一个图片组件Moveo从'
图库,窗口拖入两个Bar纽•件到舞台,将这两个Baj•图片首尾札I连形成一个长长的滚动条。
5.单击场景1标签,返回到场杲。
在场景1的空白处单击鼠标右键,选'
选项,设置影片属性。
6.将Move图片从'
图库,窗口拖到场景,使Move图片的右侧与场景的右侧对齐,并将其Y坐标设为60o
7.在7()帧处插入一个关键帧,使Move图片的左侧与场景的左侧对齐,并将其Y坐标设为60o
8.然后,选第1帧,单击快速启动工具栏的’显示实例'
帧数'
标签,在'
按Ctrl+Enter键,即可观看其效果。
实例14:
下拉式菜单
【实例说明】在本例,我们学习用Flash5制作下拉式菜单的效果。
当我们单击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按钮加入行为,使其可以链接