国产动画音乐分享组

[小怪兽课堂]教你如何制作GIF小动画

没有人记得 2018-07-19 14:34:02

大家聊天的时候经常会用到这样的表情,如下图,静态图片:

(未知原作者,侵删)


或者这种,GIF动画:

(未知原作者,侵删)


今天小怪兽就以跪搓衣板为例,教大家如何制作GIF小动画表情吧~


先看一下成品的样子。

正式上课,首先,你要有如下软件:Photoshop。


步骤1:打开PS新建图层,画出小怪兽+搓衣板(作者很懒,直接用之前画过的小怪兽修改而成)。

步骤2:新建图层,画出动作的关键帧(关键很重要,动作拆解得当,会为后续的插帧提供便利),第一个动作是站着,第二个动作跪下,第三个动作磕头。




步骤3:在每两个关键帧之间插入“中间帧”,使动画流畅起来。

中间帧1


在一些较大幅度动作中,可以以较为突出的特征为参考,添加运动轨迹辅助线,为中间帧的绘制提供依据,这样可以尽量避免跳帧的情况发生。

中间帧2


在关键帧与中间帧之间继续插入中间帧,使动画更加流畅。

从磕头到站起来的动作可以理解成前一部分的动画倒播,不再赘述。


步骤4:细节添加,在刻画小怪兽这种由一坨……肉组成的生物时,可参考果冻的质感。

(未知原作者,侵删)

在动作瞬间停止时(跪下、磕头),会出现形变,我们称之为抖抖肉。



步骤5:将每帧合成为一个图层,并按时间顺序从下至上排列。




步骤6:打开菜单栏Window-Timeline



点击下图红框内按钮,切换成逐帧模式。


将图层生成帧,这里有个小技巧,可点击Timeline菜单右上角(下图右侧红框标注处),选择Make Frames Frome Layers,自动将每个图层生成为一帧动画,然后将每帧时间调整为0.1秒,循环模式改为Forever。


Sketch动画预览:

步骤7:确认每帧都没有问题后就可以重新绘制线稿并上色。


重绘线稿:


上色加字

更改每帧时间,并适当重复细节动作



~GIF动画就完成啦~


今天的 [ 小怪兽课堂 ] 就到这里啦,如果有什么疑问或建议,欢迎后台交流哦~



Copyright © 国产动画音乐分享组@2017