《Fireworks制作GIF动画图片教程.docx》由会员分享,可在线阅读,更多相关《Fireworks制作GIF动画图片教程.docx(6页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Fireworks制作GIF动画图片教程Fireworks制作GIF动画图片教程当我们在网上冲浪时,看到形形色色的动画效果,一定会有一种冲动,那就是将这个漂亮的动画存储到本人的硬盘上,那么你知道这些动画是怎样制作的的吗?下面是学习啦我整理的一些关于Fireworks制作GIF动画图片的相关资料,供您参考。Fireworks制作GIF动画图片教程其实动画的原理很简单,就是让图片有秩序地轮流显示。利用Firework3制作动画总共有三种方法,由易到难分别为:合并已有图片生成动画,利用TweenInstances生成动画和手工绘制。一、合并已有图片生成动画合并已有图片构成动画,顾名思义就是将一系列图
2、片按顺序排列在不同的帧中进而生成动画,当然,首先我们必须有一串连续的图片,然后,在Fireworks中,选择菜单指令File/OpenMultiple,这时将弹出打开对话框(如图1),进入所需图片所在的目录,然后根据动画中图片显示的顺序依次选取图片,并单击Add按钮将这三张图片参加到对话框下面的窗口;注意:我们还必须勾选对话框最下面的OpenasAnimation(以动画打开)选项,不然的话,我们打开的将是三张分开的静态图片;最后,单击Done(完成)按钮。图1以动画打开单击窗口右下角状态栏的播放按钮,怎么样?效果还不错吧!如今只是一只海鸥在不停地飞,假如为它再添加一副背景,效果一定会更好,好
3、吧,下面我们就为海鸥添加一副大海的背景。添加背景的方法有两种:自动复制和分享图层。1.自动复制图2添加帧首先,单击Frames面板右上角如图2按钮,选择AddFrames,在弹出的对话框中选择Number为1和Attheend,单击ok按钮。图3编辑形式状态然后将画布的大小改为200x150(Pixels);接下来,打开背景图片,发现图片周围有一个如图3的边框,讲明图片处于图像编辑形式,选择Modify/ExitImageEdit(Ctrl+Shift+D),使图片进入对象编辑形式,假如想让图片打开时总为对象编辑形式,我们将File/Preferences的Editing面板中OpeninIm
4、ageEditMode复选框前面的对钩去掉即可。(如图4)图4Prefernces对话框选中新添加的Frame4,将背景图片拷入其中并适当地调整一下背景图片的位置,然后选中图片,单击Frames面板右上角如图4按钮,在弹出菜单中选择CopytoFrames,进入CopytoFrames窗口,选择拷贝范围为:AllFrames,单击ok按钮。图4拷贝帧打开Frames面板,我们发现前三帧的图片都被背景图片遮住了,单击第一帧,然后选中画布中的图片,执行菜单指令Modify/Arrange/Send或者单击修改工具栏的置后工具(如图5),将背景图片移到动画图片的后面,其它帧同理。图5置后工具最后双击
5、Frame4,将它的时间延迟设置为0(如图6)。图6延时设置至此,背景添加完毕,赶紧预览一下动画的效果吧!(如图7)图7动画效果图2.分享图层分享图层就是使用Layers图层面板,将指定的背景图片设定为分享图层,如此即可在所有的帧中看到该背景。我们有时可能会误以为每一帧都拥有一个图层,其实不管设定的帧有多少,这些帧都位于同一图层上,只是出现的时间不同罢了。下面我们就利用此方法为刚刚的动画添加一个背景:首先,将画布的大小改为200x150(Pixels),然后开启Layers图层面板,单击Layers图层面板右上角如图按钮,选择NewLayer,在弹出的NewLayer对话框中,为新层起一个名字
6、,例如:background,钩选ShareAcrossFrames复选框,单击ok按钮,background图层就成了分享图层,(如图8)左键按住background图层,将它拖到Layer1图层下面;然后打开背景图片,单击矩形选择工具,选择我们需要的背景,将其拷到background图层的画布中,并适当地调整一下背景的位置。好了,一切ok!图8分享图层二、利用TweenInstances生成动画利用TweenInstances生成动画是Firework3特别强大的功能之一,它的原理是将图片转化为元件(symbol),然后,确定元件的初始和结束分身(instance),再利用TweenIns
7、tances将这些分身转换为具有过渡效果的连续帧(frame)。TweenInstances功能支持元件的位移、旋转、缩放、扭曲、倾斜以及不透明度的过渡。详细的动画制作经过我们能够参见第一章的第四节,这里就不再重复。三、手工绘制假如我们要手工绘制动画,就需要用到Firework3的洋葱皮功能(OnionSkinning),它就象我们制作卡通用的半透明纸一样,在编辑当前帧的同时,能够看到此前或此后帧中的内容,这样,我们在手绘动画时就能够方便地绘制图案。下面我们就来认识一下洋葱皮功能,开启Frames面板,单击洋葱皮功能按钮(如图9),弹出菜单中选项分别为:NoOnionSkinning:关闭洋葱
8、皮功能;ShowNextFrame:在当前帧中显示下一帧的内容;BeforeandAfter:在当前帧中显示前一帧和下一帧的内容;ShowAllFrames:在当前帧中显示所有帧中的内容;Custom:能够设置洋葱皮的显示功能;Multi-FrameEditing:能够透过洋葱皮编辑其他帧中的内容。图9洋葱皮功能菜单空讲无用,打开我们先前制作的海鸥动画,然后选中ShowAllFrames,我们不仅能够看到当前帧的海鸥,还能够看到其他两帧中海鸥的淡化效果(如图10);Firework3的洋葱皮功能特别强大,而且方便高效,我们能够在以后的手工绘制动画中渐渐地体会。图10淡化效果Fireworks制作GIF动画图片教程的