该效果是一个比较典型的鼠标效果了,也可以算做视觉效果吧。总之,效果很眩。效果中线条跳动,让人联想起钢琴,股市那些弹跳的符号等等。文章中读者将要学到鼠标的知识及鼠标跟随效果的方法。学习_x,_xmouse等电影剪辑属性的使用方法。
制作步骤:
1.设置场景的大小为600px×350px,背景色为白色,帧频为30fps。
2.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“线段上”的影片剪辑元件。然后用“矩形”工具绘制一个线段,图1所示。矩形的宽、高为8*160px。接着如图1所示点选第2-56帧,按F6键插入关键帧。每帧中的矩形的颜色都不一样,均选择比较淡的颜色。最后,点选第1帧,按F9键打开动作面板,输入代码“stop();”。
图1
3.制作“线段下”影片剪辑元件。和“线段上”元件的结构一样。只是“线段下”中选段的大小为8*70px,其位置在场景中心以下。最后,点选第1帧,按F9键打开动作面板,输入代码“stop();”。
4.新建一个名为“按钮上”按钮元件。如图2所示,在“点击”帧中绘制一个和“线段上”元件一样大小的矩形。
图2 5.新建一个名为“按钮下”按钮元件。同步骤4,也在“点击”帧中绘制一个和“线段下”元件一样大小的矩形。
图3
[1] [2] [3] 下一页
6.新建一个名为“动画上”的影片剪辑元件。接着如图3所示设置,按钮层放置的是“按钮上”按钮元件。“线段上”层中放置的是“线段上”元件。点选“线段上”层中的“线段上”元件,在“属性”面板里命名起实例名为“barhi”。代码层中,第1帧中的代码是:
ghost.gotoAndStop(barhi._currentframe);
ghost._yscale=0;
第2帧中的代码是:
if (Math.abs(barhi._yscale-this.desty)>1) {
barhi._yscale=(barhi._yscale+this.desty)/2;
} else {
barhi._yscale=this.desty;
if (desty<1) stop();
}
if (desty>=1) {
desty=desty*.9;
}
第3帧中的代码是:
gotoAndPlay(2);
7.再创建一个“动画下”元件,其制作方法和“动画上”元件一样,这里就不再赘述了。
图4
8.回到主场景,如图4所示设置场景。先从库中把“动画上”和“动画下”两个元件拖拽到“动画元件”层中,位置如图4所示。在“属性”面板中分别命名两个动画的实例名为“tmp_dynabarhi”和“tmp_dynabarlo”。代码层中4帧中的代码分别是:
第1帧中的代码。
x=1;
第2帧中的代码。
color=random(55)+1;
newbar="barhi"+String(x);
tmp_dynabarhi.duplicateMovieClip(newbar,x*2);
this[newbar]._x=x*9+51;
this[newbar]._y=249;
this[newbar].bar._yscale=30+random(20);
this[newbar].desty=10;
this[newbar].barhi.gotoAndStop(color);
newbar="barlo"+String(x);
tmp_dynabarlo.duplicateMovieClip(newbar,x*2+1);
this[newbar]._x=x*9+51;
this[newbar]._y=251;
this[newbar].bar._yscale=30+random(20);
this[newbar].desty=10;
this[newbar].barlo.gotoAndStop(color);
第3帧中的代码。
x++;
if (x<56) {
gotoAndPlay(_currentframe-1);
} else {
tmp_dynabarhi._visible=false;
tmp_dynabarlo._visible=false;
thunderstick._x=random(55)*9+51;
thunderstick.swapDepths(100);
}
第4帧中的代码。
stop();
效果到这里就完成了。读者朋友可以按快捷键Ctrl+Enter测试一下,笔者相信这个按钮效果一定会给大家一些灵感和帮助的。 该效果源件下载(5.67K)
点击最后一页预览效果
上一页 [1] [2] [3] 下一页
上一页 [1] [2] [3]