⏹ 前言

关注我的朋友应该能发现,最近文章的头图基本都是动图,不少朋友都在问怎么制作的。

制作动图教程(小白也能轻松学会)(1)

这里给大家分享下制作教程,本文目录:

1️⃣ 使用软件下载

2️⃣ 录制导入素材

3️⃣ 剪辑视频长度

4️⃣ 编辑动图尺寸

5️⃣ 修改动图质量

6️⃣ 更改播放速度

7️⃣ 添加图案文字

8️⃣ 导出最终动图

觉得有用的话欢迎点赞收藏关注三联。

制作动图教程(小白也能轻松学会)(2)

⏹ 使用软件下载

本次使用的软件并不是传统的Photoshop,而是Screen to Gif。

下载链接:https://github.com/NickeManarin/ScreenToGif/releases/download/2.34.1/ScreenToGif.2.34.1.Setup.msi

制作动图教程(小白也能轻松学会)(3)

相比Photoshop,Screen to Gif的操作更简单,适合轻量化的编辑,最重要的是支持屏幕录制,不再需要单独安装Bandicam或者OBS,是一个瑞士军刀级别的软件。

制作动图教程(小白也能轻松学会)(4)

⏹ 录制导入素材

录制比较简单,打开Screen to Gif,点击录像机即可进入录制模式。

制作动图教程(小白也能轻松学会)(5)

录制窗口的右下角会显示当前区域的分辨,可以按照自己的需求精准更改。

制作动图教程(小白也能轻松学会)(6)

每秒的帧数也是在右下角更改,如果只是制作头图,不建议更改,调高了没意义。

制作动图教程(小白也能轻松学会)(7)

开始录制后右上角会显示录制时长,右下角可以暂停录制和停止录制。

制作动图教程(小白也能轻松学会)(8)

如果只是想导入现有视频,在软件最开始的页面点击编辑器。

制作动图教程(小白也能轻松学会)(9)

进入编辑界面后,点击上方的媒体或项目。

制作动图教程(小白也能轻松学会)(10)

选中视频素材后会弹出导入提示,这段视频的尺寸帧数等都可以看到,点击确认即可。

制作动图教程(小白也能轻松学会)(11)

⏹ 剪辑视频长度

导入素材后进入编辑页面,下方红框处是这段视频的所有帧。

制作动图教程(小白也能轻松学会)(12)

点击左上角的播放,点击播放可以观看整段视频。

制作动图教程(小白也能轻松学会)(13)

这里我不想要前面的十个帧,先点击选中第9帧,按住键盘的Shift键,再点击第0帧,这样可以快速选中这10帧。

制作动图教程(小白也能轻松学会)(14)

然后按键盘的Del后确认删除,即可完成视频的剪辑。

制作动图教程(小白也能轻松学会)(15)

⏹ 编辑动图尺寸

修改尺寸不仅仅是为了方便上传平台,合适的尺寸也可以控制头图的大小,防止过大上传不了,平台限制一般在8M以内。

制作动图教程(小白也能轻松学会)(16)

值得买对头图的尺寸要求是大于等于1484*628,一般我会直接改成这个尺寸。

制作动图教程(小白也能轻松学会)(17)

导入素材后点击下面的帧,任意选择一个即可,然后Ctrl A全部选中。

制作动图教程(小白也能轻松学会)(18)

点击上方的图像,在左侧有个调整大小,点击修改。

制作动图教程(小白也能轻松学会)(19)

可以看到我录制的尺寸太小了,是1280*720。

制作动图教程(小白也能轻松学会)(20)

这里把宽度调整为1484,高度会等比自动修正。

制作动图教程(小白也能轻松学会)(21)

确认后点击右下角应用,整个视频的尺寸就变成1484*835了。

制作动图教程(小白也能轻松学会)(22)

由于尺寸不对,需要使用裁剪功能去掉不要的部分,点击左上角裁剪。

制作动图教程(小白也能轻松学会)(23)

拖动裁剪框的边角调节,框内区域是保留部分。

制作动图教程(小白也能轻松学会)(24)

拖动的时候注意右边的尺寸提示,调整到目标即可。

制作动图教程(小白也能轻松学会)(25)

点击确认后即可得到本次编辑的目标尺寸。

制作动图教程(小白也能轻松学会)(26)

⏹ 修改动图质量

其实最终动图质量主要是看最后的输出配置,不过在编辑时候我们可以减少每秒帧数来降低质量,这样可以减小头图文件的大小,现在这段视频一共是35帧。

制作动图教程(小白也能轻松学会)(27)

点击上方编辑,再点击减少帧数。

制作动图教程(小白也能轻松学会)(28)

右侧会弹出编辑选项,我们主要修改的是系数,这里是5,也就是说每五帧会删除一帧。

制作动图教程(小白也能轻松学会)(29)

确认生效后可以看到,视频只剩下了30帧。

需要提醒大家的是删除帧数要适当,不然看起来会一卡一卡的。

制作动图教程(小白也能轻松学会)(30)

⏹ 更改播放速度

现在导出的播放速度如下所示,如果想加速视频,在Screen to Gif中的操作是降低每一帧的持续时间。

制作动图教程(小白也能轻松学会)(31)

在每一帧的下面都标注了这一帧的持续时间,这里是79ms,想加速播放只要降低持续时间就行。

制作动图教程(小白也能轻松学会)(32)

点击上方的编辑,点击增加/减少。

制作动图教程(小白也能轻松学会)(33)

这里我想加速一倍,就把原来的79ms持续时间减半,配置-40,记得先全选所有帧。

制作动图教程(小白也能轻松学会)(34)

确认后可以看到,每一帧的速度都减少了40ms。

制作动图教程(小白也能轻松学会)(35)

效果如下图所示。

制作动图教程(小白也能轻松学会)(36)

如果想放慢播放速度,同样的配置,只不过数据用正值即可。

制作动图教程(小白也能轻松学会)(37)

⏹ 添加图案文字

Screen to Gif的编辑工具还是挺全的,这里以打马赛克为例,先选中想要编辑的帧。

制作动图教程(小白也能轻松学会)(38)

点击上方的图像,选择想要的工具,这里我选择模糊。

制作动图教程(小白也能轻松学会)(39)

右侧面板可以选择模糊的类型,按需选择和调整参数。

制作动图教程(小白也能轻松学会)(40)

回到中间的画板,圈出想要马赛克的区域,调整好后点击应用。

制作动图教程(小白也能轻松学会)(41)

效果如下图所示。

制作动图教程(小白也能轻松学会)(42)

添加文字用自由文本,同样先选中想要添加文字的帧,然后点击上方的自由文本。

制作动图教程(小白也能轻松学会)(43)

在右侧的文本框中输入文字,下面可以调整字体、颜色和位置之类的选项。

制作动图教程(小白也能轻松学会)(44)

配合你的想象力,可以做出很多效果,比如下图的闪烁。

制作动图教程(小白也能轻松学会)(45)

⏹ 导出最终动图

导出可能是新手最头疼的地方了,要么质量差要么文件大,其实没那么难,编辑完成后先点击另存为。

制作动图教程(小白也能轻松学会)(46)

右侧的面板可以更改编码器,这里推荐使用Gifski。

制作动图教程(小白也能轻松学会)(47)

这里的预设有三个,分别对应高中低质量。

制作动图教程(小白也能轻松学会)(48)

拖动编码器选项的滑块可以手动调整质量,文件大小和质量有一定的关系,差别最高也就50%,不会压缩得特别厉害,想要大幅度减小文件大小,还得是减少帧数和调整尺寸。

制作动图教程(小白也能轻松学会)(49)

全部确认完成后,点击保存即可。

制作动图教程(小白也能轻松学会)(50)

⏹ 教程至此完毕,你学废了吗?,