精美的图片是做网站必不可少的元素,尤其是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动画作品。

Linux下用GIMP制作GIF动画相关推荐

  1. 详解linux下auto工具制作Makefile源码包(制作篇)

    2019独角兽企业重金招聘Python工程师标准>>> 详解linux下auto工具制作Makefile源码包(制作篇) 水木杨 一.     概述 为了更好的制作configure ...

  2. linux ps画图,PhotoGIMP:让Linux下的GIMP交互体验就像Photoshop

    原标题:PhotoGIMP:让Linux下的GIMP交互体验就像Photoshop 长期以来,GIMP一直是资深照片编辑的首选应用程序,不仅在Linux上,在Windows和Mac上也是如此,许多人认 ...

  3. linux下ps什么软件下载,号称Linux下PS GIMP 2.8.8正式版下载

    [中关村在线软件资讯]11月6日消息:GIMP是一款跨平台的图像处理工具,是GNU图像处理程序,号称Linux下的Photoshop.GIMP 2.8.8正式版的下载已经放出,点击下载. GIMP G ...

  4. Linux下patch的制作和应用

    因为在u-boot移植过程中,有几处通用文件要修改,如果每次都要手动修改就太麻烦了.制作补丁可以解决这个问题.      学习资料的收集比较简单,方法一类似于这种初级问题网上资料非常丰富,google ...

  5. linux dd目录生成iso文件,Linux下dd + mkisofs 制作可启动 img/iso 映像文件

    总的来说,制作镜像文件有三种方法,cp, cat, dd 和其它专用工具.cp ,cat 和 dd都可以从设备复制文件来创建镜像.而 dd 命令更为强大,可以通过指定块大小,块多少来直接创建镜像. I ...

  6. linux下命令行制作USB系统启动盘

    制作USB启动盘 如果你的iso文件是一个系统盘镜像文件,如名为CentOS-7-x86_64-DVD-2009.iso,想制作一个usb启动盘 1.首先需要将CentOS-7-x86_64-DVD- ...

  7. linux下命令行制作ISO文件

    使用mkisofs命令 把一个文件夹中的文件打包成ISO文件: 1.将需要制作镜像文件的文件放在一个目录下,如我这里是想把整个/usr目录制作成一个iso文件,命令如下: mkisofs -V &qu ...

  8. linux下自解压包制作

    概要 在项目发布部署包或者升级包的时候, 往往是可执行文件和资源文件一起打包, 常规的方式是用tar制作压缩包, 然后在拷贝到目标机器, 解压,执行. 不过如果省去手动解压这一步, 直接执行升级包, ...

  9. Linux 下录屏制作 GIF 图片

    Peek 是一款操作非常简单的 把录屏区域转换为gif图片的工具 也可以录制MP4等其他格式文件, 源代码在github托管,peek-1.2.2-0-x86_64.AppImage 下载好后 chm ...

最新文章

  1. RISC-V的自定义CPU悖论
  2. 几种常用平衡树的概述(持续更新]
  3. scala maven plugin
  4. RxJS + React hooks
  5. TensorFlow12CIFAR-CNN实现
  6. 第10章 部署Exchange2010 部署边缘服务器
  7. 深化美国分布式光伏领域合作 苏美达辉伦向美企供应7兆瓦组件
  8. Python——对象
  9. VS2019的动态库dll在lua中调用及lua.exe和luac.exe的使用方法
  10. js基础--操作css内联样式及获取css样式
  11. 职称专业技术工作小结 计算机,申报计算机专业中级职称任职来专业技术工作总结(范文).doc...
  12. [转] 教师的备课主要解决哪些问题?
  13. 操作系统知识盘点(四)(内存技术)
  14. 从零开始学Unity3D: 用AR做生日蛋糕
  15. 计算机硕士可以入伍么,2021年下半年“征兵”已开始,大学生在校入伍好,还是毕业入伍好...
  16. cudnn 版本查看
  17. 研发知识:MDD、MDF是什么?
  18. wps求伯君 WPS文字多个文档同时编辑设置方法
  19. ORAN专题系列-21:5G协议栈功能切分选项与O-RAN白盒化
  20. Java 服务器与客户端的简单连接

热门文章

  1. 信息准则:AIC、BIC、FPE、LILC
  2. 喜欢做3D动画的你在哪寻找好的动画资源呢?
  3. 华创期货:期货高手远离亏损的稳定收益的技巧
  4. 默默等待的非主流个性签名
  5. java 解析修改dex_Android dex文件解析
  6. 隐马尔可夫模型(HHM)学习笔记1.1
  7. 【论文解析】Anchor-Free Detector and Re-Identification with Joint Loss for Person Search
  8. 关于亚马逊测评,你了解多少?
  9. c语言图形学画扇形代码,WPF画图の利用Path画扇形(仅图形)(示例代码)
  10. 【Linux文件目录命令】cat命令