【技术交流】Flash 制作中透视效果的实现

goodmanli

Flash真的很神奇，使用它可以模拟出现实生活中的很多现象。大家可能都有这样的经历，把一个信封对着强光，我们就可以看到里面物体的形状，甚至是字。本例就是模拟的这种现象。
　　在本例中，我们将蜡烛作为光源，被透视的物体是一个蛋，蛋里有只快要被孵化的小鸟。当蜡烛移动到蛋的后面，我们就可以看到蛋里一动一动的小鸟。效果如下所示。
　　制作要点：
　　该效果主要是通过遮罩和简单的鼠标跟随技术来实现的。首先，笔者做了一个光源（发光的蜡烛），然后通过鼠标跟随技术让它获取鼠标的位置，并隐藏原来的鼠标。接着，再通过遮罩技术使光源只在蛋壳的范围内现实。这样，Flash透视技术就实现了。
　　首先，设置场景的大小为500*400像素，背景颜色为深灰色，帧频为15fps。
　　1．制作\"雏鸟\"元件。
　　按快捷键Ctrl+F8创建一个名为\"雏鸟\"的图形元件，然后在该元件的编辑场景中绘制一只雏鸟，如图1所示。篇幅关系，具体的制作过程笔者这里就不做讲解了，读者朋友也可以自己导入素材。
　　2．制作\"蛋壳\"元件。
　　创建一个名为\"蛋壳\"的图形元件。点选\"椭圆\"工具（不要边线），在该元件的编辑场景中绘制一个椭圆，再点选\"箭头\"工具进行调节，如图2所示（调节得象鸡蛋就行了）。
　　按快捷键Shift+F9打开\"混色器\"面板，并如图3所示设置，其中三个滑块的颜色都为白色，只是第3个滑块的Alpha值为10%。
　　设置好\"混色器\"面板后，选择\"颜料\"工具并用鼠标左键点击椭圆。这样，一个蛋壳就做好了，最终设置如图4所示。



　　3．制作\"壳-黑影\"元件。
　　创建一个名为\"壳-黑影\"的图形元件。把\"蛋壳\"元件里的蛋壳复制过来，然后改变其颜色为黑色即可。这个元件在效果中是做遮罩用的。
　　4．制作\"蛋壳-运动\"元件。
　　创建一个名为\"壳-黑影\"的影片剪辑元件。按快捷键Ctrl+L打开\"库\"，把\"库\"中的\"雏鸟\"元件拖入到场景中。然后让雏鸟的小腿动动就可以了。这主要是为了增加效果的动感。
　　5．制作\"光圈\"元件。
　　创建一个名为\"光圈\"的影片剪辑元件。按快捷键Shift+F9打开\"混色器\"面板，并如图5所示进行设置，其中第1个滑块的颜色为#FEFD8F，第2个滑块的颜色是黑色，Alpha值为0%。接着，点选\"椭圆\"工具，按住Shift键拉出一个圆，如图6所示。


　　6．制作\"火焰\"元件。
　　按快捷键Ctrl+F8新建一个名为\"火焰\"的影片剪辑元件。在制作之前我们先来看一下该元件层的结构，如图7所示。

　　根据图7所示新建两个层，接着分别改命名为\"光圈\"层、\"外焰\"层和\"内焰\"层。

    设计内焰。内焰就是一片蓝色色块在做大小变化的\"形状渐变\"运动。首先，按快捷键Shift+F9打开\"混色器\"面板，并进行如图8的设置，其中第1个的颜色为#0064FF，Alpha值为10%，第2个的颜色不变，只是Alpha值为70%。





　在\"内焰\"层的第1帧中画上一个形状如图9所示的内焰，然后用\"颜料桶\"工具浇灌颜色，再用\"颜色渐变\"工具点选火苗后调节颜色，最终效果如右10所示（此为400%的图片）。
　　接下来，分别选中第5、9、13帧按F6插入关键帧，再点选第1、5、9帧，在\"属性\"面板里的\"补间\"下拉菜单中选择\"形状渐变\"命令。注意，各帧中火焰的大小不要一样，这样火焰才有跳动感，所以，彼此的位置要很接近。
　　设计外焰。打开\"混色器\"面板进行如图11所示进行设置，设计出的外焰效果见图12。外焰的设计方法同内焰。这里要讲一下的是滑块的设置，第1个滑块：白色，0%，第2个滑块：白色，30%，第3个滑块：黄色（#FFFF99），100%，第4个滑块：见图5，第5个滑块：白色，80%。这样设计是为了让外焰更有层次感，效果更加的逼真。外焰大小、位置的设置同内焰。只是位置有所不同。





　　设计光圈。打开\"混色器\"面板进行如图13的设置，然后用\"椭圆\"工具画出一个椭圆来，使其正好覆盖外焰，如图14所示。





　　光圈的设计是为了实现火焰周围的热气流动效果，使火焰地跳动更有真实感。
　　7．制作\"火焰\"元件。
　　按快捷键Ctrl+F8新建一个名为\"蜡烛\"的影片剪辑元件。\"蜡烛\"元件里有两层，上面一层放\"火焰\"元件。然后在下面一层中绘制一个烛身。总之，看上去想个蜡烛就可以了，如图15所示。
　　到这里，所有的元件就制作完成了。下面我们来设计场景1。回到场景1，先如图16建立并命名各层，层的上下次序不可颠倒。把\"库\"中的元件拖拽到场景里名字想对应的层中。如把\"蜡烛\"元件拖入到\"蜡烛\"层中。这样做主要是为了设计的方便以及提高工作效率--把它们放在各自的层里，那么就可以通过隐藏有锁定其它层来选取编辑它。

　　点选层\"蛋壳\"层的第1帧，按F9打开\"动作\"面板，输入代码\"Mouse.hide();\"，其作用是隐藏鼠标。使\"蛋壳\"元件和\"壳-黑影\"元件重叠，并把\"雏鸟\"元件隐藏在\"蛋壳\"元件下。右键点选最上面的\"壳-黑影\"层，然后点选\"遮罩层\"命令创建为遮罩层。
　　下面，我们就要对一些元件进行编程了。不过不要害怕，这些程序都很简单的。点选\"光圈\"层中的\"光圈\"元件以及\"蜡烛\"层中的\"蜡烛\"元件，按F9打开\"动作\"面板，然后输入同样的代码：
　　// 让\"光圈\"、\"蜡烛\"元件跟着鼠标移动
　　onClipEvent (enterFrame) {
　　　　this._x = _root._xmouse;
　　　　this._y = _root._ymouse;
　　}
　　在文章的最后笔者再把实例中用到的一些设计技巧告诉大家。
　　1．当场景中元件的位置就不好判断或是不好编辑时，那么我们就把场景中其它的层锁定，选中它后双击，紧接着按Ctrl+Enter键测试，看看它在什么地方。然后关闭测试，再用小键盘的方向键对它进行调整，这样设计起来比较省力。
　　2．当我们新选取一个物体（打散状态）的时候，一开始在\"混色器\"面板里是不会看到颜色设置状况的，那么我们就在物体被选中时，单击Properties面板里油漆桶工具右边的颜色选取方框，在等颜色选取面板弹出来后按Esc键取消，此时，你就可以在\"混色器\"面板里看到该物体颜色的组成情况了。
　　3．在设计中要实时地调整场景的缩放比例，使设计更加方便。