Flash三维效果应用实例

(整期优先)网络出版时间:2011-08-18
/ 2

Flash三维效果应用实例

李岩

李岩(大连市信息管理职业中专辽宁大连116021)

摘要:Flash虽然是二维动画制作软件,但也可以采用一些三维技术原理在flash中实现简单的伪三维效果,即通过对物体放大缩小,改变透明度、深度,运动变换等操作来达到视觉欺骗的效果。原理虽然简单,如果应用合理也能产生很眩的效果。通常,我们可以利用三种方法实现:光影效果、遮罩、使用ActionScript。其中,光影效果实现起来比较简单,不再赘述,下面分别对如何利用遮罩和ActionScript实现三维效果做简单介绍。

关键词:flash三维效果遮罩ActionScript

实例一:利用遮罩制作三维旋转效果——善待地球

操作步骤:

(1)新建图形元件“地球”。单击“椭圆工具"按钮,按住shift键,画出一个正圆。

(2)在“混色器”中选择放射状渐变色,设置两个渐变点,左边渐变点是“alpha”值为16%的蓝色(003366),右边渐变点是“alpha”值为100%的蓝色(003366),如图1。

(3)使用“颜料桶工具”为圆填充这种渐变色,并删去圆的边框,如图2。

图1图2

(4)新建图形元件“文字”。单击“文本工具”按钮,选择白色,在舞台中写出“善待地球”文字,字体为黑体,字号为“50”。

(5)新建图形元件“遮罩”。使用“椭圆工具”画个正圆,颜色值为“#666666”。

(6)导入库中的两张地图图片,“地图1”和“地图2”

(7)新建图形元件“旋转的地球”。将图层1改名为“遮罩”,在此图层的第1帧导入名为“遮罩”的元件。

(8)在“遮罩”层第35帧插入关键帧。

(9)新建图层,命名为“地图2”,位于“遮罩”图层的下方,在此图层的第1帧导入图片“地图2”。

(10)单击“地图2”层的第35帧,按F6插入关键帧,并调整图形位置。

(11)右键单击“地图2”层第1帧到35帧任意一帧,在弹出的菜单中单击“创建补间动画”命令。

(12)右键单击“遮罩”层的层标,在弹出的菜单中单击“遮罩层”命令。

(13)在“遮罩”层和“地图2”层中间新建图层“地图1”。在此图层的第1帧导入元件“地图1”。单击“地图1”层的第35帧,插入关键帧,并调整图片位置。

(14)右键单击“地图1”层的第1帧,在弹出的菜单中单击“创建补间动画”命令。

(15)新建图层“地球”,位于已有图层的上方,在此图层的第1帧导入名为“地球”的元件,用“任意变形工具”的大小和位置,使它与“遮罩”刚好重合。

(16)单击“场景1”。

(17)在“图层1”的第1帧导入元件“旋转的地球”,调整其大小和位置。

(18)在第105帧插入关键帧。

(19)新建“图层2”,位于“图层1”的上方,右击第25帧插入关键帧,导入名为“遮罩”的元件,调整并覆盖“旋转的地球”元件。

(20)单击“图层2”的第66帧,插入关键帧。

(21)将“图层2”第25帧上图形的“alpha”值设为0,第66帧上图形的“alpha”值设为68%。

(22)右键单击“图层2”的第25帧,选择“创建补间动画”命令。

(23)新建“图层3”,位于已有图层的上方。在第61帧插入关键帧,在此帧中导入名为“文字”的元件,将它缩小置于舞台上方。

(24)在“图层3”第67帧插入关键帧,调整“文字”元件。

(25)右键单击“图层3”的第25帧,选择“创建补间动画”命令。

最后按Ctrl+Enter观看效果(如图):随着地球的旋转,纯净湛蓝的地球最终变成污浊蒙灰的地球,立体感很强,呼吁人类要善待地球。

实例二:神奇的ActionScript

如果flash仅仅是靠改变帧动作来制作动画,或许就不会有今天的辉煌。强大的ActionScript吸引了更多爱好者,我们可以利用ActionScript实现三维效果。下面通过一个简单的实例,领略ActionScript的数字三维魔力。

操作步骤:

(1)新建文件并插入一个新图层,从上至下取名为脚本、小球。按Ctrl+F8创建一个名为“小球”的影片剪辑,在其中绘制一个小球,并填充放射性渐变色;将小球从“库”中拖放到“小球”图层的第1帧,单击“属性”按钮,将其“实例名”设置为“ball”,再在第2帧按F5键。

(2)在“脚本”图层的第1帧按F6键,然后单击下方的“动作”按钮,输入如下脚本:“zongshu=12;”在第2帧按F6键,再输入如下语句:

stagewidth=500;

stageheight=320;

centerstageX=stagewidth/2;

centerstageY=stageheight/2;

for(i=1;i<zongshu+1;i++){

duplicateMovieClip(“ball”,“ball”+i,i);

}

stop();

(3)选中小球,打开“动作面板”,为小球加上如下语句:

onClipEvent(load){

_root.ball._visible=false;

name=substring(_name,5,2);

x=(2*Math.PI)*(name/_root.zongshu);

_root.xspeed=0;

_root.yspeed=1;

}

onClipEvent(enterFrame){

zradius=50;

xradius=150;

x+=_root.xspeed;

cosX=Math.cos(x);

sinX=Math.sin(x);

_x=cosX*xradius*(4+sinX)/4+_root.centerstageX;

scale=sinX*zradius/2+100;

_xscale=scale;

_yscale=scale;

alpha=sinX*zradius+85;

_alpha=alpha;

y=(sinX+(1-sinX)*(1-sinX)/6)*zradius;

_y=_root.yspeed*y+130;

this.swapDepths((sinX+1)*100);

}

onClipEvent(mouseMove){

_root.xspeed=0.0004*_xmouse;

_root.yspeed=0.01*(_ymouse+50);

}

最后按Ctrl+Enter观看效果(如图):小球会随着鼠标的移动方向而旋转,立体感很强。

利用遮罩和ActionScript实现flash三维效果,也如此的美轮美奂。当然,如果想通过flash实现更多的视觉效果,还需要不断挖掘和探索,比如引进三维引擎技术,可能会更好地实现flash三维效果,让我们努力去研究并拭目以待。

参考文献

[1]育碟Flash精华案例[软件公司]Adobe2009。

[2]AdobeFlashCS3中文版经典教程(1CD).人民邮电出版社,2008。

[3]FlashCS3动画设计教程与上机指导.清华大学出版社,2008。

[4]中文版Flash动画制作实训教程.航空工业出版社,2009。

[5]FlashCS3动画制作基础与案例教程.北京理工大学出版社,2008。