当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > 贺新年 制作五彩缤纷焰火动画

Flash动画制作
28个有趣的loading的flash网站实例
Flash实例教程:跟随鼠标的炫舞线条特效
Flash CS3教程:烟雾状动画制作技巧
Flash CS4的Deco工具制作有图案的水晶球
Flash CS4的骨骼工具制作皮影动画技巧
Flash实例教程:好看的气泡动画特效
Flash AS3.0教程:好看的荷塘涟漪动画
设置TextField的插入点(尖号)的位置
24个相当漂亮的创意类Flash网站设计实例
学习ActionScript 3.0比较重要的6个好处
AS3 socket解码设计时忽略的问题
Flash实例教程:好看的星光四射动画特效
Flash实例教程:简单的鼠标翻扑克动画
Flash AS实例教程:会眨眼的美女
Flash AS制作创意的鼠标经过的网页导航
AS使用经验总结:AS的使用技巧汇总
Flash动画技巧:图形元件相关知识
连连看小游戏地图数据简单生成的AS代码
Flash实例教程:好看的跟随鼠标的旋转星星
Flash CS4教程:立体梦幻星空旋转3D地球

Flash动画制作 中的 贺新年 制作五彩缤纷焰火动画


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 43 ::
收藏到网摘: n/a

  看到不少介绍焰火制作的帖子了,不满足其效果,新年之际,自己用FLASH MX试着做了个焰火,你要看着效果还行,就继续看下去,并帮忙顶一下,有错误处欢迎指正。看着效果不好,就赶快关闭。

  最终效果预览:

  点击下载源文件(zip压缩文件,59K)


  制作目标是:鼠标点击哪儿,焰火在哪儿绽放。连续点击,同时绽放不同颜色的焰火

  做法简要介绍如下,文中名称均使用源文件中的名称,一些常规操作的介绍就省略了。

一、准备工作:

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

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


图1

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


图2

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

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

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


图3

  4、新建一个按键元件,前3帧空白,不需要加工,在第4帧反应区(点击),用任意颜色画一个矩形,大小同flash作品的大小一样。是一个空按键。

  5、按自己爱好,准备背景图片、文字。

二、AS部分

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


图4

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

  选中图层1第3帧,写入如下帧动作,可以选专家模式,复制、粘贴上去,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)