Flash如何实现透视的效果

2008-04-02 10:45:28来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


  

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所示。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: AS的基本代码解释

下一篇: FlashAS游戏教程:人物及控制