flash 怎么做歌词flash遮罩动画怎么做

flash歌词遮罩动画制作视频教程_土豆_高清视频在线观看播放列表加载中...
正在载入...
分享视频:
嵌入代码:
拍下二维码,随时随地看视频
flash歌词遮罩动画制作视频教程
上 传 者:
内容介绍:
flash歌词遮罩动画制作视频教程
Channel Me 精选
我来说点啥
版权所有 CopyRight
| 京网文[0号 |
| 京公网安备:
互联网药品信息服务资格证:(京)-非经营性- | 广播电视节目制作经营许可证:(京)字第403号
<img src="" width="34" height="34"/>
<img src=""/>
<li data-vid="">
<img src=""/><i data-vid="" class="ckl_plays">
<img width="132" height="99" src=""/>
在线人数:
<li data-vid="">
<img src=""/><i data-vid="" class="ckl_plays">
<img src="///img/blank.png" data-src=""/>
<img src="///img/blank.png" data-src="http://"/>
<li data-vid="" class="cfix">
src="///img/blank.png" data-src=""/>
<i data-vid="" class="ckl_plays">
<li data-vid="" class="cfix">
src="///img/blank.png" data-src=""/><i data-vid="" class="ckl_plays">
没有数据!
{upload_level_name}
粉丝 {fans_count}
{video_count}
{description}FLASH中的遮罩效果
扫扫二维码,随身浏览文档
手机或平板扫扫即可继续访问
FLASH中的遮罩效果
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由:
将文档分享至:
分享完整地址
文档地址:
粘贴到BBS或博客
flash地址:
支持嵌入FLASH地址的网站使用
html代码:
&embed src='/DocinViewer-.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布,请您等待!
3秒自动关闭窗口Flash动画制作实例
下面,我们应用所学知识,来制作各种动画实例。下面的实例从即学即用的角度出发,由浅入深地介绍每一个实例的操作步骤。你也可以根据自己的掌握情况,有选择地进行学习。
实例1:沿特定路径运动的动画
【实例说明】
在本实例中,一架飞机在空中做一个大翻身的特技动作,如屏幕所示为飞机的运动轨迹。通过本例的说明,你可以掌握制作沿特定路径运动的动画。
1.首先,新建一个文件,然后执行Insert/New Symbol命令,插入一个新的图形组件Plane。在该组件中,我们制作出飞机喷雾的一段动画,它由两个帧组成。
2.单击Scene 1标签,返回到场景中。单击快速启动工具栏上的Show Library按钮,打开Library窗口,将Plane拖放到场景的适当位置。
3.单击Add Guide Layer按钮,此时会在Layer 1的上方添加一个参照层。然后使用铅笔工具,在Guide层画出一段曲线,它将作为飞机的运动路径。
4.分别在各图层的第20帧处按F6键,插入一个关键帧。然后单击选取Layer 1层,再将飞机拖放到曲线的第1个端点上。
5.同样,单击选取Layer 1图层的第20帧,将该帧内的飞机拖放到曲线的另一个端点上。单击快速启动工具栏上的Show Info按钮,打开Info面板,然后单击Frame标签,选择Tweening下拉列表中的Motion选项,并勾选Orient
to path复选项。
至此,本实例制作完毕。按Ctrl+Enter键即可预览其效果。
实例2:变形动画(1)
【实例说明】
本例制作一段物体由一种形状平滑过渡到另一种形状的动画效果。如屏幕所示。
1.新建一个文件,在工具箱中选择直线工具,在场景中绘制作一个三角形。
2.单击工具箱中的油漆桶工具,然后单击填充色按钮,选择一种填充色。这里,我们选择一种渐变填充色来填充三角形。
3.用鼠标分别选中三角形的3条边线,将它们删除,由此得到位于第1帧的图形,如图2.2所示的三角形。
4.单击Layer 1层的第20帧,然后按F7键,在此插入一个空白关键帧。在工具箱中选择椭圆工具,单击框线颜色按钮,再单击按钮,将框线设为无色。单击填充色按钮,选择一种渐变填充色,然后绘制一个带渐变填充色的圆形。如图2.3所示。
5.单击选取第1帧,然后单击快速启动工具栏上的Show Instance按钮,打开Instance面板。单击Frame标签,选择Tweening下拉列表中的Shape选项。如图2.4所示。
至此,本例制作完毕。
实例3:变形动画(2)
【实例说明】
本例主要使用添加变形控制点的方法来控制图形形状的变化过程,从而可以比较精确地指定物体的变化规则。
1.承前例,我们单击选取第20帧,然后将其中的圆删除,再使用矩形工具在此帧内绘制一个矩形填充图形。
2.选择第1帧,然后执行Modify/Transform/Add Shape Hint命令,或者按Ctrl+Shift+H快捷键。此时会在三角形上出现一个红色的Hint标志,并以字母a开始进行标志。
3.重复上面的操作,再添加3个Hint标志,然后用鼠标将这4个Hint分别拖放到三角形的3个顶点和一条边线的中点上。
4.单击第20帧,此时可以看到在矩形的中间已经出现了Hint标志,它们都重叠在一起,且最后一个标志出现在最上层。用鼠标将这4个Hint分别拖放到矩形的4个顶点上。
至此,本例制作完毕。用鼠标拖动播放头,可仔细观察此变形动画与前例的不同之处。
实例4:遮罩效果
【实例说明】
在本例中,我们使用Mask命令来制作出如屏幕所示的遮罩效果。
1.新建一个文件,然后执行File/Import命令,打开如屏幕所示的对话框。选择要导入的图形文件,然后单击“打开”按钮。
2.选中导入的图形文件,然后执行Insert/Conver to Symbol命令,在出现的对话框中输入组件名称,并选择Graphic单选项,再单击OK按钮。
3.单击第10帧,然后按F6键,在此插入一个关键帧。选取第1帧中的图形,然后将其向左移动一段距离,在第1帧与第10帧之间建立一段Motion动画。
4.单击Insert Layer按钮,插入一个新层Layer 2,然后在该图层栏单击鼠标右键,从弹出的快捷菜单中选择Mask命令。
5.单击Layer 2图层中的锁标记,取消锁定,然后单击工具箱中的文本工具,在此图层的适当位置输入如屏幕所示的文字。
至此,本例全部制作完毕。按Ctrl+Enter键即可观看遮罩效果。
实例5:风吹效果
【实例说明】
本例制作文字的风吹效果,如屏幕所示。在播放该动画时,会看到文字从左至右,由近及远、由实到虚的依次飘落,如同风吹一般。
1.新建一个文件,然后执行Insert/New Symbol命令。
2.在Name文本框中输入文字:随,并将其Behavior属性指定为Graphic,再单击OK按钮。
3.单击工具箱中的文本工具,输入文字:随。选取文字,将文字定位到十字符号处。重复上述步骤,制作好其他几个文字组件。
4.单击Scene 1标签,返回到场景中。然后执行Window/Library命令,或者直接单击快速启动工具栏中的Show Library按钮,打开Library窗口。
5.将制作好的文字按顺序分别拖放到相应的图层中。
6.选取所有的文字图形,然后单击工具栏上的Align按钮,打开如屏幕所示的对话框。单击Align bottom 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面板。输入文字的X、Y坐标值,以便于在后面统一其他文字的高度。
10.单击快速启动工具栏上的Show Instance按钮,打开Instance面板。单击Effect标签,从下拉列表中选择Alpha选项,并将其值设为0。
11.在第5帧上单击鼠标右键,从弹出的快捷菜单中选择Create Motion Tween选项,在第5帧与第15帧之间产生一段Motion动画。
12.同理,按照上述操作步骤,制作其他几个文字的Motion动画,其图层如屏幕所示。
至此,本实例全部制作完毕,按Ctrl+Enter键即可预览影片。
实例6:激光写字效果
【实例说明】
在本例中,可看到一束激光进行写字的动画效果。如屏幕所示是本例的演示效果。通过本例的学习,你可以掌握如何在Flash中创建中空字效果以及将字符转换为运动轨迹的方法。
1.新建一个文件,然后执行Modify/Movie Properties命令,将影片的背景设为黑色。
2.下面,我们开始制作一个写字用的激光棒。执行Insert/New Symbol命令,在出现的对话框中输入符号名称,并选择Graphic单选项,再单击OK按钮。
3.单击工具箱中的椭圆工具,绘制一个圆并以黄色填充。使用Snap工具,拖拉出一束激光。然后将其端点定位到十字形符号处。这样,就完成了激光的绘制。
4.单击Scene 1标签,返回到场景中。接下来,我们在场景中输入文字:WELCOME。选取文字,然后按Ctrl+B键,将文字打散。
5.接下来,单击工具箱中的墨水瓶工具,并指定其填充色及线条粗细,再用鼠标点击文字。完成后,按键盘上的Delete键,将文字内部的填色区域删除,这样,我们就得到了一个中空字效果。
6.下面,准备将文字转换为运动轨迹。单击时间轴左侧的Add Guide Layer按钮,添加一个参照层。单击选取Layer 1层中的第1帧并将其拖放到参照层上。
7.接着,利用缩放工具将文字进行放大。为了便于编辑运动轨迹,可以将视图放大。
8.单击选取工具箱中的橡皮擦工具,并选择一种擦除模式,将第字母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命令,拖动时间轴上的红色标记,就可看到写字效果了。同样的,按照上述方法制作其他字母的写字效果。
12.值得注意的是,在制作字母O的写字效果时,我们需要制作两束激光。单击Add Layer按钮,添加一个新层。然后将其拖到Layer
13.单击选取第45帧,然后按F7键,插入一个空白帧。然后按照前面的方法,我们制作出字母O的内圈写字效果。
经过上面的操作,其实我们并没有得到真正的写字效果,只是完成了激光束运动的轨迹。下面,教你如何完成最后的制作过程。
14.单击Add Layer按钮,添加一个新层,然后将其拖放到参照层的上方。为了便于编辑,可以将视图恢复到原大小。
15.接下来,输入文字:WELCOME。注意,输入的文字一定要与前面输入的文字字型保持一致。选取文字,按Ctrl+B键,将文字打散。然后将文字放大,使其与原文字一般大小。
16.接着,用比Layer 1中的文字更粗一些的线型来填充文字外框线。最后得到一个中空文字。选取该层,然后将文字下移,使它与参照层的运动轨迹重合。
17.将Layer 11层的第1帧进行复制,并粘贴到后面的帧中。
18.下面,开始编辑真正的写字效果了。单击第1帧,然后用鼠标框选并删除其他的字母,只保留激光束所指向的线条。
提示:为了更方便选择要删除的字母及线条,可将其他层锁定。
19.接下来的工作,就是根据激光束的运动轨迹,将多余的线条删除。这需要有一定的耐心才行!
至此,本例就全部制作完毕了。
实例7:鼠标跟随
【实例说明】
在本例中,只要在屏幕上拖动鼠标即可看到一串带有金属质感的小球的动画效果。如屏幕所示是本例的演示效果。
1.新建一个文件,执行Insert/New Symbol命令,或按Ctrl+F8键,打开如屏幕所示的对话框。输入组件名称,并选择Graphic单选项,再单击OK按钮。
2.使用工具箱中的椭圆工具,绘制一个带有金属质感的球体。并将其定位到十字符号处。
3.再次执行Insert/New Sybmol命令,添加一个Button类型的组件,并将其命名“按钮”。在Hit帧插入一个空白帧。单击工具箱中的矩形工具,绘制一个同金属球一般大小的圆并以另外一种颜色填充。
4.按Ctrl+F8键,添加一个影片片段,并将其命名为“动画”,再单击OK按钮。单击快速启动工具栏上的Show Library按钮,打开Library面板,将“按钮”组件拖放到十字符号处。
5.单击第2帧,然后按F7键,插入一个空白帧,将ball组件拖放到十字符号处。单击第10帧,然后按F6键,插入一个关键帧,将该帧内的小球向下移动一段距离。
6.打开Transform面板,按演示输入数值,然后按Copy and apply transform按钮,将小球进行旋转变形。
7.单击选取第2帧,然后打开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选项,为该帧加入帧行为,即让影片在一开始运行的时候就停在第1帧的位置。
11.单击选取第1帧内的按钮组件,然后按演示加入如屏幕所示的语句,使鼠标移到该按钮上之后,就跳转到第2帧开始播放。
12.单击Scene 1标签,返回到主场景。在场景的任一位置单击鼠标右键,从弹出的快捷菜单中选择Movie Properties选项,打开如屏幕所示的对话框。按演示设置影片属性,然后单击OK按钮。
13.打开Library窗口,将“动画”组件拖入到场景中,然后将其缩放到适当大小。最后,在场景中复制无数个动画组件,并将它们紧密排列在一起。
至此,本例全部制作完毕。按Ctrl+Enter键可观看影片效果。
实例8:交互按钮(1)
【实例说明】
在本例中,主要制作交互按钮的常见状态,即鼠标指针移入、按下按钮及松开按钮时可看到不同的按钮效果。如屏幕所示是本例的演示效果。
1.新建一个文件,执行Insert/New Symbol命令。打开如屏幕所示的对话框。输入组件名称,并将其属性指定为Button,再单击OK按钮。
2.此时,Flash会自动在按钮的Up帧上插入一个空白帧。使用绘图工具,在编辑区绘制出如屏幕所示的图形。
3.在Over帧上单击鼠标右键,从弹出的快捷菜单中选择Insert Keyframe选项。单击工具箱中的油漆桶按钮,以红色填充按钮。
4.同样,在Down帧上插入一个关键帧,然后用蓝色填充按钮。
5.单击Insert Layer按钮,添加一个新层,然后输入文字:Click...。
6.向左拖动帧标记,将多余的过渡帧清除,然后在Over帧按F6键,插入一个关键帧,将前面的Click文字改为Over。在Down帧按F6键,插入一个关键帧,将文字Over改为Down。
7.单击Scene 1标签,返回到场景中。打开Library窗口,将按钮组件拖放到场景的适当位置。
8.单击Control菜单并选择Enable Simple Buttons选项。如图8.7所示。将鼠标指针移到按钮上,即可看到按钮会发生变化。至此,本例全部制作完毕。
实例9:交互按钮(2)
【实例说明】
在本例中,为按钮加上鼠标单击事件并使它链接到指定的网址。当单击该按钮后,会在指定的窗口中打开所链接的网页。如屏幕所示是本例的演示效果。
1.承上例,在按钮对象上单击鼠标右键,打开如屏幕所示的快捷菜单。选择Actions选项。
2.此时,会打开Object Actions面板。单击按钮展开其列表选项。双击列表中的Get URL选项,然后在URL栏输入要链接的网址。
注意:输入网址时,一定要在前面输入:http://,否则在发布影片后,该按钮的链接会出现错误。
3.单击Window下拉按钮,指定URL所响应的窗口名称,如屏幕所示。我们也可以直接在Window栏输入其他自定义的窗口名,如main,此窗口名称在后面的网页制作中会用到。
4.在场景的任一空白位置单击鼠标右键,从弹出的快捷菜单中选择Movie Properties选项,在打开的Movie Properties对话框中设置好影片的属性,再单击OK按钮。
5.执行File/Export Movie命令,将该影片输出成SWF文件。然后,打开网页编辑工具,这里,我们以Macromedia
Dreamweaver为例进行说明。启动Dreamweaver之后,建立一个目录类型的框架网页,然后在左边的框架网页中插入生成好的SWF文件。
6.在Frame面板中,将右边的框架命名为main。执行File/Save All命令,将所有网页保存。
至此,本例制作完毕,当我们打开网页的主页时,就可测试按钮了。
实例10:交互按钮(3)
【实例说明】
在本例中,将鼠标指针移到按钮上时,会看到一个动画效果。如屏幕所示是本例的演示效果。通过本例的学习,你可以掌握如何制作带动画效果的按钮。
1.承前例,在按钮上单击鼠标右键,从弹出的快捷菜单中选择Edit命令。
2.单击选取Layer 2,然后单击Delete Layer按钮,删除该层。按Ctrl+F8键,添加一个影片片段,将其命令为Text,然后单击OK按钮。
3.单击工具箱中的文本工具,在编辑区输入文字:快来点我。选取文字,将其定位到十字符号处。然后执行Insert/Cover to
Symbol命令,在弹出的对话框中选取Graphic单选项,并将其命名为“按钮文字”。
4.制作出一段文字由小变大,再由大变小的文字动画。
注意,在上面的文字动画中,我们将首尾两个关键帧中的文字的Alpha值设为0。
5.单击时间轴右上角的Edit Symbols按钮,从弹出的下拉列表中选择“交互按钮”,以打开按钮编辑窗口。
6.单击Insert Layer按钮,添加一个新层。在Over帧插入一个空白帧,然后打开Library窗口,将Text影片片段拖到如屏幕所示的位置。
7.单击Scene 1标签,返回到场景中,然后将“交互按钮”拖放到场景上。至此,本例全部制作完毕。按Ctrl+Enter键可观看影片。
实例11:交互按钮(4)
【实例说明】
在本例中,单击鼠标按钮之后,可听到一个声音效果,如屏幕所示是本例的演示效果图。通过本例的学习,你可以掌握如何向按钮添加声音。
1.新建一个文件,然后执行Insert/New Symbol命令,添加一个名为Circle的图形组件,并在该编辑区绘制一个如屏幕所示的图形。
2.执行Insert/New Symbol命令,添加一个影片片段Circle Animator。在此影片片段中,我们将第20帧的Circle替身的颜色效果按演示进行设置。这样,便得到了一个颜色变换的动画效果。
3.再次执行Insert/New Symbol命令,添加一个图形组件Ball。接着,新增一个按钮组件。注意,我们将Circle
Animator组件放置在Over帧。
4.执行Window/Common Library/Sound命令,打开Flash 5自带的声音库窗口。选择一种声音,然后将其拖放到Button组件的Down帧。此时会在其上方出现一段波形标记。
5.单击Scene 1标签,返回到场景中,将按钮从Library窗口拖入到场景中。至此,本例全部制作完毕。
实例12:动画光标
【实例说明】
在本例中,我们制作一种动画光标的效果。如屏幕所示,当鼠标指针移入到房屋上时,即会看到一段动画光标,并且将原来的鼠标指针隐藏起来。当移出房屋出,鼠标指针恢复原样。通过本例的学习,读者可以掌握在影片中如何控制鼠标的显示与隐藏。
1.新建一个文件,然后执行Insert/New Symbol命令,在出现的对话框中输入组件名称,并将其属性指定为Movie Clip,然后单击OK按钮。
2.执行File/Import命令,打开如屏幕所示的对话框,在此对话框中选择想要导入的图形文件。这里,我们将代表鼠标动画的序列图片全部导入到Flash中,只需选中第1个图形文件:an0001.gif,然后单击“打开”按钮。此时,Flash会询问是否要导入序列文件。
3、单击“是”按钮,Flash会自动建立关键帧,并将导入的图形依顺放在各关键帧中。
4、将外部图形导入到Flash中之后,可以先选中图形,然后执行Modify/Trace Bitmap命令,为图形去除不必要的背景色。
4.选取Layer 1图层的所有帧,然后将其向后移动1帧。双击第1帧,并为该帧加入Stop语句。然后单击最后一帧,为其加入Go
5.接下来,我们加入一个按钮组件Hot,在Hit帧按F7键,插入一个空白帧,然后使用矩形工具,在编辑区绘制一个矩形。此按钮将作为一个隐形按钮放在场景中。
6.单击Scene 1标签,返回到场景中。在场景中制作一个背景图片,然后将Hot按钮拖放到场景中,并调整好其位置及大小。
7.接下来,将“光标动画”组件拖入到场景的适当位置,并将其命名为Cursor。注意,由于光标动画的第1帧为空,将其拖入到场景中时,以一个小圆圈表示。
8.单击选取Hot按钮,然后单击快速启动工具栏中的Show Actions按钮,按演示加入如屏幕所示的语句:
9、上面的语句表示,当用户将鼠标指针移到Hot按钮上时,告知Cursor影片片段从第2帧开始播放,并将鼠标指针隐藏。当用户将鼠标指针移出按钮时,将播放头停放在Cursor影片片段的第1帧,并将鼠标指针显示出来。
10、至此,本例全部制作完毕。按Ctrl+Enter键即可测试影片。
实例13:音乐开关
【实例说明】
在本例中,通过按钮来控制音乐的播放。通过本例的学习,你可以掌握如何引用Flash库中的按钮以及如何通过Actions命令控制声音的播放。
1.新建一个文件,然后执行Window/Common Libraries/Buttons命令,打开Library窗口。打开(circle)VCR
Button Set文件夹,选择gel Stop按钮并将其拖入至场景中。
2.执行Window/Library命令,打开影片自身的Library窗口,将gel Right按钮从常用组件库中拖放到影片的Library窗口中。
3.接下来,开始导入一个声音文件。执行File/Import命令,打开Import对话框。找到要导入的声音文件,然后单击“打开”按钮。
4.单击第5帧,再按F6键,插入一个关键帧。双击第5帧,此时会打开Frame Actions面板和Sound面板。在Frame
Actions面板中单击按钮展开其列表选项,双击其中的Stop选项,为帧加入Stop语句。在Sound面板中单击Frame标签,切换到Frame面板,在Label栏输入数字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下拉按钮,从下拉列表中选择声音文件。在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复选项前面的对勾。
10.单击选取第10帧的按钮,按演示加入如屏幕所示的语句。
11、至此,本例全部制作完毕,按Ctrl+Enter键即可测试影片。
实例14:MTV
【实例说明】
本例来尝试制作一个自编自导的MTV。其中,我们将前面学习过的动画特效统统加进去。当然,大家不要太局限于本例,要发挥自己的想象力,创作出有自己创意的MTV。
MTV1.wav 首先,我们制作一个Replay按钮。
MTV2.wav 接下来的工作就是制作出MTV中要用到的图片。
MTV3.wav 将一个女孩的图片用三种不同的颜色填充。
MTV4.wav 这里,我们将MTV中的歌词也制作成影片片断。
MTV5.wav 然后,绘制一灰一黑两个矩形作为影片中要用到的蒙板。
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帧开始。分别在场景的最上方和最下方放置黑色的矩形,中间放置灰色的矩形,并将灰色矩形的透明度设为30%。
MTV11.wav 将Mask图层也延长到第165帧。
MTV12.wav 在Sound图层和Mask图层之间加入Dance图层,Dance图层也从影片的第25帧开始。在本图层中,我们要加入三个女孩的舞蹈表演,在此只想简单介绍本人的做法,而你完全可以按照自己的想法为她们安排舞蹈动作。
MTV13.wav 在第1段动画,运用了在运动中减小透明度的效果。
MTV14.wav 而在第2段动画中,将影片的透明度增加以产生由虚到实的效果。
MTV15.wav 尝试运用Brightness效果也是一个不错的想法。
MTV16.wav 接下来,我们开始制作片头,片头动画由两断动画组成。
MTV17.wav 在第1段动画中,我们使用淡出的效果,在第2段动画中,我们将影片的标题缩小后移动到屏幕的左上角。
MTV18.wav 第2段动画到第25帧结束,然后将Title图层的帧延伸到第165帧。
MTV19.wav 加入一个新的图层Text,在本图层为MTV加入歌词,注意歌词出现的位置要与声音合拍。
MTV20.wav 你可以发挥自己的想像力来制作歌词的显示效果,像淡入效果、文字之间的Shape转换以及亮度的变化,恰当的运用这些效果可以使你的MTV更眩。
MTV21.wav 在影片的结尾,我们加入影片结束的标题。
MTV22.wav 最后,我们在Action图层的第165帧导入Replay按钮,并为本帧加入Stop()行为。
MTV23.wav 为Replay按钮加入gotoAndPlay(1)行为,使影片可以重复播放。
MTV24.wav 到此我们就制作好了这个MTV,让我们一起来欣赏吧。
实例15:弹出式菜单
【实例说明】
本例制作如图15.1所示的效果。在影片中使用弹出式菜单不仅可以节省空间,还可以增加影片的趣味性,因此在Flash影片中弹出式菜单的使用频率很高。本实例学习如何用Flash
5制作弹出式菜单。
1.首先,将一幅按钮的图片放到舞台上,并将图层命名为pic。随后,单击Insert Layer按钮,为影片加入一个新的图层,将图层命名为menu,再绘制一个矩形框作为菜单的背景。
2.执行Insert/New Symbol命令,插入一个名为mask的按钮组件。在按钮的Hit帧加入一个空白帧,并绘制一个矩形,在影片中这个矩形将作为一个隐形的按钮。
3.单击Scene 1标签,返回到场景中。单击Insert Layer按钮,加入一个新的图层并将其命名为hide menu。执行Window/Library命令,打开Library窗口,然后将mask按钮拖放到场景中,使其覆盖在菜单的背景图案上。
4.接着,单击Insert Layer按钮,加入一个新的图层并命名为menu light。在本图层的第2~4帧制作出菜单项的选中状态,即绘制一个浅色的矩形框。
5.单击Insert Layer按钮,加入一个新的图层并命名menu button。打开Library窗口,拖入3个mask按钮到菜单中,使其竖直排列在一起。
6.单击Insert Layer按钮,加入一个新的图层并命名menu text。在该图层中,我们制作出菜单中的选项文字,并将文字拖放到菜单的适当位置。
7.下面,我们加入影片的最后一个图层mask,然后从Library窗口拖入一个mask按钮,将其放在菜单按钮图片上。
8.接下来,开始为每个按钮加入Action。单击选取mask图层的mask按钮,然后单击快速启动工具栏中的Show Action按钮,加入鼠标单击后的跳转行为,如图屏幕所示。该语句表示当单击此按钮后,会跳转到影片的第2帧,并停留在这个地方,即显示各菜单选项。
9.接着,单击选取menu text图层的第1帧,然后加入一个stop指令,使影片一开始播放就暂时停留在第1帧。
10.单击选取menu button图层的第2帧,分别为该图层中的3个按钮加入Action。
上面各按钮的Action使它们响应鼠标的rollover事件,并使影片跳转到对应的帧。
11.最后,我们为hide menu图层的隐形按钮加入on (rollout)事件,如屏幕所示。该语句表示当鼠标滑出按钮时,影片将跳到第1帧播放。
至此,本实例制作完毕,按Ctrl+Enter键,即可观看其效果。
实例16:滚动菜单
【实例说明】
在本例中,我们来制作一个滚动的菜单,如屏幕所示。菜单中的按钮不停地从左向右滚动出现,单击相应的按钮,可链接到相应的网页。使用滚动菜单会令你的网页更生动。
1.首先,我们来制作影片中的各按钮。在按钮的Up帧我们使用一幅颜色较浅的图片,在Over和Down帧,用一幅颜色较亮的按钮图片,用来产生按钮的变化效果。新增一个图层Text,为按钮加入网站的名字。按照此方法,制作出另外3个按钮。
2.接下来,执行Insert/New Symbol命令,为影片加入一个图片组件Bar。在Layer1图层绘制一个长为400像素的矩形框。然后,单击Insert
Layer按钮,加入一个Buttons图层,用来放置按钮。将按钮拖放到矩形上,并调整好各按钮的大小和位置。
3.选中一个按钮,然后单击快速启动工具栏中的Show Action按钮,打开Object Actions面板,为按钮加入行为。单击Basic
Actions按钮,在列表中双击On Mouse Event选项,或者直接将其拖入到右边窗口。
4、在Event选项区选择press复选项。
5、双击左边的Get URL选项,加入此按钮链接的网址,并将Window设为_blank。按照此方法,为其他3个按钮加入类似的鼠标事件,不同的是每个按钮都链接到了不同的网址。
6、执行Insert/New Symbol命令,再加入一个图片组件Move。从Library窗口中拖入两个Bar组件到舞台中,将这两个Bar图片首尾相连形成一个长长的滚动条。
5.单击Scene 1标签,返回到场景中。在Scene 1的空白处单击鼠标右键,选中Movie Properties选项,设置影片属性。
6.将Move图片从Library窗口拖到场景中,使Move图片的右侧与场景的右侧对齐,并将其Y坐标设为60。
7.在70帧处插入一个关键帧,使Move图片的左侧与场景的左侧对齐,并将其Y坐标设为60。
8.然后,选中第1帧,单击快速启动工具栏中的Show Instance按钮,打开Instance面板。单击Frame标签,在Tweening下拉列表中选择Motion选项。
至此,本实例制作完毕。按Ctrl+Enter键,即可观看其效果。
实例17:下拉式菜单
【实例说明】
在本例中,我们来学习用Flash 5制作下拉式菜单的效果,如屏幕所示。当我们单击Click按钮时,菜单就会从屏幕的上方弹出,单击菜单上的按钮就可以链接到不同的网站了。再次单击Click按钮,菜单还可以收回。
1.新建一个文件,再执行Insert/New Symbol命令,加入一个按钮组件,将其命名为Click。在Up帧中输入文字:Click,之后将Up帧的文字复制到另外三个帧上。
2.再次执行Insert/New Symbol命令,制作链接到Sohu站点的按钮,将按钮命名为Sohu。同样,我们再制作一个链接到Yahoo站点的按钮。
3.执行Insert/New Symbol命令,加入一个图像组件Back。在图层Back中绘制一个矩形框。
4、之后单击Insert Layer按钮,加入一个新的图层Button,并将三个按钮拖到此图层中。
5.选中Click按钮,然后单击快速启动工具栏上的Show Actions按钮,打开Object Actions窗口。单击Basic
Actions按钮,在Action列表中双击On Mouse Event选项,并选择Press复选项。
6、双击列表中的Play选项,在on (press)事件的下方加入play语句。
7、然后,我们选中Sohu按钮,在它的鼠标事件中加入链接命令,使其可以链接到Sohu站点。同样,我们为Yahoo按钮加入行为,使其可以链接到Yahoo站点。
8、下面,我们来制作滑动菜单,执行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:滚动的电视节目预告单
【实例说明】
本例制作如图屏幕所示的效果。在这个例子中,我们来制作一个电视节目的预告单,而节目单的滚动是通过两个按钮来控制的。
1.新建一个文件,执行Insert/Symbol命令,制作一个按钮Button。
2.接下来,执行Insert/Symbol命令,为影片加入一个图形组件Mask,在工作区绘制一个矩形,在后面的制作中它将用来作为遮罩。
3.再次执行Insert/Symbol命令,加入一个图形组件Text。在这里,我们使用了两个图层,下面的图层作为背景,背景宽300pix,高350pix。Text图层用来制作节目单。
4.执行Insert/Symbol命令,加入一个影片组件Move。将Text图片拖到Layer1的第1帧中,并将第1帧的影片复制到第50和第100帧上,然后选中第50帧,将图片垂直向上移动一段距离。
5.在第1帧上单击鼠标右键,从弹出的快捷菜单中选择Create Motion Tween选项,在第1帧与第50帧之间产生一段Motion动画。同理,在第50帧与第100帧之间也建立一段Motion动画。
6.单击Insert Layer按钮,添加一个新的图层Layer 2到影片组件Move中。将Mask图片放到此图层中,调整它的位置,使它遮住Text图片。在Layer2上单击右键,从弹出的快捷菜单中选择Mask选项,将此图层设为遮罩层。
7.单击Insert Layer按钮,加入一个新的图层Action,用来为影片的帧加入行为。选取Action图层的第1帧,然后单击快速启动工具栏上的Show
Actions按钮,在出现的Frame Actions窗口中加入stop()语句。
8、同样,在第50帧也加入stop()语句,在第100帧加入语句gotoAndPlay(1),使影片到达第100帧之后,可以跳转到第1帧播放。
9、接下来,单击Scene 1标签,返回到场景中,在Layer 1中制作出影片的背景。
10、单击Insert Layer按钮,加入一个新的图层Move,将Move影片片段拖到工作区中,然后单击快速启动工具栏上的Show
Instance按钮,打开Instance面板,将其命名为bar。
11.再次单击Insert Layer按钮,加入一个新的图层Button,在该图层中,我们加入Button按钮组件。
12.选中向上按钮,然后单击快速启动工具栏上的Show Actions按钮,为按钮加入Actions。
13、在on (press)事件中,使用if语句来判断滚动条是否可以向上移动,如果可以则使Bar影片播放相应的帧。On (release)事件表示松开鼠标左键时,使Bar影片停止播放。
14.下面,我们来看下一向下按钮的行为。同样,我们用on (press)事件和on (release)事件控制向下滚动和滚动的停止。
至此,本例全部制作完毕,按Ctrl+Enter键即可预览影片。
实例19:拖拽式滚动条的制作
【实例说明】
本例制作如屏幕所示的效果。当拖拽右边的滚动条,可以使文本框内的文字向下滚动,通过本例的学习,可以掌握如何在Flash 5中取得影片组件的坐标值,并通过计算滑块移动的比例来控制文字的移动。
1.新建一个文件,然后执行Insert/New Symbol命令,制作出一个拖拽按钮,制作时要注意使按钮被按下的时候产生立体感。
2.执行Insert/New Symbol命令,加入一个Button影片片段,将上面制作好的按钮拖入到适当位置。
3.选中按钮,然后单击快速启动工具栏上的Show Actions按钮,为按钮加入屏幕所示的语句:
4、在on (press)事件中,我们设定按钮被拖拽的范围,其中的line为下面我们要制作的滚动条名称。on (release,releaseOutside)事件表示松开鼠标左键时停止拖拽。
5、接下来,执行Insert/New Symbol命令,加入一个影片片段Line,然后使用工具箱中的矩形工具绘制出滚动条。单击快速启动工具栏中的Show
Mixer按钮,将其透明度设为50%。
6、再次执行Insert/New Symbol命令,加入一个影片片段Bar,用来合成Line和Button组件,以制作出完整的滚动条。执行Window/Library命令,打开Library窗口,将Line影片片断拖入到Line图层,使其占据两个影格,并将此替身命名为Line。将影片片段Button拖入到Button图层,也使其占据两个影格,然后将替身命名为Button。
7、单击Insert Layer按钮,加入一个新层Action。在第1帧的Actions中用distance变量存放按钮已被拖拽的距离。变量max用来记录按钮可被拖拽的最大距离。变量rate用来存放滚动条被拖拽的比例。最后重新设置滚动文字块中文字的y坐标。在Action图层第2帧的行为中加入行为gotoAndPlay(1)。
8、执行Insert/New Symbol命令,加入一个新的影片片段Mask。使用工具箱中的矩形工具绘制一个矩形,将其透明度设为10%。
9、再次执行Insert/New Symbol命令,加入一个新的影片片段Text。它由两个图层组成,图层bg为一个矩形,透明度设为30%,图层text用来放置文字。
10、执行Insert/New Symbol命令,加入一个新的影片片段Textbar。在Mask图层放置Mask影片,并将其替身命名为mask。
11、单击Insert Layer按钮,添加一个新层Text。将Text影片从Library拖放到该层中,并将其替身其命名为text。随后,在Text图层的上方加入一个新层MaskUp,并将Mask影片拖放到该层中,调整它的位置使其可以遮住Text图层的上部,然后在MaskUp图层上单击鼠标右键,从弹出的快捷菜单中选择Mask命令。这样就会只显示被遮罩的文字。
12、单击标签,返回到主场景中。在Scene 1中,制作好影片的背景。在图层Roll中放置影片Textbar和Bar,并将其替身分别命名为textbar和bar。
13、单击Insert Layer按钮,在Roll图层的上方添加一个新的图层Action,在第1帧内加入如屏幕所示的语句,为影片中所有的变量赋入初值。
至此,本例全部制作完毕,按Ctrl+Enter键即可预览影片。
实例20:调用外部文本文件的滚动条
【实例说明】
这是本实例的运行效果,单击右边的向上或向下滚动按钮,可以将里边的文字上下移动。通过本例的学习,可以掌握在Flash 5中使用动态文本调用外部文本文件的方法,以及tellTarget语句的用法。
1.首先制作本例所需的文本数据,其数据文件如屏幕所示。
注意:文字的开头有个变量名称:text=,这个变量名称和我们要制作的Flash文件中的文本域变量名称要相同。
2.新建一个文件,执行Modify/Movie命令,将影片大小设为500*350,背景设为绿色。
3.执行Insert/New Symbol命令,在Name文本框中输入:Scroll Up,并将其行为属性指定为Movie Clip,然后单击OK按钮。
4.双击Scroll Up影片片段的第1帧,在弹出的Frame Actions窗口中输入stop语句。
5.单击第2帧,然后按F7键,插入一个空白帧,然后在Frame Actions窗口中单击按钮展开其列表选项。双击Set Variable选项,在Variable栏输入变量:/:text.scroll,Value栏输入:/:text.scroll-1并勾选该栏右边的Expression复选项。
6.单击第3帧,然后按F7键,插入一个空白帧,然后在Frame Actions窗口中单击Basic Actions按钮展开列表,双击Go
to选项。在Frame栏输入2,并勾选下方的Go to and Play选项。此语句的作用是执行到该帧时,让场景上的文本域(变量名为text)目前所显示的行数往上移一行。
7.接下来,将Scroll up影片复制一份并命名为Scroll Down,更改第2帧的Action,将“/:text.scroll-1”改为“/:text.scroll+1”,即让场景上的文本域(变量名为text)目前所显示的行数往下移一行。
8.接下来的工作就是安排场景了。单击Scene 1标签,返回到场景。利用矩形工具,在场景中绘制一个适当大小的填充区域。
9.单击快速启动工具栏上的Show Character按钮,将字体设为宋体,大小设为16磅,颜色设为红色,然后单击Text Options标签。将Text
Type设为Dynamic Text,在Variable文本框中输入变量名:text。
10.单击工具箱中的文本按钮,在场景中拖出一个文本框并调整好其大小。
11.接下来,我们开始加入滚动按钮。执行Window/Common Libraries/Buttons命令,打开常用图库窗口。选择(circle)Button
Set文件夹下的Menu按钮组件,将其拖放到场景的适当位置并调整其大小。
12.选取该按钮,然后按Ctrl+D键,将其复制一份。执行Modify/Transfrom/Flip Vertical命令,让他成为向上滚动按钮。
13.执行Window/Library命令,打开影片自身的图库窗口。分别将影片片段Scroll Up、Scroll Down拖到场景的适当位置。由于这两个影片内没有任何图形对象,所以在场景中显示为两个圆点。
14.在场景中选取Scroll Up替身,然后单击快速启动工具栏中的Show Instance按钮,在出现的对话框中将其命令为Up。同样,我们将Scroll
down替身命名为Down。
15.接下来,我们为按钮加上Action。先选取向上滚动按钮,然后单击快速启动工具栏中的Show Actions按钮,按演示,在Object
Actions窗口加入如屏幕所示的代码。
这段代码的意思就是按下向上滚动按钮时,告知影片片段Up开始播放,松开按钮时告知影片片段Up跳回到第1帧并停止。
16.同理,将上述代码拷贝到向下滚动按钮的Action内,然后将Tell target对象改为Down即可。
17.最后,我们来设置场景的Action。单击Insert Layer按钮,添加一个新层。双击新层的第1帧上,打开Frame Actions窗口。单击Actions按钮,双击其中的loadVariables选项。在URL栏输入scroll.txt,在Location栏输入数字0,此代码表示把变量载入到此电影的场景里。
至此,本例全部制作完毕。按Ctrl+Enter键即可测试影片。
至此,本例全部制作完毕,按Ctrl+Enter键即可预览影片。
实例21:用户登录
【实例说明】
本例制作一个用户登录窗口,如屏幕所示。只有输入了正确的用户名及密码后,才能登录到相应的页面。本例中的用户名及密码是通过读取外部文本文件中的变量来实现的。
1.首先,我们建立两个文本文件name.txt和password.txt。注意,在文字的开头有个变量名称:name=和password=。此变量名称和我们要制作的Flash文件中的文本域变量名称要相同。
2.新建一个Flash文件,然后在Layer 1的第1帧制作好用户登录界面。在此界面中,我们放置两个文本域,将变量名分别设为namelogin和passwordlogin。
注意:在passwordlogin文本域的Text Options面板中,我们从Line Type下拉列表中选择的是Password选项。
3.接下来,分别在第2帧和第3帧制作好登录失败与登录成功的画面,将第2帧标记为“No Pass”,第3帧标记为“Pass”。
4.下面,我们开始为影片加入Action。双击第1帧,在弹出的Frame Actions面板中加入如屏幕所示的Action语句:
上面的语句表示使影片停止在第1帧,并载入外部文本文件中的变量。
5.选取第1帧中的按钮,并为它加入如屏幕所示的的Action语句:
在上面的语句中,使用一个if语句来判断用户名与口令的正确性,并使它们跳转到相应的帧中。
6.单击选取第2帧中的按钮,并为它加入如屏幕所示的的Action语句:
上面的语句表示将namelogin和passwordlogin文本域设为空值,并跳转到影片的第1帧。
7.将第2帧中按钮的Action语句复制到第3帧中按钮的Object Actions面板中。
至此,本例全部制作完毕。按Ctrl+Enter键即可测试影片。
实例22:螃蟹大赛
【实例说明】
本实例使用Flash 5来制作一个螃蟹赛跑的游戏,如屏幕所示。一声令下,螃蟹开始向前奔跑,到底谁能夺冠呢?请你猜猜看。
1.首先,我们来制作一个start按钮。然后将start按钮复制一份,将其中的文字改为Again,制作出again按钮。
2.执行Insert/New Symbol命令,为影片加入一个Movie组件,将其命名为movie1,并制作一段螃蟹从左向右移动的动画。这时,我们要注意螃蟹的起始位置和终止位置之间的距离,要保证螃蟹不会走到场景的外面。同样,制作好另外两只螃蟹的动画。
3.单击Scene 1标签,返回到主场景。在其空白位置单击鼠标右键,然后从快捷菜单中选择Movie Properties命令,打开影片属性窗口并设置好影片的属性。
4.在Layer 1图层中,我们制作好影片的背景,并使背景占据影片的前7帧。
5.然后,单击Insert Layer按钮,加入一个button图层。在该图层的第1帧加入start按钮,并为按钮加入跳转到第2帧播放的行为。在第2帧到第4帧也放置start按钮,但不为它加入任何行为。将again按钮放置到第5帧到第7帧中,并为它加入跳转到第1帧播放的行为。
6.下面,再加入一个movie图层。在该图层的第1帧放置3只螃蟹的图片。
7.而在movie图层的第2帧到第4帧,放置3只螃蟹的动画,并将这3段动画分别命名为movie1、movie2、movie3。
8.新增一个图层result,在该图层的第5帧到第7帧制作出3只螃蟹获胜的画面。
9.最后,我们为影片加入一个action图层,本图层用来为影片加入行为。
10.在action图层的第1帧加入stop语句。在第2帧,我们首先用if语句来判断哪只螃蟹先到达终点,并跳到相应的胜利画面。下面的tellTarget函数用来播放相应的螃蟹运动的动画,gotoAndStop语句用来控制螃蟹运动的速度。
11.在action图层的第3帧我们仍然用if语句来判断哪只螃蟹先到达终点,并跳到相应的胜利画面。在第4帧加入影片跳转到第2帧播放的行为。在第5~7帧都加入stop语句。
到此,本例全部制作完毕,按Ctrl+Enter键就可以预览影片了。
实例23:灭蚊行动
【实例说明】
本例我们来尝试用Flash 5制作一个拍蚊子的游戏。游戏一开始,4只蚊子从屏幕的左侧飞入,你要用手中的苍蝇拍来打死这些蚊子,最后游戏会给出你的命中率。
1.首先,我们制作影片中要用到的两个按钮ButtonStart和ReturnButton,然后再制作一个隐形按钮HitButton。
2.下面,我们来制作蚊子,其中蚊子的翅膀是由两幅静态图片组合而成的。我们绘制出蚊子身体的其他部分后,就可以将它们组合成一只蚊子了。
3.然后,绘制出蚊子被打死的图片,并将蚊子的图片和一些文字组合成游戏的标题。
4.现在,我们来制作苍蝇拍的影片片段Swatter。将苍蝇拍被举起的图片放到第1帧,将苍蝇拍拍下的图片放到第2~5帧中。然后加入一新的图层来放置隐形按钮,将它放到苍蝇拍的中心处。
5.单击选取隐形按钮,为它加入如屏幕所示的语句:
6.接下来,加入一个新的图层Action,在该图层的第1帧加入如屏幕所示的语句:
7、在第5帧加入如屏幕所示的语句:
8、接下来,为影片加入蚊子飞行的影片片段Fly1,在图层Mosquito和图层Hit分别放置蚊子的影片和隐形按钮。注意,要使图层Hit在图层Mosquito的上面。然后,单击Add
Guide Layer按钮,加入一个参照层,使蚊子的影片和隐形按钮一同沿导线运动。
9、单击选取隐形按钮,为它加入鼠标响应事件。
上面的语句表示拍中蚊子时,用来记录成绩的Score变量将加22.setProperty语句将fly1影片的中心转移至鼠标点击的地方。然后,fly1影片开始播放第55帧,即蚊子死亡的动画。
10.单击Insert Layer按钮,添加一个新的图层Death,在第55帧处加入关键帧,并制作蚊子死亡的动画。将最后一帧的Alpha值设为0,以产生血迹渐渐消失的效果。然后,在最后一帧加入如屏幕所示的语句:
上面的语句表示当拍中蚊子时,变量record加1,之后用一个If语句判断4只蚊子是否已经飞过,如果4只蚊子都已飞过,则跳到第3帧播放。Stop语句用来停止影片Fly1的播放。这样,我们就制作出了第1只蚊子的飞行动画。同理,制作出另外3只蚊子的动画。
11.现在,返回到Scene 1中,在Background图层的第1帧制作好游戏的片头,并为“开始”按钮加入跳转到下1帧播放的行为。
12、在第3帧制作游戏的结束部分,使“Replay”按钮可以跳转到影片的第1帧播放。然后制作一个文字框,将其命名为scorefield,用来显示命中率。
13.添加一个新的图层Swatter,在该图层的第2帧放置苍蝇拍的影片,并将其命名为swatter。
14.在Swatter图层的上方再加入一个新的图层Mosquitos,在该图层的第2帧中,将4只蚊子飞行的影片放到场景的左侧,并分别将它们命名。
15、最后,我们添加一个Actions图层,并在第1加入如屏幕所示的语句:
上面的语句表示将变量record和score初始化为0,并使影片暂停在第1帧。
16、在第2帧加入如屏幕所示的Action语句:
上面的语句表示使影片中的鼠标隐藏,并使swatter影片的拖拽属性变为true。
17、在第3帧加入如屏幕所示的Action语句:
上面的语句表示将鼠标恢复显示,并将玩家的命中率显示在scorefield文字框中。
至此,本游戏全部制作完毕
例24:Flash留言板
【实例说明】
本例来学习制作一个Flash的留言板,如屏幕所示。用户可以通过这个留言板在网上留言。当然要想制作出这个留言板,必须要编写一个CGI程序(随盘附送),在这里我们将略去学习CGI程序的编写,而着重讲解如何用CGI程序来配合Flash制作留言板。
1.首先,我们制作一个Send按钮。将Send按钮拷贝两份,然后更改其中的文字,制作出Read按钮和Back按钮。
2.然后,我们再制作一个箭头按钮。
3.单击Scene 1标签,返回到主场景。在text图层制作好影片的背景。
4.单击Insert Layer按钮,添加一个新的图层text field。使用工具箱中的文本工具,在适当的位置拖拉出4个文字框,然后单击快速启动工具栏中的Show
Character按钮,打开Character面板。单击Text Options标签,将这4个文字框的变量名分别设为myname、myemail、mycomment、warning。
5.添加一个email form图层,然后使用矩形工具,在myname、myemail和mycomment文本框的上方绘制一个矩形边框,用来显示用户输入的范围。
6.再次添加两个图层send button和read button,分别在其图层中放置Send按钮和Read按钮,并为这两个按钮加入行为。
send按钮的Action语句如屏幕所示:
在上面的语句中,我们首先用变量name、email和comment来保存用户的输入。if语句用来判断用户是否输入了名字和留言,如果没有输入则显示提示信息。在用户输入了正确的信息之后执行else语句,我们先将这4个文字框的显示设为空。设置action为sign,告知CGI程序写入数据。读者可以将CGI程序放置的地址该为你自己的网络地址。
read按钮的Action语句如屏幕所示:
在上面的语句中,我们设置变量num记录留言的编号,并将num初始值设为0,然后在文字框中显示留言。最后,使影片跳转到第2帧播放。
7.接下来,我们为影片加入一个新的图层buttons。在此图层的第2帧插入一个关键帧并放置3个按钮。
8.分别为这3个按钮加入Action语句。
向左按钮的Action语句如屏幕所示:
在上面的语句中,我们首先用if语句判断是否为第1条留言。如果不是第1条留言,则从CGI程序中获得留言,并将留言显示在文字框中。
向右按钮的Action语句如屏幕所示:
在上面的语句中,我们首先用if语句判断留言数是否大于50条。如果没有超过50条,则从CGI程序中获得留言,并将留言显示在文字框中。
BACK按钮的Action语句如屏幕所示:
上面的语句使影片跳转到第1帧播放。
9.最后我们加入action图层,并为第1帧和第2帧加入stop语句。
至此,我们已完成了本例的制作。将CGI程序和Flash文件上传到你的主页中,就可以测试影片了。注意,本留言板只有发布到网上运行才能正常运行
实例25:综合网页
【实例说明】
本实例我们制作一个综合网页,如屏幕所示。在这个网页中我们要实现链接页面、发送E-mail、留言和动态按钮的功能。
1.首先,我们来制作一个Send按钮。
2.接下来为影片加入一个新的影片片段Rool。在该影片片段中绘制一个环状图形,它将作为按钮上旋转的光环。
3.下面,我们制作一个旋转光环的动画RollRing。在第1帧放置影片Rool,并将其放大旋转,设置它的透明度为0%。在第5帧,将Rool影片缩小倾斜,透明度设为100%。并在此帧加入Stop语句。在第1帧将影片的过渡设为Motion。
4.接下来,制作动态按钮HomeButton。先制作一个圆形的按钮,再为按钮加入新的图层,在新图层的第2帧放置旋转光环的动画RollRing。以按钮HomeButton为原型,我们再制作出按钮EMailButton、TalkButton、URLButton。
5.加入一个新的影片片段@,它将用来制作网页片头的标志动画。
6.现在,单击Scene 1标签,回到主场景中,准备将制作好的影片片段组合成我们的网页。在图层Background的第1帧导入@影片片段,设置它的透明度为0%。在第15帧设置它的透明度为100%。在第30帧,我们将@影片片段放大旋转到舞台的右下方。将影片第1帧和第15帧的过渡都设为Motion。
7.在图层Back的第31帧到第35帧,我们制作一个蓝白色的背景。在Background图层将@影片的颜色设为桔黄色。
8.加入一个新的图层Buttons,将4个按钮摆放到场景中。分别为它们加入鼠标响应事件,其中Home按钮链接到你的主页,Arts按钮链接到其他的页面,比如你的作品页面。Email按钮使影片跳转到第33帧,Talk按钮使影片跳转到第34帧。
9.为影片加入新的图层Email and Talk,在第33帧和第34帧插入一个关键帧。在第33帧中,我们来制作一个发送E-mail的页面。在本帧加入两个文字框,将它们命名为subject和body。在Send按钮的鼠标事件中我们加入发送邮件指令,其中的mailto变量将在第33帧的帧行为中定义。
10.在第34帧中,我们来放置一个留言板,其具体的制作方法请参照前面的“留言板”实例。
11.最后,我们为影片加入Actions图层,在第32帧加入Stop语句。在第33帧的帧行为中,我们为变量mailto赋值。其中的E-mail地址设置为你的E-mail地址。在第34帧加入Stop语句。
至此,本实例制作完毕。
本站“班W”不得借用 抄u

我要回帖

更多关于 flash怎么遮罩 的文章

 

随机推荐