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

2016-01-29 12:34 220 1 收藏

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

【 tulaoshi.com - Flash 】

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

最终效果如下:

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

[next]

  制作方法:

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

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

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

[next]

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

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

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

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

  程序如下:

starttime = getTimer()+8000+radomtime;

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

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

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

onClipEvent (load) {
radomtime&nb

来源:http://www.tulaoshi.com/n/20160129/1486649.html

延伸阅读
标签: PS PS基础
使用Photoshop软件模拟水滴样式及效果字。效果如图1-1所示。 图1-1 设计效果、 解题思路: (1)打开Photoshop CS2,新建一个文件,设置宽度为650px,高度为500px,分辨率为72像素/英寸,颜色模式为RGB,单击【确定】或按回车进行确认,建立新文件。 (2)首先,我们要在Photoshop中对此文件进行编辑,为其制作一个具有凹凸感的肌理背景图层...
标签: flash教程
效果演示: [next] 本课中的内容涉及:函数定义, for...in 语句, .onEnterFrame 三个关键内容,函数的作用是实现代码的重用,配合for...in语句可批量赋予函数.望初学者仔细阅读. 思路: 1.使用for...in语句遍历整个主场景(_root)中所有的对象; 2.找到他们(如_root[k]),并为他们的不同方法指定不同函数; 步骤1: 在主场景放入若干个影...
标签: FLASH flash教程
本文由 aaawer 原创,转载请保留此信tulaoshi.com息! 效果演示: [1] 200806/12931_2.html'>[2] 200806/12931_3.html'>[3] 200806/12931_4.html'>[4] 200806/12931_2.html'>下一页 制作过程:  1.打开FLASH,新建一个空白文档(550, 400) 选择文件,导入,导入到库导入事先准备好的图片(我这里...
标签: flash教程
本文由 中国 祥云 原创,转载请保留此信息! [友情提示] 看不到动画效果的朋友请去这里观看:http://bbs.jcwcn.com/viewthread.php?tid=130276 [next] 下面我们来做一个模拟光斑的效果,效果如上图,这一课主要学习色彩的调节变换,因为调节出好的色彩才会使图像更加亮丽,增加层次感和视觉效...
标签: FLASH flash教程
本文由 清风掠影 原创,转载请保留此信息! 先看下效果: 点击下载源文件 看不到动画效果的朋友请去这里观看:http://bbs./viewthread.php?tid=102675 [1] 200806/12969_2.html'>[2] 200806/12969_3.html'>[3] 200806/12969_4.html'>[4] 200806/12969_2.html'>下一页 一、新建一个空白的FLASH文...

经验教程

139

收藏

20
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部