Flash 实现的透视效果 -pc6资讯

您的位置：首页 → 网页设计 → Flash → Flash 实现的透视效果

Flash 实现的透视效果 时间：2004/11/7 2:25:00来源：本站整理作者：蓝点我要评论(0)

　　　　　　　　　　　　

　　　　　　　　　　　　　Flash真的很神奇，使用它可以模拟出现实生活中的很多现象。大家可能都有这样的经历，把一个信封对着强光，我们就可以看到里面物体的形状，甚至是字。本例就是模拟的这种现象。

　　在本例中，我们将蜡烛作为光源，被透视的物体是一个蛋，蛋里有只快要被孵化的小鸟。当蜡烛移动到蛋的后面，我们就可以看到蛋里一动一动的小鸟。效果如下所示。

　　制作要点：

　　该效果主要是通过遮罩和简单的鼠标跟随技术来实现的。首先，笔者做了一个光源（发光的蜡烛），然后通过鼠标跟随技术让它获取鼠标的位置，并隐藏原来的鼠标。接着，再通过遮罩技术使光源只在蛋壳的范围内现实。这样，Flash透视技术就实现了。

　　首先，设置场景的大小为500*400像素，背景颜色为深灰色，帧频为15fps。

　　1．制作"雏鸟"元件。

　　按快捷键Ctrl+F8创建一个名为"雏鸟"的图形元件，然后在该元件的编辑场景中绘制一只雏鸟，如图1所示。篇幅关系，具体的制作过程笔者这里就不做讲解了，读者朋友也可以自己导入素材。

　　2．制作"蛋壳"元件。

　　创建一个名为"蛋壳"的图形元件。点选"椭圆"工具（不要边线），在该元件的编辑场景中绘制一个椭圆，再点选"箭头"工具进行调节，如图2所示（调节得象鸡蛋就行了）。

　　按快捷键Shift+F9打开"混色器"面板，并如图3所示设置，其中三个滑块的颜色都为白色，只是第3个滑块的Alpha值为10%。

　　设置好"混色器"面板后，选择"颜料"工具并用鼠标左键点击椭圆。这样，一个蛋壳就做好了，最终设置如图4所示。


图2	图3	图4

　　3．制作"壳-黑影"元件。

　　创建一个名为"壳-黑影"的图形元件。把"蛋壳"元件里的蛋壳复制过来，然后改变其颜色为黑色即可。这个元件在效果中是做遮罩用的。

　　4．制作"蛋壳-运动"元件。

　　创建一个名为"壳-黑影"的影片剪辑元件。按快捷键Ctrl+L打开"库"，把"库"中的"雏鸟"元件拖入到场景中。然后让雏鸟的小腿动动就可以了。这主要是为了增加效果的动感。

　　5．制作"光圈"元件。

　　创建一个名为"光圈"的影片剪辑元件。按快捷键Shift+F9打开"混色器"面板，并如图5所示进行设置，其中第1个滑块的颜色为#FEFD8F，第2个滑块的颜色是黑色，Alpha值为0%。接着，点选"椭圆"工具，按住Shift键拉出一个圆，如图6所示。


图5	图6

　　6．制作"火焰"元件。

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

图7

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

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


图8	图9	图10

　　在"内焰"层的第1帧中画上一个形状如图9所示的内焰，然后用"颜料桶"工具浇灌颜色，再用"颜色渐变"工具点选火苗后调节颜色，最终效果如右10所示（此为400%的图片）。

　　接下来，分别选中第5、9、13帧按F6插入关键帧，再点选第1、5、9帧，在"属性"面板里的"补间"下拉菜单中选择"形状渐变"命令。注意，各帧中火焰的大小不要一样，这样火焰才有跳动感，所以，彼此的位置要很接近。

　　设计外焰。打开"混色器"面板进行如图11所示进行设置，设计出的外焰效果见图12。外焰的设计方法同内焰。这里要讲一下的是滑块的设置，第1个滑块：白色，0%，第2个滑块：白色，30%，第3个滑块：黄色（#FFFF99），100%，第4个滑块：见图5，第5个滑块：白色，80%。这样设计是为了让外焰更有层次感，效果更加的逼真。外焰大小、位置的设置同内焰。只是位置有所不同。


图11	图12

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


图13	图14	图15

　　光圈的设计是为了实现火焰周围的热气流动效果，使火焰地跳动更有真实感。

　　7．制作"火焰"元件。

　　按快捷键Ctrl+F8新建一个名为"蜡烛"的影片剪辑元件。"蜡烛"元件里有两层，上面一层放"火焰"元件。然后在下面一层中绘制一个烛身。总之，看上去想个蜡烛就可以了，如图15所示。

　　到这里，所有的元件就制作完成了。下面我们来设计场景1。回到场景1，先如图16建立并命名各层，层的上下次序不可颠倒。把"库"中的元件拖拽到场景里名字想对应的层中。如把"蜡烛"元件拖入到"蜡烛"层中。这样做主要是为了设计的方便以及提高工作效率--把它们放在各自的层里，那么就可以通过隐藏有锁定其它层来选取编辑它。

图16

　　点选层"蛋壳"层的第1帧，按F9打开"动作"面板，输入代码"Mouse.hide();"，其作用是隐藏鼠标。使"蛋壳"元件和"壳-黑影"元件重叠，并把"雏鸟"元件隐藏在"蛋壳"元件下。右键点选最上面的"壳-黑影"层，然后点选"遮罩层"命令创建为遮罩层。

　　下面，我们就要对一些元件进行编程了。不过不要害怕，这些程序都很简单的。点选"光圈"层中的"光圈"元件以及"蜡烛"层中的"蜡烛"元件，按F9打开"动作"面板，然后输入同样的代码：

　　// 让"光圈"、"蜡烛"元件跟着鼠标移动
　　onClipEvent (enterFrame) {
　　　　this._x = _root._xmouse;
　　　　this._y = _root._ymouse;
　　}

　　在文章的最后笔者再把实例中用到的一些设计技巧告诉大家。

　　1．当场景中元件的位置就不好判断或是不好编辑时，那么我们就把场景中其它的层锁定，选中它后双击，紧接着按Ctrl+Enter键测试，看看它在什么地方。然后关闭测试，再用小键盘的方向键对它进行调整，这样设计起来比较省力。

　　2．当我们新选取一个物体（打散状态）的时候，一开始在"混色器"面板里是不会看到颜色设置状况的，那么我们就在物体被选中时，单击Properties面板里油漆桶工具右边的颜色选取方框，在等颜色选取面板弹出来后按Esc键取消，此时，你就可以在"混色器"面板里看到该物体颜色的组成情况了。

　　3．在设计中要实时地调整场景的缩放比例，使设计更加方便。

　　源文件下载

文章评论

查看所有0条评论>>

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