邮件订阅
5ucms模版,使用Flash制作闪电效果
作者: 来源: 日期:2017/1/19 16:26:26 浏览量:21(滞后) 人气:LOADING...(实时) 【

5ucms模版,使用Flash制作闪电效果
闪电效果是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所示:

0

图10

1

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

2

图12

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

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

3

图13

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

4

图14

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

5

图15

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

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

6

图16

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

7

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

8

图18

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

9

图19

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

0

图20

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

欢迎您访问www.5ucms.org

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms插件,商业flash设计经验谈(四)
下一篇:5ucms仿站,Flash效果制作-璀灿星光
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms模版,使用Flash制作闪电效果的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org