通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver3教程
Flash4&5教程
Firework3教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
最近更新:
Flash
相关内容

第三章 FLASH特效与实例
第七节 Cool Mouse效果


我们这一节来学习一种在Flash中运用得比较普遍而且比较流行的效果--很酷的鼠标事件效果。大家试着把鼠标放在上面的黑色区域中来回移动就可以看到这种效果了,其实细心的朋友也许早已发现在我首页的两条竖幅的Flash电影中已经把这个效果做进去了,只不过是用另外一种方法实现的。大家不要以为这个做起来很复杂,其实只需要简单的几步就可以做到了,准备好了的话我们就开始吧。

首先当然是新建一个文件了,把背景设置为黑色。

在工作区画一个不带边线的正圆,其填充色为黑白中心渐进色。画好以后选中它,按F8把它转换为图形类图符ball,见下图。


按Ctrl-F8新建一个按钮类图符ball button。按Ctrl-L打开图库窗口,在Up帧把刚刚做好的图符拖到编辑区正中,让两个十字定位符重合。把其它帧空下什么也不放,如下图:


再按Ctrl-F8新建一个电影片断类图符ball movie。在第1帧把按钮类图符拖进来放在正中间。从第2帧以后我们就可以随便做一个动画了,这个动画用于鼠标事件所激活的单个对象产生的效果,它可以是任意的,而且是形体渐变动画还是运动渐变动画都无所谓。我在这里选用的是小球忽明忽暗直至消失的动画,下面我就讲解一下制作过程。

在第2帧按F7插入空帧。把图形类图符从图库中拖出来,放在正中心。双击这个球体,在实例属性对话框中选Color Effect标签把Alpha值改为80。

在第4帧按F6插入关键帧,把小球缩小一些,再把它的Alpha值设置为60。

在第9帧按F7插入空帧。从图库中把图符ball拖到正中间。

第2帧
第4帧
第9帧
第11帧
第15帧
第25帧

在第11帧按F6插入关键帧,把小球缩小一些,并把Alpha值设为80。

在第15帧按F7插入空帧,把图符ball从图库中拖到正中间并在实例属性对话框中把Brightness值改为6%。

在第25帧按F6插入关键帧,把小球缩得很小,然后把它的Alpha值设为20,使它几乎透明。

设置好后各帧的情况如上图所示。现在我们为第2,4,9,11和第15帧分别设置帧属性为运动渐变。

现在我们来设置按钮的属性。先双击第1帧,在弹出的帧属性对话框中把Actions设置为Stop,这样设置的目的是暂时不播放其后的动画以等待特定的鼠标事件激活。然后再双击位于第1帧上的按钮,在弹出的实例属性对话框中选Actions标签。按选On MouseEvent,按着选中右边的Roll Over,如下图所示,表示在鼠标滑过的时候激活事件。


下面我们来设定鼠标事件产生后要做的事情。再按选Go to。在右边把Number改成2,并选择下面的Control项,见下图。这样我们就设置好了按钮的属性:当鼠标滑过按钮时,从第2帧开始播放动画。

设置好后这个电影片断的时间轴如下图所示:

回到主场景,把做好的电影片断类图符ball movie拖到场景中。在小球上点鼠标右键选Scale把它缩小一些,再拖一个ball movie进来,再缩小一些,使得两次缩小的小球不一样大小。(如果你愿意的话,还可以多拖几个小球进来,分别缩小不同比例,这样当鼠标滑过时出现的小球动画有大有小,更生动一些。)现在在编辑区中已经有了几个不同大小的小球了,把它们移动得近一些,如下图所示:

然后我们把这些小球全部选中,按Ctrl-C复制,再按Ctrl-V粘贴,把粘贴后的几个小球和原来的小球排好,如此反复操作,直到画面中布满了小球,见下图。注意小球不要排列得太整齐,那样反而效果不好。

但我们不希望这些小球显示出来,否则还有什么效果可言。所以我们要对电影片断图符ball movie作一点修改。选择图库中的ball movie,双击预览窗口,进入编辑画面。在第1帧双击小球按钮,在实例属性对话框中把Alpha值改为0,这样按钮就变透明了。再回到主场景,发现小球都不见了,但点击画面还可以选中它们。至此,我们的鼠标效果就全部做好了。使用这个方法做出的效果不会改变鼠标形状,而在我的首页中,当鼠标事件激活时鼠标变成手形形状。

这里是这个示例的源文件。

第一节 弹性球效果
第二节 冲击波效果
第三节 文字的电影序幕效果
第四节 文字的风吹效果
第五节 文字的立体环绕效果
第六节 洋葱皮效果
第七节 Cool Mouse效果
第八节 光线效果
第九节 雷达扫描效果
第十节 爆炸效果
第十一节 书本翻页效果
第十二节 螺旋效果
第十三节 立体层旋转效果
第十四节 简单的鼠标拖放效果
第十五节 激光文字效果
 
 
 
 
 
教程站
收集整理
服务大家