如何实现鼠标经过,水泡上升的效果?
解决思路
鼠标经过,触发某一事件。在Flash效果中有很多,现在只用本问题来说明一下制作方法。综合起来,制作鼠标效果不外乎两种技术,第1种为制作技术,第2种为AS控制。我们就用制作技术来完成。既然要求是鼠标经过,那么就必须要有一个按钮来进行事件触发。水泡上升是一个动作效果,所以还应该有一个影片剪辑来装载这个动作。思路清晰以后,我们就来制作吧!
具体步骤
1、运行Flash MX 2004 ,文档属性默认。
2、把图层1命名为“图片”,在第1帧到入一幅海洋的图片,设置与场景等大,并算定图层。
3、新建一个图形元件,命名为“水泡”,利用举行工具绘制一个水泡。如图2.4.174所示。

图2.4.174 绘制水泡
4、下面我们来制作一个按钮,先建一个按钮元件,命名为“按钮”。进入编辑区,因为我们制做的效果是在场景中是看不到按钮的,也就是隐性按钮。所以我们在按钮的第4帧“点击”帧中绘制一个正方形,颜色随意,大小为25*25像素。如图2.4.175所示。

图2.4.175 隐性按钮
5、新建一个影片剪辑元件,命名为“上升泡泡”。进入影片剪辑编辑区,把“按钮”元件拖放到图层1的第1帧。选择场景中的“按钮”元件,打开as面板,假如下面的as:
gotoAndPlay(2); //跳转并播放当前场景的第2帧。
}
7、在图层1的第2帧插入空白关键帧,从库中把“水泡”图形元件拖放到场景中,利用对其面板使之处与中央位置。在第30帧插入关键帧,并设置图形属性透明度为0。
8、新建一个引导层,在第2帧插入关键帧,利用铅笔工具在场景中的中心点开始画一条弯曲的线。并延长至30帧。如图2.4.176所示。

图2.4.176 引导线
9、回到图层1,把第2帧的图形元件附着在引导线一端,第30帧的图形元件附着在引导线的另一端。并在第2帧至第30帧之间创建移动渐变动画。如图2.4.177所示。

图2.4.177 “上升泡泡”时间线
10、返回到场景1,先建一层,命名为“水泡”。在第1帧中,把库中的“上升水泡”影片剪辑重复的拖放到场景中,并进行位置调整。如图2.4.178所示。

图2.4.178 “上升水泡”在场景中的排列
11、当把“上升水泡”影片剪辑分布满场景以后,保存测试。效果如图2.4.179所示。

图2.4.179 最后效果
12、请参考源文件
上升泡泡.fla
注 意 ——朋友们一定要分清楚各个元件的结构。“上升水泡”影片剪辑中包含第1帧的“按钮”元件,还有第2帧至第30帧的移动渐变动画。
提 示 ——我们利用AS可以方便的来实现这个效果,但是制作的思路是我们必须掌握的。
技 巧 ——当我们把“上升水泡”拖放到场景中形成一排以后,可以选择全部进行复制,效果是一样的。而避免了一个一个拖放影片剪辑到场景的繁重笨拙工作。
试一试 ——朋友们可以尝试利用星星或者其他的元件来制作这个效果,也可以在“上升水泡”的第2帧至第30帧改变元件的颜色来实现更丰富的变化。
分 析——为什么利用按钮呢?原因在于鼠标的时间必须用按钮的动作响应。我们把按钮嵌套在影片剪辑中,并设置触发的事件。
特别说明
在本例中我们应该掌握在影片剪辑中嵌套按钮的技术。嵌套以后,按钮的功能并没有失去,这是我们应该掌握的。
在本例的源文件中,由于采用了整齐排列“上升泡泡”影片剪辑的做法,所以效果比较统一,我们可以把影片剪辑不均衡排列,效果就更明显了。如图2.4.180所示。

图2.4.180 不均衡排列
