GIF动图

不权威动态图片创作指南。

毋庸置疑,GIF 动图已经变成了一种全新的叙事媒介,虽然它本身已经存在了 31 年。如果只是和周围人斗图时用用表情包,我们大概不会知道,这种新型叙事媒介可以带来多少惊喜。

    图片@colossal

       

  图片@cinemagraphs

  图片@plotaverse

图片@topbook

以上是属于四种完全不同的表现形式,但它们都可以用 GIF 表达出来。其中第一种是美国运动设计师 Marcus Martinez 所创作的彩虹色 GIF ;图二的表现形式称为 Cinemagraph ,也就是动态摄影;图三称为 Plotagraph ,粗略被称为静态动图,但远不止如此;图四,是裸眼 3D 动图,这幅图由 Topbook 小伙伴自己制作。

如果你看过之前 Topbook 的视频教程,以上的形式,我们都有过教学视频。

如何制作动态摄影图片( Cinemagraph )?

如何制作静态动图 ( Plotagraph ) ?

如何制作裸眼 3D 动图?

一张几秒钟的动态图片中,到底可以承载多少东西?我们相信,是无穷尽的。因为它的本质,是给了我们一种叙事媒介。除了刚才的创作外,它可以完成我们在微信公众号顶部简单的 LOGO 演绎,也可以做成一张图形动画,还可以在一些教学操作中发挥更大的作用。

  图片@giphy.com

而且,像可口可乐、香奈儿这样的公司,以及我们国家的工商银行,也都使用过 GIF 来进行广告创作。如果你不止是想做一两个表情包斗斗图,也明白做一个好的 GIF 作品不是一蹴而就的事情,那么,这个创作指南才算有意义。

 

关于 GIF 动图的简史  

确切地说,现存最早的电影片段中,在 1888 年由发明家 Louis Le Price 拍摄的《Roundhay Garden Scene》,时长大概只有 2.11 秒。还不及如今的动图。

 Roundhay Garden Scene

不过,真正的 GIF 图片,产生于100 年后的 1987 年。是一种基于 LZW 算法的连续色调的无损压缩格式。这种格式可以存储多幅彩色图像,动图也是源自于此。由于非常不错的压缩技术。在拨号网络情景下,这种图片依然能够显示。

然而火遍全球的,却是另外一张动图,一个婴儿跳舞的图片——它的爆红似乎预示了,当下 GIF 动图能够自带表情包的天生属性。

         婴儿跳舞@《连线》

本来,世界上第一张动图由一家叫做 CompuServe 的公司所创作。后来,一家名为Unisys 的公司跳出来说, LZW 技术当中的 W 部分属于他们,凡事需要使用该技术的,都需要支付费用。于是,在 2006 年版权失效以前,GIF 被主流的其他图片格式所取代。

互联网时代的到来,让 GIF 重归人们视野,加上它本身对于软件、平台、网络的不依赖,以及自身的魔性基因,更是被大众所接受。

你可以在一个很老土的电脑中播放它,可以在任意一个浏览器、邮件当中播放它……更不用提现在的高速网络、智能手机、社交平台了。

哲学家路德维希·维特根斯坦曾说,书本语言过于复杂,留下太多需要解释的空白。唐代高蟾也说 “世间无限丹青手,一片伤心画不成”,但 GIF 不同于文字,也不同于普通的图片,似乎用有一种天生的魔力,这种魔力大概可以概括为四个字 —— 会心一笑。

这也是为什么我们能够从最初的 emoji 发展到现在随处可见的表情包。而这种魔力了也让一家公司 —— GIPHY 连续获得上亿美元融资,成为当下动图搜索界的谷歌,拥有不可限量的商业价值 。

 giphy.com

 GIF 动图的制作  

在专业领域,从来不会说,如何能够通过一个简短过程,制作一个高大上的动图。作为一种叙事媒介,它和其他的表达形式并无二致,没有过于复杂的地方。当你问,“ 如何制作一个 GIF 图 ”,其实就相当于问,“ 如何制作一张 JPEG 图 ” ,这毫无意义。

拍一张照片、PS 做一份设计、从网上下载一张、从视频里截取一张……自然你就拥有了一张 JPEG 图;同样的,随着技术的革新,你可以拍一张动图、从视频截取或录制一张动图、自己制作一张动图,又或者下载一张动图。

① 动图下载

在一些优质的动图网站上直接下载,是获得好动图的不错选择,比如我们之前推荐过的动图下载站:

五个不错的动图下载网站;

② 动图的截取和录制

截取和录制是针对不同的内容。截取主要是从视频当中截取相应的段落,录制包括视频录制在内,可以录制软件界面、系统窗口等等内容。关于这个,我们之前也推荐过五个不错的录制工具:

五个不错的动图制作工具;

这其中,我们最常用的是 GIFCAM 以及 Screen to Gif 。如果选择困难,可以直接使用后者,学习成本并不高。

特别需要强调的是对版权的尊重,动图版权这一块的的版权意识和图片一样薄弱,但需要我们自己去维护。

③ 动图的拍摄

现在的很多智能手机都能够直接拍摄动图,比如我们目前使用的 iPhone 系列,以及华为荣耀系列;不过要拥有 GIF 格式的动图,可以使用一些专门的动图拍摄软件,如 BIU 这样的动图拍摄软件,并且还可以制作相应的表情包。我们刚才提到的 Giphy 也出了一款 Giphy Cam ,用于拍摄和制作;

拍摄的另一种,是直接拍摄连续多张图片。这些拍摄的图片最终将用于后期合成。拍摄几张,后期合成即可做成表情。拍摄足够数量并拼接起来,即可做成延时摄影,输出格式为 GIF 就是动图,输入为视频,最终就成为延时摄影视频。

对延时摄影感兴趣的话,可以去相关论坛或者微信上自己搜索查看。比如自己有一个手机也可以做到。在地铁车头或车尾,打开手机的延时摄影选项,框选出合适的景别,保持手位置不动,越稳定越好。

④ 动图的制作

回到刚才说的问题,当我们问 “如何制作一个好的动图 ”,其实和问 “ 如何拍一张好的照片 ”、“ 如何做一个好的视频 ”、“ 如何做一份好的平面设计 ” 是一个道理。可以这样子打比方:

优秀的手绘师 +动图工具=优质的手绘动图;

优秀的平面设计师 +动图工具=优质的平面动图;

优秀的 AE 动画师 +动图工具=优质的特效动图;

优秀的摄影师 +动图工具=微动摄影 / 裸眼 3D …

比如我们的 LOGO 演绎被问了无数遍,其实是通过 AE 特效软件制作,然后转换成 GIF 格式。这其中,从视频录制成 GIF ,还是直接生成 GIF ,还是生成一张张图片,再合成 GIF ,都不重要,重要的是,你在 AE 设计上,花费过心思和时间;

 

如果你愿意学习 AE ,不用等我们的付费课程,因为特效软件的操作已经不在高效生活的范畴,至少近期不会有这个计划。我们推荐隔壁 doyoudo 的小伙伴。

然后其他的,你应该了然于心了,学平面设计、学手绘、学摄影,都是做好这些的出路。不过现在就想开始做 GIF 动图,怎么办呢?

首先,通过搜索引擎搜索 [ 动图制作工具 ] ,可以找到无数的平台、软件,大多工具的制作方式主要为:帮你把几张不同的照片拼合在一起。实际上,这样的工具算不得从零开始制作,并且能够用到这些工具的,大多也做不出多好的成品;

用这样的工具,不如用我们刚刚推荐的动图截取工具 Screen to Gif,它同时也是一款编辑器。把几张图片导入到其中,同时可以画图、写字、做水印,设置时间,导出即可。你所拍摄的连续图片,就可以通过这样的方式直接处理,得到需要的动图;

而从零开始制作一张好的动图,最好的工具,依然建议 PS ,我们此前也做过类似的操作视频,不过也许有些过时了,有机会我们会再更新。

使用 PS 制作动图(一);

使用 PS 制作动图(二);

好了,以上是关于 GIF 动图创作,我们所有的心得。如果你读到这个地方,相信已经心里有了一定的认知。至于为什么要说那么多关于历史方面的的内容,而不直接了讲技术。事实上,懂技术的人遍地都是,会思考的人屈指可数。

写个评论吧!