GIMP也疯狂之Gif动态图制作

Published: 2015-07-04

Tags: gimp

本文总阅读量
  1. 两图渐变替换

  2. 控制渐变轨迹的两图渐变

  3. 截取视频制作GIF

  4. 新瓶装酒对1的补充


写在前面的话:本系列gimp教程已首发在Linux吧(Go),之所以重新发表是因为便于博主分类并且可以重新整理,用作记录。本系列的侧重不是GIF的教程,而是gimp教程,想更好的制作GIF图片请使用专业工具

1. 两图渐变替换

首先看下效果(两图渐变放映):

gimp动态图

素材:

gimp动态图 gimp动态图

Step1 打开素材 在gimp中点击“文件 – 作为图层打开”打开两个素材

Step2 新建透明图层 新建透明图层,现在图层排列如下图

gimp动态图

Step3 使用滤镜生成 点击 “滤镜 – 动画 – 混合”出现的对话框设置 中间帧数为“6”,然后点击确定

现在,GIF头像已经制作完成,如果你想看看效果,可以点击“滤镜 – 动画 – 回放”

Step4 优化GIF(速度,大小)(以后这里会一笔带过) 疑?怎么有点不理想呀,别担心,follow me!

1,我们希望制作出来的GIF图在两张图片在原图的时候停留更长的时间

在最清晰的图层上左键单击,已保证选择了图层,然后在图层区下方点击两下“创建图层的副本”

2,优化GIF,减小图片的大小

点击“滤镜 – 动画 – 优化(对GIF)”,我们先在又处在了一个新的工作区,在新工作区的图层都是优化后的了

gimp动态图

以本例来算,没经过GIF优化的图片158.3kb,而优化后的图片121.5kb,对于这么小的图片都能减少不小,可见GIF优化是制作GIF图片不可缺少的步骤。

3,更改图片的播放速度

在新工作区,我们看到每个图层的名字后面都变成了“边框 XX(100ms)(combine)”

那个100ms就是每个图层播放之间的间隔,所以根据这个值和播放时的速度来来估量

gimp动态图

左小角的是速度,1x就代表上面的100ms,2x就是50ms,0.5x就是200ms记得在导出的时候设置

Step5 导出GIF gimp-2.8版本的保存是“文件 – 导出”,在文文件名处填写文件名(记得加上.gif后缀,或是在下面的格式列表选择“GIF图像”)

出现如图下所示的GIF选项框,勾选“反复循环”和“上面的延迟用于所有帧”

gimp动态图

OK,动态头像已经制作完成,快上传到论坛看看效果吧 ^_^


2. 控制渐变轨迹的两图渐变

首先看下效果:

gimp动态图

(素材丢失,无法提供)

所用工具:GIMPGIMP-GAP(在源中直接搜索安装)

文后会添加一个从U2B上搬运过来的视频教程,效果不错,值得一看本想也制作个人物变换,但几次实验,相同的背景抖动无法消除。所以这里只说明下过程,具体图片选择得靠自己调整

Step1、打开两张图片 “文件 – 作为图层打开”选择图片

图片要求尺寸相同,且有良好的可变换性。

Step2、Alpha图层 在两个图层上分别右键“添加Alpha通道”

Step3、开始制作 点击“Video – Morphing – Morph”

出现如下编辑界面

gimp动态图

简单说明一下,在左图点一个点右图会相应的出现一个点,反之亦然。

点点的作用就是变换的依据。所以多点些参考点,图片会更符合你的变换规则

在“Steps”里面添“36”

点击“OK”,就会进行转化。主界面下方会有进度条

Step4、优化并导出 (在“(一)”中已经介绍过了)


视频教程

从U2B传到优酷上的视频教程

思维导图:(@键盘雀跃 提供)

gimp动态图


3. 截取视频制作GIF

Note:本篇文章内容为linux下利用gimp和其它工具组合完成截取制作GIF图的一种实现,制作更为灵活,但并不方便,如果不需要那么高的定制性,并追求方便高效。可以使用类似QQ影音之类的软件,自带截取视频生成GIF功能

首先看下效果(截取视频制作GIF图)(1.1MB):

gimp动态图

所用工具:GIMPgimp-plugin-registryOpenshot(可换)

Ubuntu用户可通过源直接安装

(注:gimp-plugin-registry这个插件的目的主要是裁剪图片,还是很方便的。如果你现在不想使用插件实现。也可以用其它方法实现,如imagemagick的命令行命令convert,由于今天主要是讲GIMP的实现方法,所以convert的使用还请自行搜索)

来看两个图片(上面的是原视频截图,下面的是我需要的尺寸)

gimp动态图

gimp动态图

有必要说下这个动态图的主要制作过程,一是便于理解,二是如果大家觉得有可以改进的地方或是不同的思路可以分享出来。最初我的想法是裁剪视频到满意的状态 比如从(720×480像素到450×220)虽然这个视频本身就是视频前面的广告,但是竟然广告内部也内嵌广告,所以我希望把下面的那个汉字去掉。并且尺寸也应该是由我来设定的。

整体的制作流程就是

  1. 用视频裁剪软件剪出所需视频片段并导出图片序列
  2. 通过gimp插件修改尺寸,大小
  3. 优化序列,导出最终gif

Step1、用视频裁剪软件剪出所需视频片段并导出图片序列 视频制作软件Openshot(你可以使用你习惯的其它类似工具)

gimp动态图

我选择的是Openshot,导入视频素材,并托动到下面的轨道上。

播放/暂停视频,用鼠标在预览窗口上慢慢拉动,选择起始,然后点一下那个绿色的箭头,添加遮罩。再在结束位置上添加一个。之后点选裁剪工具,在那两个标记 点下方点一下,就切断视频了。(如果视频太小,掌握不精确,可以把鼠标放在轨道视频上,按住Ctrl,滚动鼠标中键,增加视频长度,就能看的准了)

切好后,把视频前后不要的地方直接右键移除。

在剩下的视频片段上右键 – 转换成图片序列,稍等片刻。

在你放视频的目录就会有一个新的目录,进入后还有一个目录,再次进入,就看到你的图片序列了。

Step2、通过gimp插件修改尺寸,大小 这时我们的插件登场。 安装后重启gimp,点击“滤镜 – Batch – batch process”进入一个界面。可以对图片进行批量处理操作。

我们先添加刚才导入的图片序列(添加完成后选择文件的窗口没有自动关闭,手动关闭下,不知道你们是不是也这样)

然后到“Resize”选项卡里面调整大小,比如我这里是调节到原图大小的50%

gimp动态图

确定后,到Rename选项卡设置导出路径

gimp动态图

然后到Output选项卡导出。 再次添加图片序列(50%大小的序列)

到Crop选项卡里面进行裁剪设置

gimp动态图

通过测量工具得出所要尺寸。填入如下界面

gimp动态图

到Rename选项卡设置新的保存目录,然后到Output导出

好,现在大小已经合适。 我们打开GIMP,导入图片序列。

点击“滤镜 – 动画 – 优化(对GIF)” 之后出现的图片序列我们看下名字,后面多了(200ms)(combine)字样。

我们在“滤镜 – 动画 – 回放” 上预览动画,那么1x就是图片间隔是200ms 我觉得2x速度更合适,所以,在导出时的导出选项可以使用100ms 这也是一个很不错的参考。

Step3、优化序列,导出最终gif


4. 新瓶装酒对1的补充

本节为gimp制作动态图的第四小节。在之前的基础上简单的拓展了下思路。就能做出蛮实用的动态图。本文将介绍两个动态图。第一个为在一张静态图上添加动态图,第二个图为修改部分渐变。

效果:

gimp动态图

gimp动态图

素材:

gimp动态图

gimp动态图

gimp动态图

其实,如果大家看过我的前三个动态图的制作,那么对于如何使用gimp制作动态图会有一定的了解,所以这篇文章主要讲一下思路。

(一)在静态图片上添加动态图 首先,使用gimp打开一个背景图,然后“开始 – 作为图层打开”选择要添加的GIF图片,导入的图像会全部在中间,我们需要调整它的位置。在左侧的图层管理器窗口(如下)中到最下面的一个土层,按住shift键并左键点击锁定的符号,那么所有的图层上方都会有一个标志,再次点击一下背景曾的锁定使其消失。这样使用移动工具就可以拖动调整位置。

gimp动态图

复制那个“背景200ms”的图层,把复制的图层向下合并(图层右键 – 向下合并),这是为了避免在图层循环时出现只有静态背景,无上面动态图的情况。

OK,导出即可

(PS:请不要吐槽我的审美,我也不知道我的艺术细胞都去哪了……==!)

(二)部分渐变 这个就很好做了,方法同(一)中介绍的一样,只需根据原图找出需要进行渐变的部分,调节颜色,然后制作即可,但是为了让大家不局限在“头像渐变”,所以在这里又提了下。本例的还是很简单的,如果再多发散下,是否可以做出更华丽,有创意的效果呢~

有很多签名档都是与如上两种方法类似的效果的,多一点细心,耐心,做出一个漂亮的动态图不是很难的哦!

本篇文章就到这里吧、待我发现其它好的效果的动态图会继续更新本系列文章~