当前位置: 主页 > 平面设计 > 用flash做随心控制的火焰(1)

用flash做随心控制的火焰(1)

  • 2022-03-13
  • 来源/作者: 不详    / 佚名    
  • 4 次浏览

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