原创设计 · PhotoShop · AI/CD · Fireworks · AutoCAD · 3DMAX · Flash · 网页教学 · 高精图库 · 笔刷滤镜 · 矢量素材 · 图片素材 · 模板素材 · 会员相册
加入VIP,下载精美素材 · 原创设计欣赏第七期· QQ空间代码 · QQ空间代码 · QQ空间站· 非主流图片 · QQ头像 · 繁体字非主流图片 · QQ个性签名 · QQ空间播放器

2009年最新设计图书素材低价热销
设计优秀作品第九期/新手学习贴
加入VIP,即送3000缘分币,每月500
 下载素材,加入VIP,享受更多权限
发新话题
打印

[AS教程] Flash教程:AS代码制作跟随鼠标的火苗

Flash教程:AS代码制作跟随鼠标的火苗

作者:sanbos  来源:中国教程网论坛

本例讲解了使用AS代码制作鼠标跟随效果,让火苗跟着你的鼠标呈现出美丽的图形吧

效果演示:

≯全屏显示或下载≮



现在开始制作:

新建flash文档,背景色为黑色,其它默认。首先来画火苗:

新建图形元件,取名为:“火苗”,用椭园工具无填充,画一椭园:

如图:



然后用选择工具,调整成下图形状:



这个图一边是弧形,一边凹进去了一点。一定是这样。

用放射填充,按下图选择颜色,注意最右边色标透明度为零。新建一图层,并将它拉到第一个图层的下面:用椭园工具画一个园,无边框,填充色为淡红色,左色标透明度为20%,右色标透明度为0%。画好后用填充变形工具调整,按下图放好。





注意,火苗填充后,用填充变形工具,将填充中心点调到,火苗一下部,如图:



新建一影片剪辑元件,取名为:“烟”。逐帧插入7个关键帧,用放射填充,左右色标都为白色,左色标透明度为20%,右色标透明度度为0%,每一帧的图形如下:(点击小图看大图)



然后,打开洋葱皮工具,让7帧都行看见,调整7帧图形位置,成如下形状。





接下来再建一影片剪辑元件,取名为闪动的火苗。将火苗元件拖入,在第2帧插入关键帧。在第2帧,选中火苗元件,点“修改”-“变形”-“水平翻转”。上锁。

插入新图层,画一无笔触,黄色放射填充,左色标透明度80%,右色标透明度50%,的椭园,放到火苗的下部。如图:





在第2帧插入帧,上锁。

再插入新图层,将烟元件拖入,放到火苗的上方,第2帧插入帧,上锁。

现在回到主场景,将闪动的火苗拖入场景,随便放个地方。打开属性面板,为元件取名为:hm_mc.然后中,在第3帧插入帧,上锁。

插入新图层,取名为:action,在第1帧,打开动作面板,输入如下代码:

var i =1;//声明一个变量i,后面有用。

hm_mc._visible = false;//让火苗元件不可见。

在第2帧,插入关键帧,输入如下代码:

var i =1;//声明一个变量i,后面有用。

hm_mc._visible = false;//让火苗元件不可见。

在第2帧,插入关键帧,输入如下代码:

if ( i<7) { //将复制7个火苗

hm_mc.duplicateMovieClip("hm"+i,i);//复制火苗

fzhm = eval("hm"+i);//获取新复制火苗的名称

fzhm._x = _xmouse + random(5);//设置复制的火苗的x坐标在鼠标坐标右方5个象素内

fzhm._y = _ymouse - random(5);//设置复制的火苗的y坐标在鼠标坐标上方5个象素内

fzhm._._alpha = random(100);//设置新复制火苗的透明度为随机的。

i++;

} else {

i = 1;//如果火苗已复制了7个上,将i设为1,以便复制可以重复进行。

}

在第3帧插入关键帧,输入如下代码:

gotoAndPlay(2);

好了,完工,存盘测试,拖动鼠标看看效果。




加入论坛VIP,下尽您想要的素材,点击进入!

如果您在做图或者看教程(PHOTOSHOP方面),遇到任何问题请到问题交流区提问,地址:http://www.missyuan.com/forum-41-1.html;我们会在第一时间帮助您解决问题,如果在教程后面跟帖,一律不给予解决!~


TOP

发新话题



关于本站 广告服务 联系我们 版权隐私 合作站点 网站地图 免责申明 管理团队

Powered by Discuz!6.0.0 Copyright © 2008 www.missyuan.com All rights reserved.