Flash打造恐怖之夜闪电特效.docx

Flash打造恐怖之夜闪电特效.docx

《Flash打造恐怖之夜闪电特效.docx》由会员分享，可在线阅读，更多相关《Flash打造恐怖之夜闪电特效.docx（10页珍藏版）》请在冰点文库上搜索。

Flash打造恐怖之夜闪电特效

Flash打造恐怖之夜闪电特效

2008-6-308:

30:

00

 1、按“Ctrl+M”打开影片属性对话框，设定动画的大小宽为240高为400,背景为黑色，单击“确定”。

2、单击“insert→newsymbol”（ctrl+f8），在弹出对话框中命名为“city”，类型选“movieclip”。

3、用acdsee等看图软件找一张可以作为闪电效果背景的图片，用firework等图像编辑工具编辑一下，去掉背景（去背的技巧有很多的，这里就不多说了，但是有一点要注意，输出的时候一定要输出为gif文件，这样才能够让去掉的背景变得透明）。

编辑好之后，回到falsh,确定是在citymc的里，按“Ctrl+R”打开图像导入对话框，选择刚才编辑好的gif的图像。

　4、回到场景，接着建立午夜的背景，因为是晚上有点月光的时候，这里选择一张带蓝底的图片，（关于找背景图像的事我这插一句话，背景找得好，可以为你的flash表现效果得到最大发挥！

这次我贡献出来的背景图是我做过的mtv--《开不了口》中的背景。

）

　　单击“insert→newsymbol”（ctrl+f8），在弹出对话框中命名为“back”，类型选“movieclip”。

选择底图！

签于这张底图的质量要求不是很高，因此可以用编辑软件在外部改为尺寸比较小一点的，然后到flash中用尺寸调节工具拉大！

这样可以最大程度地减少输出为swf后文件的大小，而且整体颜色完全可以掩盖住马赛克的出现，这可是经验之谈哦！

　　5、场景中基本的元素差不多了，但还缺少今天的主演，那就是闪电，接下来我们就让这位主演出场吧！

单击“insert→newsymbol”（ctrl+f8），在弹出对话框中命名为“f1”，类型选“movieclip”，选择铅笔工具（单按y），然后在工具条的下面options项目里选择ink项，这样可以让画出来的闪电更自然，好了，现在发挥你的鼠标手绘能力在场景中创作吧，这个能力不是一天两天能做得好的哦，假如你有画卡通的基础，又有很好的压感笔用，那是可以画的很好的！

当然闪电这东西也容易画，随便拖几根白色的曲线出来就可以了。

我画好的闪电如图3所示，你也可以从源文件中直接拿来使用。

　　6、新建一个mc“f2”主要是复制f1中的内容，选择，然后在info面板中的strokeheight匡中将1改为3。

增大画线的粗度。

　　7、按ctrl+e回到场景，现在各个演员都已到位，该是进行表演的时候了。

将“city”mc拖入场景中，将这层命名为backcity，然后在下面新建一层blueback,主要是在城堡后面放蓝色暗背景。

到这里我们想一下，风云变幻的时候天空应该是在动的，也就是说城堡后面的背景要动，这就必须要求mc里面的元素也要动，因此，我们还必须建立一个backmovie的mc。

单击“insert→newsymbol”（ctrl+f8），在弹出对话框中命名为“backmovie”，类型选“movieclip”。

打开liberay，将back拖入，然后估计场景中的动画长度为120帧，按f6建立关键帧，将back从左端移到右端，距离为“back”mc的宽度！

做motion动画！

 8、再次按ctrl+e回到场景，将刚才的backmovie拖入blueback层，感觉覆盖不了整个电影的面积，这里就必须用scale工具将其变大以至覆盖整个场景，选择这个backmovie，然后在工具栏的options项选择scale，将backmovie拉大到足够宽度和高度，覆盖动画场景。

9、修改场景中backcity层中的元素，将城堡变得阴暗些！

点选effect面板下拉菜单中的tint项，将百分数改为88%。

这样城堡变阴暗了。

10、建立sound层，找个打雷的声效，在15帧处建立关键帧，拉入声效stom.wav，对这个声效多听几回，以便做出的动画跟声效相吻合11、在其上新建一层light1，根据这个声效，我们在第17帧的地方做关键帧，在这里我们安排一个小闪电的出现。

将f1拖入，用scale工具调小出现在城堡上空，第18帧消逝，然后在第19帧场景中不同的位置出现一个更大一点的闪电，其实也是用f1这个mc，只不过没有经过scale变小而已！

第20帧继续保持。

　　12、这时候就要想，闪电出现的时候，应该有一瞬间的时间可以看清物体的，也就是说，这时候城堡应该要变亮！

这个效果如何实现，想想。

。

。

不行，我来说算了，其实很简单的！

在backcity层选择场景中的city，然后copy一下，选择light1层，在其下新建一层，命名为city,在第20帧处，也就是第二次闪电出现的时候，建立关键帧，安ctrl+shift+v，原位置复制，然后在effect面板中将选项改为none，呵呵，怎么样，灰暗的城堡变明亮了吧！

13、好，城堡被闪电照亮的效果出来了，然后再接着安排一个更大的闪电，以及几个闪电同时出现。

新建一层light2，在21帧处建立关键帧，拉入f2这个更大的“闪电”，保持到第24帧，同时在第22帧出现以前那个小点的闪电，预览一下，怎么样？

商店的效果有点样子了吧，但是应该想一想，这样高强度多个闪电的同时出现，会将整个天空都照亮的，那么，天空照亮的效果又如何实现呢？

其实说白了也就是将整个场景中的背景变白，在动画表现中，给观看者的影像就会觉得城堡变得更亮了！

下面我们来实现这个效果。

　　14、新建一个mc，命名为white，用矩形工具在场景中作矩形，无边，颜色为白色，回到场景，在city图层下新建一层whiteback，在第23帧做关键帧，将white拉入场景，并用scale工具调整到覆盖整个场景，城堡在白色背景之上，白色背景在24帧消失。

　　15、至此，我们整个关键的部分就做完了，如果进行精细调节的话，可以根据需要，在后面的帧中不定时地插入一两个小闪电，如我的在第35帧插入了一个小闪电，减少整个画面的单调感！

　　16、根据声效，我们设的场景中的帧数为120，在后面的动画中，我们还必须的加入一两个高强度的闪电，这里，我们同时选择whiteback层到light2层的16帧到24帧，复制这些帧，如图7。

　　17、在light2上新建一层，选择你要插入闪电高峰出现的位置，按f6建立关键帧，然后在这个帧上单击右健出现菜单，选择pasteframes，将帧粘帖到新层上，删除粘帖后出现的多余帧。

这样就很方便地使闪电的高峰再次出现。

当然你也可以像我们上面做第一次闪电出现时候的效果那样一个一个地细心将闪电做出来，而不是用我所说的copyframes的方法!

　　注：

不要骂我kingfun懒哦，事实上在实际操作中copyframes的方法是经常要用到的，而且采取这种方法也并不一定会让动画感觉单调，而且比插入mc要好，因为copyframes来的还可以继续修改。

假如你一定要坚持一个关键帧一个关键帧地去做，而且完全要坚持原创不重复，那在做大型场景动画时会很累的。

　　18、ok,现在基本上完成了，在这个实例中，我们应该要学到的是在设计中思考问题的方法，而不是照抄我的效果，多尝试，相信你会比我做的更好的！

按ctrl+enter观看效果，只见在一个有点月光的午夜，山顶一座孤单的城堡显得特别阴森，忽然间风云变幻，电闪雷鸣，乌云滚动，整个城堡笼罩在恐怖之中……呵呵，赶快输出为swf文件吧，可别拿这东西去吓mm哦

Flash中的颜色矩阵

2008-6-62:

54:

00

neocarter的blog:

颜色矩阵

在flash中可以

用矩阵方便的操作颜色。

在flash8以前的版本，操作颜色的唯一途径就是通过修改颜色对象中红，绿，蓝三个通道的值，在Flash8，"颜色矩阵滤镜"ColorMatrixFilter（flash.filters.ColorMatrixFilter）在颗粒等级上提供给你更好的控制方法。

"颜色矩阵滤镜"为4行5列的多维矩阵（20个元素的数组）。

图4是与"颜色矩阵滤镜"等同的矩阵。

与"颜色矩阵滤镜"等同的矩阵

红，绿，蓝通道的值由如下所示计算方法所决定：

CODE:

redResult=a[0]*srcR+a[1]*srcG+a[2]*srcB+a[3]*srcA+a[4]

greenResult=a[5]*srcR+a[6]*srcG+a[7]*srcB+a[8]*srcA+a[9]

blueResult=a[10]*srcR+a[11]*srcG+a[12]*srcB+a[13]*srcA+a[14]

alphaResult=a[15]*srcR+a[16]*srcG+a[17]*srcB+a[18]*srcA+a[19]

可以看出，第一行的值决定了红色值，第二行决定绿色，第三行蓝色，第四行是透明（Alpha）通道值。

同样可以看出首四栏值是与红，绿，蓝，alpha通道值的乘积，而第五栏的值分别是和（偏移量）。

注意每行的源值和结果值都是在0到255的区间内。

因此即使各个通道的值小于0或大于255都会被强制到该区间内。

我来举些例子说明它的原理

如果你想在红色通道加100（偏移量）,将a[4]设置为100，如（图5）。

如果想使绿色通道加倍，将a[6]设为2,如（图6）

图6.绿色加倍

如果你要使结果图像中的蓝色与原图的红色数量相等，将a[10]设为1，a[12]设为0，如（图7）

图7.红色决定蓝色值

改变图像的亮度，你需要在每个颜色通道的值改变同样的数量。

最简单的途径是在每个通道都设置相同的偏移量。

偏移量为正时可以增加亮度为负时可以减小亮度。

（图8）是一个增加亮度的例子。

图8.增加亮度

你也可以通过将每个颜色通道与一个值相乘按比例的改变亮度，大于1的增加亮度小于1减小亮度。

按照原理，将图像转换为灰度图，你需要将每个通道的部分设为等值。

因为有三个通道，你可以将每个通道乘以0.33并将它们相加得到结果值。

如（图9）

图9.灰度图矩阵

由于不同颜色通道的相对屏幕发光度，但是确实有特殊的提供更加真实的灰度图的"亮度系数"值。

例如在PS里创建一个纯绿色块然后把它放在一个纯蓝色块，然后将图像灰度化，你会看到原来绿色的地方的灰色会比原来蓝色的区域要亮。

在Flash里使用这些矩阵，创建一个"颜色矩阵滤镜"的实例然后将它加入到一个影片剪辑（MovieClip）实例上。

下面是一个使绿色加倍的例子：

CODE:

importflash.filters.ColorMatrixFilter;

varmat:

Array=[1,0,0,0,0,

    0,2,0,0,0,

    0,0,1,0,0,

    0,0,0,1,0];

varcolorMat:

ColorMatrixFilter=newColorMatrixFilter（mat）;

clip.filters=[colorMat];

"颜色矩阵滤镜"与一个已知的矩阵使用，你可以完成除了亮度和灰度之外复杂的颜色调整。

调整对比度，饱和度和色相在Flash8种都成为了肯能。

虽然在这里讨论这些话题与这篇文章有些远，但是足以说Flash8提供了一个以前任何版本都不能做到的颜色操作途径。

下面的flash可以看到在操作图像时结果矩阵是怎么改变的!

Flash:

/

ColorMatrixDemo.swf

有译的不对的地方还望高手指点