Fireworks制作飞翔的海鸥GIF动画图片教程
当我们在网上冲浪时,看到形形色色的动画效果,一定会有一种冲动,那就是将这个漂亮的动画存储到自己的硬盘上,那么你知道这些动画是如何制作的的吗?
利用firework 3制作动画总共有三种方法,由易到难分别为:合并已有图片生成动画,利用tween instances生成动画和手工绘制。
一、合并已有图片生成动画
合并已有图片形成动画,顾名思义就是将一系列图片按顺序排列在不同的帧中从而生成动画,当然,首先我们必须有一串连续的图片,然后,在fireworks中,选择菜单指令“file/open multiple”,这时将弹出“打开”对话框(如图1),进入所需图片所在的目录,然后按照动画中图片显示的顺序依次选取图片,并单击“add”按钮将这三张图片加入到对话框下面的窗口;
注意:我们还必须勾选对话框最下面的“open as animation”(以动画打开)选项,不然的话,我们打开的将是三张分开的静态图片;最后,单击“done”(完成)按钮。
图1以动画打开
单击窗口右下角状态栏的播放按钮,怎么样?效果还不错吧!
现在只是一只海鸥在不停地飞,如果为它再添加一副背景,效果一定会更好,好吧,下面我们就为海鸥添加一副大海的背景。
添加背景的方法有两种:自动复制和共享图层。
1.自动复制
图2添加帧
首先,单击“frames”面板右上角如图2按钮,选择“add frames”,在弹出的对话框中选择“number”为1和“at the end”,单击“ok”按钮。
图3编辑模式状态
然后将画布的大小改为200x150(pixels);接下来,打开背景图片,发现图片周围有一个如图3的边框,说明图片处于图像编辑模式,选择“modify/exit image edit (ctrl+shift+d)”,使图片进入对象编辑模式,如果想让图片打开时总为对象编辑模式,我们将“file/preferences”的“editing”面板中“open in image edit mode”复选框前面的对钩去掉即可。(如图4)
图4prefernces对话框
选中新添加的“frame 4”,将背景图片拷入其中并适当地调整一下背景图片的位置,然后选中图片,单击“frames”面板右上角如图4按钮,在弹出菜单中选择“copy to frames”,进入“copy to frames”窗口,选择拷贝范围为:all frames,单击“ok”按钮 。
图4拷贝帧
打开“frames”面板,我们发现前三帧的图片都被背景图片遮住了,单击第一帧,然后选中画布中的图片,执行菜单指令“modify/arrange/send”;或者单击修改工具栏的置后工具(如图5),将背景图片移到动画图片的后面,其它帧同理。
图5置后工具
最后双击“frame 4”,将它的时间延迟设置为0(如图6)。
图6延时设置
至此,背景添加完毕,赶快预览一下动画的效果吧!(如图7)
图7动画效果图
2.共享图层
共享图层就是使用“layers”图层面板,将指定的背景图片设定为共享图层,如此即可在所有的帧中看到该背景。
我们有时可能会误认为每一帧都拥有一个图层,其实不论设定的帧有多少,这些帧都位于同一图层上,只是出现的时间不同罢了。
下面我们就利用此方法为刚才的动画添加一个背景: 首先,将画布的大小改为200x150(pixels),然后开启“layers”图层面板,单击“layers”图层面板右上角如图按钮,选择“new layer”,在弹出的“new layer”对话框中,为新层起一个名字,例如:background,钩选“share across frames”复选框,单击“ok”按钮,“background”图层就成了共享图层,(如图8)左键按住“background”图层,将它拖到“layer 1”图层下面;然后打开背景图片,单击“矩形选择工具” ,选择我们需要的背景,将其拷到“background”图层的画布中,并适当地调整一下背景的位置。好了,一切ok!
图8共享图层
二、利用tween instances生成动画
利用tween instances生成动画是firework 3十分强大的功能之一,它的原理是将图片转化为元件(symbol),然后,确定元件的初始和结束分身(instance),再利用tween instances将这些分身转换为具有过渡效果的连续帧(frame)。
tween instances功能支持元件的位移、旋转、缩放、扭曲、倾斜以及不透明度的过渡。
具体的动画制作过程我们可以参见第一章的第四节,这里就不再重复。
三、手工绘制
如果我们要手工绘制动画,就需要用到firework 3的洋葱皮功能(onion skinning),它就象我们制作卡通用的半透明纸一样,在编辑当前帧的同时,可以看到此前或此后帧中的内容,这样,我们在手绘动画时就可以方便地绘制图案。
下面我们就来认识一下洋葱皮功能,开启“frames”面板,单击“洋葱皮功能”按钮(如图9),弹出菜单中选项分别为:
· no onion skinning: 关闭洋葱皮功能;
· show next frame: 在当前帧中显示下一帧的内容;
· before and after: 在当前帧中显示前一帧和下一帧的内容;
· show all frames: 在当前帧中显示所有帧中的内容;
· custom: 可以设置洋葱皮的显示功能;
· multi-frame editing: 可以透过洋葱皮编辑其他帧中的内容。
图9洋葱皮功能菜单
空说无用,打开我们先前制作的“海鸥”动画,然后选中show all frames,我们不仅可以看到当前帧的海鸥,还可以看到其他两帧中海鸥的淡化效果(如图10);
firework 3的洋葱皮功能十分强大,而且方便高效,我们可以在以后的手工绘制动画中慢慢地体会。
图10淡化效果
以上就是fireworks制作飞翔的海鸥gif动画图片教程的相关内容,你学会了吗?如果您还有什么疑问或建议,请给我们留言,我们会尽快给您回复。
相关阅读
上一篇: CDR轮廓图怎么设计字体?