精美的图片是做网站必不可少的元素,尤其是GIF动画,可以让原
本呆板的网站变得栩栩如生。大家见得最多的可能就是那些不断旋转的“Welcome”,以及风格各异的广告Banner。在Windows平台上,制作
GIF动画有许多工具,其中著名的有Adobe公司的ImageReady、友立公司的GIF
Animation等。在Linux平台上,我们同样可以轻松地制作动感十足的GIF动画。Linux中的GIMP就是一个具有同GIF
Animation或者ImageReady一样简单易用,并且功能强大的GIF动画制作工具。它不仅完全可以胜任GIF动画制作,而且可以充分利用
GIMP强大的图像处理功能,使GIF动画更具感染力和吸引力。
GIMP制做GIF动画很简单,其原理就是将一幅幅差别细微的静态图片不停地轮流显示,就好像在放映电影胶片一样。说得更具体一些,就是要在GIMP
中做好GIF动画中的每一幅单帧画面,然后再用GIMP将这些静止的画面连在一起,设定好帧与帧之间的时间间隔,最后保存成GIF格式即可。明白了GIF
动画的原理,我们就可以开始着手用GIMP来制作GIF动画。笔者以一幅企鹅的GIF动画为例,介绍使用GIMP制作(创作)GIF动画的方法。
制作GIF动画的准备工作
为制作GIF动画需要准备一张企鹅的图片,并且要有安装有GIMP的Linux系统,笔者这里以Red Hat 8.0为例。
GIF动画制作步骤
1.制作GIF动画的背景
(1)一点通
对于GIF动画,一般来说背景是必不可少的。背景既可以是一幅精选的图片,也可以是简单的前景色或者是背景色。
(2)详细步骤
首先单击GIMP主窗口选单中的“文件”选单。其次选择“新建...”选项,在弹出的“新建图像”的窗口中,将新建的图片的宽度和高度分别设定为
“900”和“300”像素。随后单击“OK”按钮即可。然后,单击GIMP主窗口的调色板,选择明黄作为前景颜色。最后再使用主窗口工具箱中的“渐变填
充”工具,从左向右进行渐变填充。这样GIF图片的背景就制作好了。
(3)小技巧
使用“Alt+F”和“Ctrl+N”快捷键,可以迅速打开GIMP的“文件”选单和“新建…”窗口。
2.制作GIF动画
(1)一点通
GIMP中没有专门的帧设计工具,它以其独特的方式来制作GIF动画。在GIMP中,制作GIF动画和制作一幅多图层的图片差别不大,多图层构成的图
片就好像是将多层胶片迭加在一起,然后从上面往下看,由各层迭加后的效果。而GIF动画的每一帧可以看成是该图片的一层,然后在每层之间加上控制语言,并
让其连续播放。就是我们看到的GIF动画。
(2)详细步骤
打开“文件”选单,将光标指向“对话框”选项。从中选择“图层、通道和路径...”选项,打开“图层、通道和路径”对话框,点击该对话框左下角的新建
层按钮,在新建图层的对话框中将该帧命名为Frame1。后面紧接着加上两个用括号括起的参数“(200ms)(combine)”,其中的200ms表
示帧与帧之间的间隔时间为200毫秒,combine则表示帧与帧之间切换后保留前一帧。当然,还可以使用replace参数来替换combine参数,
replace参数表示替换下一帧的图像。这样就可以随心所欲地设计GIF动画了。一个新的透明图层建好后,可以打开要添加的图片,见图1所示。
图1 对图片进行处理
在该窗口将其选中,然后使用“Ctrl+C”将其拷贝粘贴到刚刚建好的新图层上。这时在“图层、通道和路径”对话框中就会出现一个“浮动选择”层,如图2所示。
图2 在“图层、通道和路径”对话框中出现一个“浮动选择”层
这时可以在新建的层上对复制过来的图片随意移动,并将其放到一个合适的位置。确定后可以选择固定图层的锚状按钮,将其固定到这一位置。这样,一个图层就做好了,见图3所示。GIF动画的一帧也就完成了。
图3 一个图层就做好了
然后如法炮制,一个图层复制一幅企鹅图像,犹如作三明治一般,再重复制作4个图层即可。需要注意的是,这五个图层中的企鹅的位置各不相同,具体位置由自己设想的运动路径决定。本例中为了演示方便,采用了最简单的直线运动路径。见图4所示。
图4 本例企鹅采用了最简单的直线运动路径
(3)小技巧
可以使用“Ctrl+L”快捷键直接打开“图层、通道和路径”对话框。
3.保存GIF动画
(1)一点通
将制作好的GIF动画保存为GIF格式的时候,会有很多选项可供选择,可以根据自己的需求而定。要保存为GIF格式动画,必须首先索引
(Indexed)图像。建议在制作过程中,从头到尾全部采用RGB的色彩模式,即GIMP默认色彩模式,而不要提前将其转化为索引图像,免得画蛇添足,
费时费力。
(2)具体步骤
点击欲保存GIF动画窗口的左上角的带有三角标志的按钮,打开该窗口的选单,选择“文件”选项中的“SaveAs...”。然后在弹出的“保存图像”
窗口最下端的文本框中键入该GIF动画的名称“Tux5.GIF”。点击“确定”按钮后,GIMP会给出一个关于导出图像的提示对话框,见图5所示。
图5 GIMP给出一个关于导出图像的提示对话框
该对话框提示需要导出图像的原因和选项。其中第一项提示为GIF动画只支持动画帧,其下的两个选项分别为“平铺图像”和“保存为动画”。GIMP默认
保存为“平铺图像”。所谓“平铺图像”就是无动画效果的静态GIF图片,如果需要制作静态的GIF图片,当然要选这一项。由于要制作GIF动画,所以只要
选择第二项,即“保存为动画”选项。
需要注意的是,如果一旦选择了保存为平铺图像(相当于多图层图片合并所有图层操作),以后就无法再保存为动画模式。因此,选择时一定要三思而后行。
第二个提示则要求选择保存的色彩模式,即索引色模式和灰阶模式。如果选择了索引色模式,就可以保存为256色索引色,而灰阶模式则只能保存为256灰阶黑白图像。这里选择索引色模式,选择完毕点击“Export”按钮。
之后就会出现“Save as GIF”的对话框。该对话框中有两大部分。第一部分是“GIF Options”在这里的“GIF
Comment”(GIF图片的注释),可以添加对该GIF图像的注释,如“Lovely
Tux!”。第二部分是动画选项,这部分中关键是在“Frame Disposal WhereUnspecified”中选择“Cumulative
Layers(combine)”,见图6所示。其它那两项分别是GIF动画永远循环和默认的帧与帧之间的延迟时间。GIMP默认为永远循环。如只要
GIF动画演示一遍,就得清除该选项。否则,应保留默认选项。默认的帧与帧之间的延迟时间为100ms,一般采用默认值即可以满足要求。确认后点击
“OK”按钮即可保存。
图6 动画选项
(3)小提示
如果要保存为Replace参数GIF动画,只需在“Frame Disposal WhereUnspecified”中选择“One Frame per Layer(Replace)”即可。这么多选项看似复杂,其实并没有想像的那么复杂。现将常用选项归纳如下:
◆ 制作静态的GIF图片 除了色彩模式根据需要选择外,其它项目只需使用默认选项即可。
◆ 制作动态的GIF图片 除了选择“保存为动画”和根据需要选择“Cumulative Layers(combine)”或“One Frame per Layer(Replace)”项外,其它项目只需使用默认选项即可。
4.浏览GIF动画
(1)一点通
图7 在“滤镜”选项中选择“动画/Animation PlayBack”项
下面看一看刚才制作好的GIF动画。不过如果直接使用GIMP打开该图片,就会发现打开的GIF动画是静止的。难道是制作中有错误?还是哪些步骤有问
题?其实都不是。如果要在GIMP中浏览GIF动画,必须使用一组特殊的滤镜?动画滤镜组。该滤镜组包括Animation
Optimize、Animation Playback和Animation Unoptimize三个滤镜。其实与其说Animation
Playback是一个滤镜,倒不如说它是一个GIF动画播放器更好,它是这三个滤镜中最为常用的一个滤镜。我们就使用它来播放制作的GIF动画。
(2)具体步骤
打开刚刚制作好的GIF动画,再次点击GIF动画窗口的左上角的带有三角标志的按钮,在选单中选择“滤镜”选项,选择其中的“动画/Animation PlayBack”项,见图7所示。
打开这个GIMP内置的GIF动画播放器,见图8所示。该播放器最上端有三个按钮,依次为“Play/Stop”、“Rewind”和“Step”按
钮。其中“Play/Stop”(开始/停止)和“Step”(手动安帧播放)按钮最为常用。选择“Play/Stop”按钮,该GIF动画的各帧就会依
次自动播放。选择“Step”按钮,则是一帧一帧播放。在播放图片的下方还有一个帧播放进度条,可以直观地显示正在播放的当前帧序号和总帧数。
图8 打开Animation Playback滤镜播放GIF动画
(3)小技巧
如果习惯于在浏览器中播放GIF动画,可以使用Mozilla浏览器或者是KDE中的Konqueror浏览器播放GIF动画。
这样,一幅由GIMP制造的GIF动画就制作好了。诚然,一幅好的GIF动画不仅仅是精湛的技术,更重要的是好的创意,希望大家都能使用GIMP创作出好的GIF动画作品。
阅读(3624) | 评论(0) | 转发(0) |