如何实现鼠标经过，水泡上升的效果？

文章类别：Flash | 发表日期:2008-9-21 15:03:13

　　

如何实现鼠标经过，水泡上升的效果？
解决思路
鼠标经过，触发某一事件。在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:
?????????on(orllOver){?????????????//当鼠标经过的时候执行下面的动作。
?????????gotoAndPlay(2);??????????//跳转并播放当前场景的第2帧。
??????????}
6、选中图层1的第1帧，在帧上加入as：stop();。目的是我们是这个影片剪辑在第1帧停止。
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???不均衡排列

上一篇：{技巧}如何利用Flash制作出旋转的立体三棱锥的效果？ 人气:3316
下一篇：{技巧}如何制作这种效果？ 人气:2003

Flash视频教程