Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1143619
  • 博文数量: 53
  • 博客积分: 10025
  • 博客等级: 上将
  • 技术积分: 1640
  • 用 户 组: 普通用户
  • 注册时间: 2007-06-15 17:05
文章分类

全部博文(53)

文章存档

2011年(1)

2010年(3)

2009年(25)

2008年(24)

我的朋友

分类: LINUX

2008-03-09 16:02:23


精美的图片是做网站必不可少的元素,尤其是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) |
给主人留下些什么吧!~~