杨老师教你做动图

杨建华

　　世界杯开赛以来，我们在各大网站和各个公众号等自媒体上可以看到很多动态图片（如下图），展现了足球比赛各个精彩瞬间。

这种循环播放的动画文件就是动图，即活动的图片，它的扩展名为.gif，所以也叫GIF图。动图诞生30多年经历过兴衰，但目前还广泛应用于网页广告，社交媒体的动态表情等。

好了，各种理论不必多说，总结作者本人的有限知识和制作经验，制作动图主要有以下几种方法：一，视频转动图；二，多幅照片合成；三，PS工具制作动图。

一、视频转动图

1，最简单最直接的办法是将拍摄的一段视频导入PS（CS6以上版本均可，本人使用cc2017版本，下同）制作动图，如上4图。具体操作：打开PS，执行文件-导入-视频帧到图层，然后选择电脑里一段视频，在对话框里截取一段，确认后出现如下画面：帧时间轴可以调整播放速度，添加帧和删除帧等，显示界面的图像可以进行调色，剪裁和添加文字等。

　　调整好之后，最后执行文件-导出-存储为Web所用格式-保存，就生成了一个动图作品。这种办法主要用于制作你电脑里储存的短视频作品，制作速度也比较快。

　　2，视频转动图还有一种办法，是使用"抠抠视频秀"软件截取网络上的视频，这些视频往往不能下载储存；或者下载的文件较大的电影。比如下面这几段动图。

　　电影《疯狂的麦克斯》片段

　　网络视频夜景星空

动画片《熊出没》片段

纪录片《雪上艺术》片段

　　使用"抠抠视频秀"时，它可以在播放视频时实时录屏，自动生成gif文件，编辑时可以添加字幕，可以抽帧，设置动图的尺寸，不过成品有水印。我的做法是，把抠抠视频秀做的动图再放到PS里进一步加工，效果更好。

二、照片合成动图

1，下面几个动图，每个都是几张到几十张照片在PS上后期合成的。

　　在拍摄时，相机对准一个有变化的场景（最好使用三脚架），连续拍摄。然后导入PS：执行文件-在Bridge中浏览，全选要做动图的照片，然后执行工具-PS-将文件载入PS图层，这时候就到了第6图的界面，接下来的操作同前所述。

　　

2，用一张照片，建立多个帧，调整不同帧的画面，达到画面动起来，如下几图：

　　一张图片，时间轴上建立两个帧，第一帧蝴蝶张开翅膀，第二帧用变形工具调整蝴蝶关闭翅膀，两个帧来回播放就造成煽动翅膀的效果了。

　　同样一张照片两个帧，第一帧睁眼，第二帧修片成闭眼，让第一帧停留的时间长一些。

同上

　　一张照片，将两只船抠图，建立多个帧，将两只船的位置不断移动。

三、利用PS工具制作动图

以下几个动图使用的照片只是陪衬，更多的手法是利用PS里面的工具，或者绘制、或者修片制作出动图。

　　在一个白色背景的文档上写上字，复制帧后，用变形文字的办法使字动起来。

　　纸、手、笔都是素材，每写一笔都新建一帧，调整笔的位置，连续播放就像写字。

　　同事健身是一张照片制作的，复制三个帧，利用抠图的办法变化手臂和器械的位置，再加上字。

　　利用蒙版工具遮盖水流以外的部分，将水流部分用扭曲工具制造水流效果。

　　三张照片合成，男士的两张需要做很多抠图和修图，并加字幕。

　　美女行走的动图利用4张照片制作而成，使用其中一张做固定背景，将其他三张的人物抠图，放在背景图上，共5帧。

　　以下几个动图使用比较特殊的办法制作，将分别介绍。

　　以下三张是将SWF格式的动画转变成GIF动图，因为是矢量图，因此不管将画面放大多少倍，画面都是清晰的。

　　使用网络的动图素材，添加真人头像和字体，制作趣味头像。

　　两个动图素材前后拼接

　　两个动图素材上下拼接

给动图添加字幕，增加故事性。

利用拼接，修图等手法将视频制作成搞怪动图。

　　本文只是简单介绍了几种制作动图的方法，具体操作受篇幅的限制未能十分详尽，以后举办PS后期提高班会讲到。

本篇文字和动图制作：杨建华