Flash教程:漂亮的水滴滑落效果制作

许晓晨00

许晓晨00

2016-01-29 12:34

Flash教程:漂亮的水滴滑落效果制作,Flash教程:漂亮的水滴滑落效果制作

首先先放出水滴制作需要的图片,其实自己也可以参考着图片自行制作

最终效果如下:

看不到动画效果的朋友请去这里观看:http://bbs.jcwcn.com/thread-143329-1-1.html

[next]

  制作方法:

  1、在做这个效果之前我们首先需要制作一个水滴滴落的影片剪辑。制作一个水滴导入flash,并且制作一个水滴从小变大的补间动画。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/fjc/)

  2、当水滴变大之后再让这个水滴慢慢的滴落到下面。并且在开始滴落的时候让水滴颤抖几下(使用逐桢动画做几个大小变化)。

  3、接下来需要制作一个透明按钮(只要点击区域),这个按钮的功能就是让鼠标放在水滴上的时候让这个水滴滴落。

  4、最后在上面再建立一个层,第一桢写上桢标签“start”,然后在水滴变大后加一个STOP桢,在 STOP桢之后再插入一个标签为“over”的空白关键桢。作用:当水滴由小变大之后就停止,这样水滴就会显示在舞台上,当鼠标移动到水滴上面就会播放 over桢以后的内容,也就是让水滴落下。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/fjc/)

[next]

  下面就要进行程序编写了。

  1、首先来编写按钮上的程序,当鼠标按下或移动到它上面的时候就执行水滴落下的动画

on (release, rollOver) {
gotoAndPlay("over");
}

  2、接下来要编写的是带有over标签的关键桢,它的功能是获取你整个动画已经播放了的时间,单位是豪秒。因为就算不用鼠标点击按钮,过一段时间之后也要让水滴自动落下。其中radomtime变量会在后面的程序中定义。它的功能是让时间稍微有一些不同,这样水滴就不会同时落下了。

  程序如下:

starttime = getTimer()+8000+radomtime;

  接下来制作舞台上的程序:

  1、将刚才制作完毕的影片剪辑拖放到舞台当中,并将这个实例命名为“bol”。如图

  2、选中这个实例,按F9打开动作面板,这里要进行一些初始变量的设置。程序如下:

onClipEvent (load) {
radomtime&nb

展开更多 50%)
分享

猜你喜欢

Flash教程:漂亮的水滴滑落效果制作

flash教程
Flash教程:漂亮的水滴滑落效果制作

Flash教程:制作漂亮流动的图片效果

flash教程
Flash教程:制作漂亮流动的图片效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

制作逼真水滴效果

PS PS基础 ps平面设计教程 ps去水印教程
制作逼真水滴效果

Flash教程:翻书效果的制作

flash教程
Flash教程:翻书效果的制作

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop实例教程:制作水滴效果

PS PS教程
Photoshop实例教程:制作水滴效果

Coreldraw制作立体透明效果的水滴教程

Illustrator CorelDRAW
Coreldraw制作立体透明效果的水滴教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

jsp计数器制作手册(1)

jsp计数器制作手册(1)

Flash 8教程: 制作模糊遮罩效果细析

Flash 8教程: 制作模糊遮罩效果细析
下拉加载更多内容 ↓