尽管Flash动画很流行,但GIF动画在网页中的应用也是很频繁的。你是不是觉得做动画很难?以前也许是这样的,但现在,各种GIF动画软件的出现,使得做动画易如反掌,今天就来教你一招简单的。
首先我们要有做GIF动画的工具软件,Adobe ImageReady使用简便,功能齐全,我们便敲定用它。如果你的电脑安装了Adobe Photoshop 6.0,就同时默认安装了Adobe ImageReady 3.0,在“开始”\“程序”\“Adobe”中就可以启动程序。
我们知道,动画就是数张图片依次显现所造成的视觉效果。因此我们只要让几张图片依次显现,就形成了一个最简单的动画,所以我们要把动画的每一帧都做成一幅图片。为了有更直观的认识,制作之前,建议你先到网上找几幅好看的GIF动画来研究一下。在Adobe ImageReady中打开一幅GIF图片,如图1所示,下面动画栏中显示的就是动画的每一帧,而且每一帧下面都有时间显示;上面是编辑窗口,右边还有图层信息显示,你可以直接用各种工具对当前帧图片进行编辑修改。看清楚了,再点击“播放”,看一下效果。经过这一番琢磨,相信你心里也有数了,那咱们现在就来操练一下吧。
1. 准备图片。首先,我们准备好几张GIF的图片(为了减小动画的大小,所以要用GIF格式图片),把这些图片存放到一个单独的文件夹中,如“C:\My Documents\image”。
2. 导入图片。启动Adobe ImageReady,然后单击“File(文件)”\“Import(导入)”\“Folder as Frames(图片文件夹)”,刚才我们准备的图片便被导入到程序中。
3. 调整时间。每张图片在动画中显示出来后要暂停一段时间,才能让人看清楚它的内容,但软件默认的时间是0秒,所以要调整每张图片显示的时间。如图2所示,在动画片制作标签“animation”中每幅图片下显示的时间上单击鼠标右键,在弹出的快捷菜单中选择你希望每幅图片停留的时间,比如选0.2秒。
4. 预览成果。就这么简单,现在我们可以先预览一下目前的成果,看看满不满意。只要按下动画片制作标签上的“播放”按钮,就会出现一个窗口播放我们所做的动画。通常有问题的地方都是每张图显示的时间,如果太快或太慢,我们就要关掉预览,再回到上一步调整。不然就是图片显示的前后次序不对,可以用鼠标拖动图片来调整前后位置。
5. 存档。如果预览后觉得没有问题了,就可以存档了,单击“File”\“Save Optimized”,在弹出的对话框中输入文件名,保存类型选“GIF only”,最后单击“确定”即可。
存档以后,就可以通过“插入图形”的方式将这个动画放到你的网页中使用了。不过要注意动画的体积哟,文件太大是不适合在网上使用的。
好了,这里只是给大家示范一下简单制作动画的方法。要做出一个好的动画,是需要下一番工夫的。通过上面的示范,大家也知道了,动画编辑的过程并不麻烦,难就难在做动画的各个画面(即帧)以及把各帧有机关联起来,不过,研究别人的作品加上自己的创意,双管齐下,相信大家一定会做出漂亮的动画的。
