Flash教程:火苗跟随鼠标-Flash实例教程

2016-03-18 16:08 3 1 收藏

下面是个简单易学的Flash教程:火苗跟随鼠标-Flash实例教程教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - FLASH 】

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

效果演示:



现在开始制作:

新建flash文档,背景色为黑色,其它默认。首先来画火苗:新建图形元件,取名为:火苗,用椭园工具无填充,画一椭园,如图:

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

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

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



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

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

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

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

     

接下来再建一影片剪辑元件,取名为闪动的火苗。将火苗元件拖入,在第2帧插入关键帧。在第2帧,选中火苗元件,点修改-变形-水平翻转。上锁。插入新图层,画一无笔触,黄色放射填充,左色标透明度80%,右色标透明度50%,的椭园,放到火苗的下部。如图:

   

在第2帧插入帧,上锁。再插入新图层,将烟元件拖入,放到火苗的上方,第2帧插入帧,上锁。现在回到主场景,将闪动的火苗拖入场景,随便放个地方。打开属性面板,为元件取名为:hm_mc.然后中,在第3帧插入帧,上锁。插入新图层,取名为:action,在第1帧,打开动作面板,输入如下代码:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)var i =1;//声明一个变量i,后面有用。
hm_mc._visible = false;//让火苗元件不可见。
在第2帧,插入关键帧,输入如下代码:
if ( i7) { //将复制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);

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

来源:https://www.tulaoshi.com/n/20160318/1889143.html

延伸阅读
标签: FLASH flash教程
本教程是关于用Flash来制作一个熊猫举重的动画,作者主要用到椭圆工具,矩形工具和直线工具等,操作简单易懂,感兴趣的网友可以打开Flash一起来学习。希望本教程能给你带来帮助! 北京奥运会上,中国举重队取得了8金1银的好成绩,令国人振奋不已。今天我们就用Flash来制作一个熊猫举重的动画,主要用到椭圆工具,矩形工具和直线工具等...
标签: FLASH flash教程
效果演示: 一、打开Flash,新建一个空白文档,设置下背景色,我这里设置的是绿色,你可以根据你的喜好去设置哈~ 然后按CTRL+F8新建一个影片剪辑,命名为茶。 二、开始画茶杯(因为刚新建影片剪辑了,所以这会应该是在名为茶的影片剪辑中了喔~)。把填充色设置为无,线条色选个颜色,然后先用椭圆工具画一个椭圆,再用线条工具画一条直线...
标签: FLASH flash教程
QQ表情已经成为一种流行文化,聊天的时候我们经常会被一些搞怪的QQ表情逗得忍俊不禁。其实有些表情制作也不难,只要掌握一些Flash的基本操作,我们就可以把自己的好创意也制成表情。本实例来自我自己画的一套圆圆&溜溜搞怪表情中的一个,下面是制作过程的详解,希望有助于大家学习Flash动画以及表情制作的基本原理。 下面我们先来看看效...
标签: 电脑应用
第一步: 打开FLASH,新建一个影片剪辑元件,命名为“星星”,在里面绘制一个星星出来,并且把它的中心点和舞台注册点对齐,在第20帧和第40处各插入一个关键帧。选中第20帧,在它的中心点和舞台的注册点对齐的情况下按住SHIFT键进行等比例缩小(你认为差不多就行了),然后选中第1到20帧的任意一帧创建补间动画...
标签: FLASH flash教程
poluoluo核心提示:Flash AS3教程:制作鼠标感应图片转动. 实例效果是图片在一个水平面上绕Y轴一圈,并用鼠标控制这些图片绕轴旋转. 图片排列状况 具体步骤: 首先建立一个影片,然后创建一个2帧的影片剪接元件picBox,在第一帧设置stop()代码,并为该影片创建连接类名 picBox . 如下图     好,...

经验教程

409

收藏

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