gggds 发表于 2009-12-27 12:02:38

Fireworks制作分身动化特效

  大家都看过武打影片吧?影片中的武林高手施展功夫时,那真是令人眼花缭乱,其中有一项就是:分身术,让人看起来好像有几个人影。今天我在这里就教大家如何通过Fireworks4.0的制作来达到这种效果。一、制作Fireworks的组件与分身1. 打开图片,将对象定义为一个symbol(组件),当对象定义为symbol(组件)后,就可以复制无限个相同的对象也就是instance(分身),这个动作对于缩小档案容量有相当大的帮助。(如果你曾使用过Flash,symbol(组件)对你而言应该是可以接受的概念。)
 
http://edu.itbulo.com/UploadFiles_1485/200504/20054918027947.gif
图12. 选择要做为symbol(组件)的对象,选取菜单指令Insert/Convert to Symbols来把它定义为symbol(组件)。如果你不想要一个特定的instance(分身)被连结symbol时只要选取菜单指令Modify/Symbols/Break Link就可以解除与symbol(组件)的连结。
 
http://edu.itbulo.com/UploadFiles_1485/200504/20054918028437.gif
图23. 你想要修改symbol(组件)的外貌时,只要编辑Library窗口里的symbol(组件)那 么画面上的instance(分身)就 会同时做更新了。(在Fireworks中,你可以复制、移动、编排大小或是旋转每一个不同的instance,因为一切都是由symbol(组件)所控制的。)
 
http://edu.itbulo.com/UploadFiles_1485/200504/20054918028746.jpg
图3
 
http://edu.itbulo.com/UploadFiles_1485/200504/20054918028597.gif
图4  学会了制作Fireworks的组件与分身,接下来就是要开始运用了分身的渐变。二、组件的渐变  在这里我教大家如何让对象移动并且加上淡出的效果。有一种方法可以做到,就是用手动的方式改变对象在每一格frame里的位置,但是这必须具有细心及耐心,所以这里要教你如何用 Fireworks来帮你。1、首先将Library窗口里的symbol(组件),拖曳到画面上。
 
http://edu.itbulo.com/UploadFiles_1485/200504/20054918028937.gif
图52、要创造动态时,就要使用Frame的toolbar。从拉下的选单中选择Duplicate Frames,在对话框中的数字选择1,按下OK。
 
http://edu.itbulo.com/UploadFiles_1485/200504/20054918028441.gif
图63、 Frame 1和Frame 2是一样的,按下Frame2并删去instance(分身),复制Frame2,这一次对话框中的数字选择4。现在你的动画中应该一共有6格frame,最后5格frame没有instance(分身)。4、 从Library窗口里拖曳出一个新的instance(分身)到Frame 1然后把它移到左边,这窗口才有一点空间。选择原本的instance(分身),再在透明度(Object)toolbar中将透明度(opancity)调至20%。同时选择两个instance(分身),选取菜单指令 Modify/Symbols/TweenInstance(勾选Distribute to frames)并在对话框中输入4格。现在你就可以比较一下6格frame的效果了。三、动画的压缩与输出  在上面大家学会了组件的渐变,接下来就是最后的步骤压缩与输出。影像所有调整及存取的东西都在一个复杂的对话框中完成,它的位置在档案选单中的File/Export Wizard 。1、 你会看到选择(Options)工具出现在左边而档案预览在右边。选择工具让你可以选择压缩GIF影像的色彩,或是JPEG格式。此外Fireworks也包含一些网络用的.png格式,不过对我们来说没有什么用处,因为大部分的浏览器都不支持这种格式 。在这里我将格式选为AnimatedGif。2、 在色盘(Palette)底下,这里建议使用WebSnap Adaptive,如此一来会创造出一个合适的颜色色盘让影像使用最好的色彩, 而且它会保存你用浏览器定义的任何色彩,可说是安全的色盘。制作动画时,32是一个起头的好数字,所以在色盘选择的右边框框中输入32 。
 
http://edu.itbulo.com/UploadFiles_1485/200504/20054918028334.gif
图73、 右下方的几个按钮可以将预览的窗口分割为两个或四个部分,让你可以比较不同的设定。选择第二个按钮,让你比较32色与 64色的不同。在每个预览窗口的上面有选单,让你可以储存设定。 在每个预览窗口的上面都有选单可以让你储存设定。如果你喜欢你为影像所做的设定,而且想要把它套用在类似的影像上,按下加号。如果你想要将一批批次档套用到一样的色盘可以在这里定义,关闭压缩窗口后,再选择File/BatchProcess来设定影像。
 
http://edu.itbulo.com/UploadFiles_1485/200504/20054918028965.gif
图84、 动画卷标(Animation tab)。按着SHIFT键不放,按下全部frame来把它全部选择。在stopwatch图标下方的区域中,输入50让每一格frame出现半秒的时间(50/100),下方的两个箭头图标可以控制是否要让动画重复播放。不过在这里就别管这些箭头,让PlayOnce的箭头保持勾选的状态。让Auto Crop及Auto Difference保持勾选状态,这样一来只要改变每一格frame影像的一小部份,就可以到最好的压缩效果。
 
http://edu.itbulo.com/UploadFiles_1485/200504/20054918028725.gif
图9
 
http://edu.itbulo.com/UploadFiles_1485/200504/20054918029337.gif
图10  最后的步骤把动画调整好以后就可以预览一下,然后把你的心血结晶存盘起来,这样就大功告成了。
页: [1]
查看完整版本: Fireworks制作分身动化特效