FLASH超级魔法效果 -pc6资讯

您的位置：首页 → 网页设计 → Flash → FLASH超级魔法效果

FLASH超级魔法效果 时间：2004/11/7 2:25:00来源：本站整理作者：蓝点我要评论(0)

　　　　　　　　　　　　

　　　　　　　　　　　　　在很多国外奇幻类游戏中，经常可见到很多炫目的魔法效果。在国人制作的如《仙剑奇侠传》《轩辕剑》等游戏中，也有大量极有口碑的魔法效果展示。现在，我们用FLASH技术来制作一个很酷炫的光芒环绕动画（如图），其视觉效果绝不亚于常见游戏中的魔法效果。在动画中，数道光芒围绕魔杖的顶端的光球若隐若现、快速旋转，伴以幽幻的音效，极富视觉冲击力。

　　该动画效果实际上是通过数道“光芒”的symbol移动渐变（motion Tween）来实现的。而“光芒”则仅仅是一张png格式的位图图片。png支持alpher通道透明，alpher通道透明不同与Index索引颜色透明之处在于：Index索引颜色透明要么是完全透明，要么是完全不透明；而alpher通道透明颜色可以使同种颜色之中部分透明而其它部分不透明。如果采用其它格式的透明图片，其边缘都会由毛边，效果极不自然（特别是在复杂背景的时候）。因此，采用png格式的透明图片，是该保证该动画效果的关键。

　　1、制作光芒

　　可以在photoshop6.0或者firework中制作。现在以photoshop6.0为例，对“光芒”的图片制作作一个简单的阐述。如图，新建一个240x240pixl的透明图片。其中的“芯部”用两个不同颜色的圆形填充体经过菜单 Filter－Blur－Gaussian Blur 滤镜效果处理而得，而光芒的“尾部”则利用长方形填充通过菜单 Filter－Distort－Twirl 滤镜效果处理而得。具体方法不再赘述，只要能达到图示中“光芒”边缘的虚化半透明效果即可，不要形状完全一致。

　　图片完成后，用photoshop6。0的Save as web选项将图片保存为png格式的透明图片。如图。注意要选择“PNG－24”方式，并勾选Transparency选项。如果这个图片的制作有难度，大家可以到这个地址 http://webart.myrice.com/sample/light.png 去下载一个现成的。

　　2、制作光芒动画M_light

　　打开FLASH5，新建一个场景大小为 400x600 pixl、背景色为#330099的flash文件。按Ctr＋R输入我们已经做好的“光芒”图片，选中它，按F8将其转换为Graphic，命名为“G_light”。新建一个movie clip，命名为“M_light”。将Library中的“G_light”拖入场景中。在第50、100帧处分别建立一关键帧，其中第1、100帧处，“G_light”的Effect均选白色的“Tint”效果，如图。

　　而在第50帧处，则要缩小对象“G_light”，并且Effect选择“Advanced”效果。动画片断“M_light”中第50帧处形态如图。

　　在第1－50帧、第50－100帧之间分别做motion渐变，在第1、50帧两个关键帧的帧属性中，均选择“CW” “3times”（即顺时针翻滚3周）。

　　可以看出，在光芒动画M_light中，我们实现了光芒的旋转、大小变化和颜色深浅等变化。

　　3、制作主动画

　　接下来，我们开始制作主动画。为了增加“魔法”的感觉，可以找一些相关图片做衬托。本例中找了一张“魔杖”的图片。将其导入时间轴底层做背景。而主动画的我们将把以上制作的“光芒动画M_light”拖到主场景的时间轴上，建8个层，每层放一个“M_light”。然后让每个“M_light”经过一定的变化，以及不同的排列和时间顺序出现，就会达到预期的效果。

　　其中某一层上的情况如图所示。先将“M_light”拖到场景主窗口中，用菜单 Modify－Transform－Edit center 编辑其中心点位置，使其在“M_light”的一只角上。建立图示的三个关键帧，中间一个关键帧里“M_light”的尺寸大一些。注意移动“M_light”，使其中心在魔杖“光球”的中心位置。这样才会产生光环围绕魔杖的“光球”旋转的感觉。最后在两个关键帧之间建立motion渐变，使光环在旋转的时候再次大小发生变化，产生一种在3D空间旋转的效果。