文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

您的位置:首页网页设计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动作脚本制作出来的闪电相比毫不逊色吧,那你快动手试试吧:)

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

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

最新文章 Flash CS4基础入门 如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页

人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼