论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

五彩焰火制作

文章类别:Flash | 发表日期:2008-9-21 20:07:01

  
看到不少介绍焰火制作的帖子了,不满足其效果,新年之际,自己用FLASH MX试着做了个焰火,你要看着效果还行,就继续看下去,并帮忙顶一下,有错误处欢迎指正。看着效果不好,就赶紧关闭。
点击观看效果
点击浏览该文件
点击下载源文件,很小的,才54K
点击浏览该文件
http://www.flash8.net/bbs/UploadFile/2004-12/20041225174125689.swf

制作目标是:鼠标点击哪儿,焰火在哪儿绽放。连续点击,同时绽放不同颜色的焰火
做法简要介绍如下,文中名称均使用源文件中的名称,一些常规操作的介绍就省略了。

一、预备工作:

焰火基本元件:本段的命名,仅仅是为了识别方便,可以任意命名。焰火基本元件的做法,也仅仅是个参考做法,完全可以自由发挥,因为公开了源文件,介绍中只说了大致做法。

1、新建一图形元件,画一红色图形,可以先画1个圆,然后用箭头工具向后拉长。如图1。命名为基本元件,(图一)

按此在新窗口浏览图片

2、再新建一图形元件,画一灰色图形,如图2,命名为烟。选择“烟”图形,打开混色器,选“线性”,调整“烟”的前端透明度(Alpha)在50%左右,后端透明度在10%左右。(图2

按此在新窗口浏览图片

3、新建一个电影剪辑元件(MC),命名为烟火元件,建2个图层,上面是焰火,下面是烟。分别把上边制作的2个图形元件拖入2个图层,放元件 + 处的左侧水平处,如图3,并在第10帧插入要害帧。然后进行加工。为了便于看清,图3中烟的颜色做了改变。

1)选中焰火图层第10帧的焰火图形,用键盘箭头键把它向前移动到标尺100处,然后用任意变形工具,或者修改属性中“宽”的数据等办法,把原来的长图形改变成一个圆点外形,在110帧之间建立“动作”变化。为了增加些效果,拷贝第10帧,复制到第1113帧,把圆点的颜色改变为白色。

2)选中烟图层第1帧的烟图形,用上面的办法把它缩短,选中烟图层第10帧的烟图形,用键盘箭头键把它向前移动,前端紧跟焰火图形圆点,在110帧之间建立“动作”变化。为了增加些效果,在13帧处插入要害帧,把透明度(Alpha)调整到30%左右,在1013帧之间建立“动作”变化。(图3

按此在新窗口浏览图片

4、新建一个按键元件,前3帧空白,不需要加工,在第4帧反应区(点击),用任意颜色画一个矩形,大小同flash作品的大小一样。是一个空按键。
5、按自己爱好,预备背景图片、文字。

二、AS部分

1、新建一个MC,命名为“焰火”,其中图层2是放焰火时的声音效果,不介绍了。
图层112帧是逐帧动画,用红颜色线表现焰火上升时光的痕迹,红线是垂直的,位置对准元件界面的 + 处,图4是第2帧的拷屏。

(图4

按此在新窗口浏览图片

把预备工作3中制作的烟火元件拖入图层13帧,烟火元件的 + 对准操作界面“焰火”元件的 + ,选中舞台上拖入的烟火元件,在属性中给这个MC命名为fire(这个命名不能错,必须同下面的AS中的一致),然后在15帧插入普通帧(同拖入的烟火元件帧数一样)。

选中图层13帧,写入如下帧动作,可以选专家模式,复制、粘贴上去,AS的作用是把烟火元件按圆周分布,随机复制100个以下,得到一个比较漂亮的焰火:

for (i=1;i<100;i++) {
duplicateMovieClip("fire","fire"add i,i);
setProperty("fire"add i,_rotation,random(360));
setProperty("fire"add i,_xscale,random(100));
setProperty("fire"add i,_yscale,random(100));
}

在第16帧插入一个空白要害帧,选中这帧,写入如下帧动作,作用是删除复制的整个焰火元件myMC1并停止。

stop();
removeMovieClip(myMC1);

2、制作场景部分
场景如图5,就3个图层,4帧。
(图5

按此在新窗口浏览图片

1)背景图层放入预备好的背景图片、文字。
2)在“按键”图层第1帧写下如下帧动作:

var i=0;

在“按键”图层第2帧插入要害帧,写入如下帧动作,使播放到第2帧时停止。

stop();

在“按键”图层第2帧拖入制作好的空按键,空按键拖入舞台呈现绿色,调整到正好覆盖舞台,然后在第4帧插入普通帧。
选择按键,写下如下按键动作,作用是当鼠标点击按键时,取得鼠标点击位置的XY的坐标,为复制的焰火元件起新的名字myMC1,并播放到第3帧。

on(release){
x = _xmouse;
y = _ymouse;
var myMC1 = "myMC" add i;
gotoAndPlay(3);
}

3)在“图层”第3帧插入要害帧,拖入上面制作的“焰火”MC,在第4帧再插入要害帧。
在“图层”第3帧选中拖入的“焰火”MC(不方便可以先将按键图层上锁后再选中MC),在属性中命名myMC,这个命名必须同AS中的命名一样,不能错。

选中“图层”第3帧,写入如下帧动作,作用是复制“焰火”MC,并且其坐标位置同鼠标点击处一致。达到鼠标点击哪儿,焰火在哪儿绽放的目标。

i = i+1;
_root.myMC.duplicateMovieClip(myMC1, 100+i);
setProperty(myMC1, _x, x);
setProperty(myMC1, _y, y);

选中“图层”第4帧,写入如下帧动作,作用是回到第2帧并停止,以重新开始。
gotoAndStop(2);
4)在“图层”第3帧选中拖入的“焰火”MC(不方便可以先将按键图层上锁后再选中MC),写入如下影片剪辑动作,作用是按下鼠标时让“焰火”MC的颜色随机改变。达到连续点击,同时绽放不同颜色的焰火的目标。

onClipEvent (mouseDown) {
this.c=new Color(this);
this.c.setRGB(random(0xFFFFFF));
}

制作时,上面说到的帧动作、按键动作、影片剪辑动作不要搞错,可以先看一下动作面板的名称,再打开写入AS
存在问题是在焰火元件和施放中两次使用复制,有时反应有点慢。还望高手指点,予以改进。
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058