Flash三维效果应用实例.doc

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

2、球” 。单击“椭圆工具“按钮，按住shift 键，画出一个正圆。 （2）在“混色器”中选择放射状渐变色，设置两个渐变点，左边渐变点是“alpha”值为 16%的蓝色（003366） ，右边渐变点是“alpha”值为 100%的蓝色（003366） ，如图 1。 （3）使用“颜料桶工具”为圆填充这种渐变色，并删去圆的边框，如图 2。 图 1 图 2 （4）新建图形元件“文字” 。单击“文本工具”按钮，选择白色，在舞台中写出“善待地球”文字，字体为黑体，字号为“50” 。 （5）新建图形元件“遮罩” 。使用“椭圆工具”画个正圆，颜色值为“666666” 。 （6）导入库中的两张地图图片， “地图

3、1”和“地图 2” （7）新建图形元件“旋转的地球” 。将图层 1 改名为“遮罩” ，在此图层的第 1 帧导入名为“遮罩”的元件。 （8）在“遮罩”层第 35 帧插入关键帧。 （9）新建图层，命名为“地图 2”，位于“遮罩”图层的下方，在此图层的第 1 帧导入图片“地图 2”。 （10）单击“地图 2”层的第 35 帧，按 F6 插入关键帧，并调整图形位置。 （11）右键单击“地图 2”层第 1 帧到 35 帧任意一帧，在弹出的菜单中单击“创建补间动画”命令。 （12）右键单击“遮罩”层的层标，在弹出的菜单中单击“遮罩层”命令。 （13）在“遮罩”层和“地图 2”层中间新建图层“地图 1”。在

4、此图层的第 1 帧导入元件“地图 1”。单击“地图 1”层的第 35 帧，插入关键帧，并调整图片位置。 （14）右键单击“地图 1”层的第 1 帧，在弹出的菜单中单击“创建补间动画”命令。 （15）新建图层“地球” ，位于已有图层的上方，在此图层的第1 帧导入名为“地球”的元件，用“任意变形工具”的大小和位置，使它与“遮罩”刚好重合。 （16）单击“场景 1”。 （17）在“图层 1”的第 1 帧导入元件“旋转的地球” ，调整其大小和位置。 （18）在第 105 帧插入关键帧。 （19）新建“图层 2”，位于“图层 1”的上方，右击第 25 帧插入关键帧，导入名为“遮罩”的元件，调整并覆盖“旋

5、转的地球”元件。（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 观看效果（如图）：随着地球的旋转，纯净湛蓝的

6、地球最终变成污浊蒙灰的地球，立体感很强，呼吁人类要善待地球。 实例二：神奇的 ActionScript 如果 flash 仅仅是靠改变帧动作来制作动画，或许就不会有今天的辉煌。强大的 ActionScript 吸引了更多爱好者，我们可以利用ActionScript 实现三维效果。下面通过一个简单的实例，领略ActionScript 的数字三维魔力。 操作步骤： （1）新建文件并插入一个新图层，从上至下取名为脚本、小球。按 Ctrl+F8 创建一个名为“小球”的影片剪辑，在其中绘制一个小球，并填充放射性渐变色；将小球从“库”中拖放到“小球”图层的第 1 帧，单击“属性”按钮，将其“实例名”设置为

7、“ball” ，再在第 2 帧按 F5键。 （2）在“脚本”图层的第 1 帧按 F6 键，然后单击下方的“动作”按钮，输入如下脚本：“zongshu=12;”在第 2 帧按 F6 键，再输入如下语句： stagewidth=500; stageheight=320; centerstageX=stagewidth/2; centerstageY=stageheight/2; for (i=1; izongshu+1; i+) duplicateMovieClip (“ball”, “ball”+i, i); stop(); （3）选中小球，打开“动作面板” ，为小球加上如下语句： onClip

8、Event (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*zr

9、adius/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 观看效果（如图）：小球会随着鼠标的移动方向而旋转，立体感很

10、强。 利用遮罩和 ActionScript 实现 flash 三维效果，也如此的美轮美奂。当然，如果想通过 flash 实现更多的视觉效果，还需要不断挖掘和探索，比如引进三维引擎技术，可能会更好地实现 flash 三维效果，让我们努力去研究并拭目以待。 参考文献 1育碟 Flash 精华案例软件公司Adobe 2009。 2Adobe Flash CS3 中文版经典教程(1CD).人民邮电出版社，2008。 3Flash CS3 动画设计教程与上机指导. 清华大学出版社，2008。 4中文版 Flash 动画制作实训教程.航空工业出版社，2009。 5Flash CS3 动画制作基础与案例教程.北京理工大学出版社，2008。