分享
 
 
 

Flash如何实现透视的效果

王朝other·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

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.在设计中要实时地调整场景的缩放比例,使设计更加方便。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有