使用Flash制作闪电效果 -pc6资讯

您的位置：首页 → 网页设计 → Flash → 使用Flash制作闪电效果

使用Flash制作闪电效果 时间：2004/11/7 2:24:00来源：本站整理作者：蓝点我要评论(0)

闪电效果是Flash中应用比较多的效果之一，传统的制作方法是通过Flash提供的Action动作脚本来完成的，对于一些初学者来说理解起来就比较困难。所以这此我们基本上不使用Action动作脚本，使用纯手工来制作一个精彩的闪电效果，保证大家都可以掌握闪电效果的制作，而且丝毫不逊色。(本例的.swf和.fla文件点击这里下载)

　　图1所示为最终的效果演示：

图1

　　从最后的效果图中可以看到，上下两个闪电发生器发射出了绚丽的闪电，而且随着闪电的发出背景还有蓝色的余辉，非常逼真，下面我们就正式来开始制作。

　　1．首先建立影片，并设置影片背景色为黑色。从基本的元件做起，首先制作闪电发生器，新建一个Movie clip影片剪辑元件，命名为q1,进入元件的编辑区后，先使用矩形工具绘制一个细长的距形，然后在Color Mixer面板中设置填充色，具体颜色设置如图2所示：

图2

　　两边的滑块对应的颜色值为#003366,中间滑块的颜色值为#0099CC，填充好的矩形如图3所示：

图3

　　然后使用椭圆工具在矩形下放绘制一个正圆，并按照图4所示填充蓝白渐变色，填充后效果如图5所示：

图4

图5

　　这样，一个漂亮的闪电发射器就做好了

2．接下来制作闪电发射器中的光球，光球首先会从发射器中发出，然后光球接着会射出闪电，新建一个Movie clip电影剪辑元件，命名为g1,进入元件的编辑区后，使用椭圆工具在编辑区中绘制一个正圆，然后按照图6所示填充上白紫过渡的渐变色，最终效果如图7所示：

图6

图7

　　3．此闪电效果中闪电发出后，会出现一片紫色的余辉，这样可以提高闪电的视觉冲击力，下面就来制作静态的余辉，在下一步还需要利用静态的余辉制作动态变化的余辉。

　　首先建立一个Movie clip影片剪辑元件，命名为d0,进入元件的编辑区后，首先使用椭圆工具绘制一个正圆，然后按照图8所示填充上紫白色的渐变过渡效果:

图8

　　然后使用箭头工具选取正圆的下半部，并将其向下拖动一段距离，形成两个半圆，如图9所示：

图9

　　接下来使用矩形工具绘制一个长条矩形，矩形的高调整到和两个半圆的间距离一样，调整矩形的宽和半圆的直径一样即可，然后按照图10所示，给矩形填充上渐变色，最后的效果如图11所示：

图10

图11

4．这一步利用步骤3制作好的静态余辉来制作动态余辉，新建一个Movie clip元件，命名为sd2,进入元件的编辑状态后，将元件d0拖到图层1中，然后在图层1的第11祯插入一个关键祯，打开属性面板，调整元件d0的alpha透明度值为0,如图12所示：

图12

　　然后在第1桢到第11祯之间的任意位置单击鼠标右键，选取Creat Motion Tween命令，建立一个Motion运动过渡效果，也就是余辉从完全可见到不可见的过渡。

　　目前的余辉效果已经不错了，不过如果能在修改一下，加上瞬间出现的闪电的话，就更完美了，所以在图层1上新建一个图层2, 在图层2中使用铅笔工具绘制一段细长的白色曲线，将图层1隐藏后图层2中的白色曲线如图13所示：

图13

　　然后将取消图层1的隐藏，整体效果如图14所示，是不是有点闪电的味道了。

图14

　　然后将图层2延续到第2祯，并在第12祯插入一个关键祯，给第12祯添加Action动作脚本:stop();,使影片播放到此祯即停止下来，最后的时间轴如图15所示：

图15

　　5．最后我们就需要将前几步制作好的元件加以组合和调整，使其展现出最终的闪电效果。

　　新建一个Movie clip 元件,命名为d1,进入元件的编辑区后，将图层1的第1个关键祯删除掉，然后在第5祯插入一个关键祯，将元件d0拖到编辑区中，然后在第15祯插入一个关键祯，然后按照步骤4的方法在第5关键祯和第15关键祯建立一个透明度逐渐减少的Motion运动过渡效果，然后按照同样的方法在第17祯和第27祯之间再建立同样的效果，时间线如图16所示：

图16

　　在图层1上面新建一图层2,在第2祯插入一个关键祯，然后将元件g1拖到编辑区中，利用时间线上的洋葱皮工具调整g1的位置到元件d0的正下方，然后在第6祯插入一个关键祯，利用缩放工具将g1稍微放大一点，最后在第2祯和第6祯之间建立Motion运动过度效果，然后在第13祯和第17祯之间建立相同的效果，如图17所示：

图17

在图层2上方建图层3,然后选中并复制图层2中从第2祯到第17祯中的所有祯，全部粘贴到图层3的第1祯中，并调整对象g1的位置到上部的对称位置，如图18所示：

图18

　　最后建立图层4,在第5,6,17和18祯分别插入关键祯，并使用铅笔工具绘制白色的曲线，最后的效果如图19所示：

图19

　　6．最后回到主场景，分别在图层1和图层2中放置元件q1和d1,如图20所示：

图20

　　到这里，一个很酷的闪电效果就制作完成了，是不是很逼真啊，和其它使用Action动作脚本制作出来的闪电相比毫不逊色吧，那你快动手试试吧：）

文章评论

查看所有0条评论>>

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