PDA 个人数字助理

查看完全版本 : ★★★[原创]FLASH MX 旋转水波效果制作


TOON
2003-11-15, 09:34 PM
一石激起千层浪
——旋转水波效果制作
★作者:真实之雨

随着Flash的不断发展,许多令人眼花缭乱的特效都能够制作了,但是一些特效里有很多令刚入 “闪道”的菜鸟们头疼不己的Flash Action代码,实在是让大家又爱又怕。其实只要我们转动脑筋,一样可以在不编写任何代码的情况下做出令人惊叹的特效。下面就让我们来看一下,如何通过Photoshop和Flash的配合,在不利用代码的情况下做出“一石激起千层浪”的特效来。

★效果图制作

第一步 打开Photoshop,建立一个大小为“400×400”的图像。然后选择工具箱里的画笔工具并设置好画笔的参数(如图1)。
http://www.art-ing.com/files/1_170.gif

第二步 画几道黑色的粗线条(如图2),
http://www.art-ing.com/files/2_234.gif
使用“滤镜”菜单下的“扭曲”→“水波”效果,具体参数如图3所示。
http://www.art-ing.com/files/3_130.gif

第三步 确定最后的图片效果如图4所示,否则调整第二步中的参数,调整满意后将其保存为JPG格式,就可以关闭Photoshop了。
http://www.art-ing.com/files/4_326.jpg
注意:在第二步时一定不要使用过多的线条,否则得到的效果将是十分细微的波纹,将会影响到后期的效果制作。一般只需要使用5~10条线段。

★前期准备

第一步 打开Flash MX ,执行“文件”→“导入到库”,将刚才做好的图片导入Flash的Library里,然后选择“插入”→“新符号”(快捷键:Ctrl+F8),在随后弹出的“创建新符号”(Create New Symbol)对话框中做如图5设置,然后在Library中新增一个符号以进行编辑。
http://www.art-ing.com/files/5_261.jpg
第二步 按住“Shift”键画一个整圆,颜色为黑色,去除描边,再在其旁边画一比它稍小一点的红色圆。选中红色圆将其用键盘的方向键移动到黑色圆的中间,此时将鼠标点场景空白处,取消红色圆的选中状态,然后再点中红色圆并将其删除,我们得到一个圆环(如图6)。
http://www.art-ing.com/files/6_309.gif

第三步 再次选择“插入”→“新符号”,在随后弹出的“创建新符号”(Create New Symbol),设置新符号类型为MVC,名称随便咯!
注意:在制作圆环的过程当中,必须要去掉两个圆的描边。否则,将会使得最后的圆环效果看起来十分的模糊。

★创建动画

第一步 首先把我们制作的图片拖入第一层的第一帧中。然后再新建一层,把制作的Graphic类型的符号拖入第二层的第一帧中,分别在第一层和第二层的27帧处按下“F6”键插入关键帧。
第二步 选中第二层的27帧的圆环,选择工具箱里的自由变形工具,此时在圆环周围出现缩放控制框,按住“Shift”的同时用鼠标拉住缩放控制框一角,将圆环扩大,然后在第二层的第一帧上点鼠标右键,选择“Create Motion Tween”。
第三步 选中第一层的27帧的水波图片,同样使用自由变形工具使其旋转一定角度,同样在第一层的第一帧上点鼠标右键并选择“Create Motion Tween”,创建图片旋转的动画(时间轴如图7)。最后在第二层上点鼠标右键选择“Mask”,设置[如图8]的时间轴。
http://www.art-ing.com/files/8_145.gif
注意:时间轴的设置不必要完全根据图中所示,但是一定要保证其长度的比例要与图中一致。

★调整效果
第一步 按下“Ctrl+E”,从符号编辑状态返回到Scene1(场景1)中,把我们刚做好的Moviie Clip(影片剪辑)符号,拖到场景1的第一层的第一帧,在第一层的27帧处按下“F5”插入帧。
第二步 新建3个层,用鼠标点第一层的第一帧,接着按住“Shift”点第一层的27帧,选中1到27帧,紧接着按下“Alt”键拖动第一层的第1到27帧到第二层的第7帧处。
第三步 再选中从第一层拖到第二层的1到27帧,按住“Alt”键拖到第三层的14帧和第四层的18帧处,最终调整效果的时间轴如图9。
http://www.art-ing.com/files/9_158.gif
按下 CTRL+ENTER,就可以PREVIEW效果了!
编后
该效果主要结合外部位图图片和Flash的Mask(蒙版)来完成,效果最后的好坏除了决定于文中一些操作技巧外,图片的效果,以及圆环的粗细也会影响到最终效果。值得注意的是,不要直接使用圆的外边缘来做蒙版层。本文使用2个圆的剪贴来得到圆环是十分正确的做法,假如直接使用圆的外边缘来作圆环,蒙版将不起任何作应。希望大家能依此类推,利用蒙版做出更好的效果。

BY TOON
webdesigned@163.com

xielin123
2003-11-15, 11:02 PM
支持原创

叶子
2003-11-17, 02:52 PM
支持,鼓励!
较好教程:+5分;置顶:+1分,合计:+6分。:)

liulpy
2003-11-24, 08:53 AM
安装个中文的
我想看一下你做好后的效果(SWF文件)。

13812221980
2003-12-01, 09:46 AM
呵呵 我试着做了,

叶子
2003-12-09, 04:20 PM
取消置顶中。。。

叶子
2003-12-23, 02:23 PM
顶一下。

kinder
2003-12-24, 09:03 AM
支持原创