用flash做随心控制的火焰(1) -pc6资讯

您的位置：首页 → 网页设计 → Flash → 用flash做随心控制的火焰(1)

用flash做随心控制的火焰(1) 时间：2004/11/7 2:23:00来源：本站整理作者：蓝点我要评论(0)

FLASH给大家的感觉可以就是用来做MTV 或者短片的，其实运用flash 也可以模拟出自然界中的一些现象，比如风，雨，雷，电等自然景观，这里我们就来学习用flash制作眩目的火焰，不过本例的火焰和一般的火焰有点不同，就是我们可以控制火焰的颜色（右边的色块）和光滑度(smoothness)以及火焰摆动的速度(wind speed)，而且可以分别控制火焰上下部的颜色，先来看看最终实现的效果吧：

　　看到了吧，是不是很眩啊，不要着急，让我们一步一步来学习本实例的制作方法。

　　首先新建一个影片，设置影片背景为黑色，将图层layer1重命名为bg,然后用矩行工具在舞台上画一个和场景等宽的长方形，填充颜色为#333333,并放置在舞台靠下的位置，如图1所示：

图1

然后新建一个图层bg2,用直线工具在舞台上面画如图2 所示的小格：

图2

　　新建一个mc命名为but_bg,，在组件编辑区里画一个正方形，然后在第二桢和第三桢插入一个关键桢，回到第二关键桢，把第一桢的正方形水平向右移动一小段距离，同样在第三桢也将正方形向右移动一小段距离，并且在第一桢上加as:stop();,如图3所示(使用了洋葱皮功能)：

图3

　　回到主场景中，新建立一个图层命名为button,将组件but_bg分两次拖到舞台的适当位置，两个对象之间的距离要大于三个正方形的边长之和，如图四所示：

图4

新建一个graphic组件flame_graphic，在组件编辑状态下用圆形工具画一个正圆，颜色可以任意，然后在新建一个mc,命名为flame_colors,将组件flame_graphic拖到编辑区中，然后新建四个关键桢，分别设置每一个关键桢中的flame_graphic对象为不同的颜色，本例子中第一桢到第五桢分别为图5到图9所示的颜色：

图5

图6

图7

图8

图9

颜色设置好以后，回到第一桢，加as:stop():

新建一个mc命名为flame_ani，进入组件的编辑区后，首先我们规划一下要用到的图层，本mc是实现火焰效果的关键，我们需要三个图层，一个用来表现火焰运动的效果，一个用来设置相应的action,还有一个用来设置桢标签，这样做的目的是为了方便我们的制作，使三个图层各司其职，建立好的图层如图10所示：

图10

接着将图层label延长到第60祯，分别在第10,20,30,40,50祯上加桢标签a,b,c,d,e，如图11所示：

图11

　　也同样将图层motion延长到60祯，首先在第10祯插入一个关键桢，并将组件flame_colors拖到编辑区中，并设置其instance name为flameBottom,然后在19桢插入一个关键桢，用鼠标将其拖成椭圆形，然后建立两点间的motion过度，如图12所示：

图12

　　同理分别在第20和第29,第30和第39,第40和第49，第50和第59桢建立相应的motion过渡，只不过对颜色进行一些改变即可，最后时间线入图13所示：

图13

文章评论

查看所有0条评论>>

热门文章 没有查询到任何记录。