收藏本站
 
设为主页
     您的位置:首页资源库动画制作Flash教程
== 资 源 搜 索 ==
 
高级搜索
== 学 习 资 源 ==
操 作 系 统
Windows DOS
Linux Unix
Novell OS/2
办 公 软 件
Word Excel
Access Powerpoint
Outlook Wps
媒 体 处 理
网页制作 动画制作
图片处理 视频处理
媒体播放 音频处理
课件制作 其它……
网 络 工 具
网页浏览 下载工具
FTP 工具 邮件工具
网络安全 服 务 器
联络聊天 其它……
工 具 软 件
压缩工具 系统工具
文件工具 磁盘工具
病毒防治 阅读工具
测试工具 程序设计
== 素 材 资 源 ==
GIF动画 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,这样按钮就变透明了。再回到主场景,发现小球都不见了,但点击画面还可以选中它们。至此,我们的鼠标效果就全部做好了。使用这个方法做出的效果不会改变鼠标形状,而在我的首页中,当鼠标事件激活时鼠标变成手形形状。

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

[上一页] [下一页]


Copyright © 2001-2002 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View