中华网校

系列网站: 中华网校 | www.网校.com | 3D模型 | 中华网校教育

电脑网校 | 业界新闻 | 职业网校 | 网校宝典 | 软件下载 | 网校论坛 | 网校联盟

电脑入门 | 网页设计 | 网络编程 | 图形图象 | 三维空间 | 多媒体 | 程序语言 | 操作系统 | 系统专题 | 办公应用 | 软件宝典 | 硬件天下 | 

 

您的位置:首页 >> 图形图象 >> FLASH >> FLASH闪客技巧 >> 新闻正文

FLASH超级魔法效果  

作者:  时间:2004-3-18  来自:  责任编辑:  阅读次数:

在很多国外奇幻类游戏中,经常可见到很多炫目的魔法效果。在国人制作的如《仙剑奇侠传》《轩辕剑》等游戏中,也有大量极有口碑的魔法效果展示。现在,我们用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空间旋转的效果。



同上的方法,再建立7个层,每层的上均放置“M_light”的渐变,所不同的是渐变的开始时间和其角度。如下图。让八个“M_light”成等角度排列。另外,将找一个适宜的音效导入,新建一层“sound”,放上导入的声音即可。


 



现在,按Ctr+Enter来欣赏我们震撼的杰作吧。
这个例子中的光芒的颜色可以任意选定,只需改变第二步中Effect里Tint的颜色即可。同时,背景也可任意设定,效果不受影响。
做好的成品效果大家可参考 http://webart.myrice.com/magiclight.swf .


相关文章 最新文章 推荐文章
《银河动画》flash鼠绘教程
Flash 8 少为人知的特性
把Flash动画轻松转成GIF图片
FLASH实现滚动条+网页书签效果
用Flash MX软件制作遥控小汽车
FlashMX2004分布式复制残影效果(图)
FLASH超级魔法效果

  中华网校依法保护知识产权,如果我们的文章有涉及或侵犯您的有关权益,请即时与我们 联系, 注明网址及文章,我们会即时处理或删除,感谢您的合作!中华网校email
  中华网校由广州市中六电脑城智锐计算机专业培训学院及中华网校技术中心提供网络支持未经本站许可任何个人网站、书刊报社一律不得私自复制,转载本站内容!

关于中华网校 | 广告服务 | 版权声明 | 投稿指南 | 网站合作 | 友情链接 | 网站地图

 

版权所有 中华网校 & 智锐网校 1999-2004 COPYRIGHT (C) 1999-2004 www.ZhiRui.com ALL RIGHTS RESERVED

 
/**/