设为首页
加入收藏
帮助中心
首页 | 红盾通告 | 信息中心 | ASP技术 | 数据库 | 网页设计 | 网管专栏 | OICQ攻略 | 墨客频道 | 网站运营 |
当前位置:首页 >> 网页设计 >> Flash >> 正文
最新信息
·能导入Html的自适应文本框
·如何防止Flash跨站攻击弹出…
·Flash游戏制作--五子连珠(…
·Flash游戏制作--五子连珠(…
·用Flash MX绘制世界杯会标
·Flash游戏制作--打飞碟
·FLASH游戏制作:接宝石
·Flash游戏制作--涂鸦板
·Flash游戏制作--空战
·Flash Action应用--鼠控3D…
资料搜索
热点信息
·实例讲解flashMTV制作全过…
·实例讲解flashMTV制作全过…
·实例讲解flashMTV制作全过…
·实例讲解flashMTV制作全过…
·实例讲解flashMTV制作全过…
·用FLASH画写意画-竹
·Flash游戏制作--打飞碟
·实例讲解flashMTV制作全过…
·实例讲解flashMTV制作全过…
·无AS在FLASH中实现三种爆炸…
推荐信息
·能导入Html的自适应文本框
·Flash中选择字体的奥妙
·用Flash MX模拟舞台五彩灯
·Flash 制作弹力球之二
·Flash 制作弹力球之一
·简易拼图游戏制作
·用flash记录鼠标的运动过程
·用FLASH画写意画-竹
·用Flash仿制Resistor Colo…
·用Flash MX打造个性化相册


Google
 
使用Flash制作闪电效果
〖来源:太平洋电脑网 | 作者:flashsj | 编辑:Cloudy | 浏览:人次〗

  闪电效果是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动作脚本制作出来的闪电相比毫不逊色吧,那你快动手试试吧:)


录入时间:2006-10-28 09:43:37 [打印本页] [关闭窗口] [返回顶部]
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

Copyright © 2006-2014 0733168.Com Inc All Rights Reserved
关于我们 | 广告合作 | 联系我们 | 法律声明 | 友情链接 | 意见反馈
本站所收录信息、社区话题、及本站所做之广告均属其个人行为,与本站立场无关
湘ICP备06008436号