AI部分

步骤一：

新建文档(Ctrl+N)，宽度：800 px、高度：600 px、分辨率：72 px。

新建一个背景图层，绘制一个宽800px高600px的矩形，填充为#dfead0。

再新建一个背景框的图层，绘制一个宽210px高330px的矩形，填充为#c0deb2，并将上面两个边角改为105px，将其放置在画面中央。

步骤二：

根据小人儿的动效分成不同的图层绘制出人物身体的各个部分：

头部是做位置和旋转关键帧；身体是做缩放关键帧；手臂和装饰物做位置关键帧；嘴巴做位置关键帧；左右手分图层做位置和旋转关键帧。

AE部分

步骤三：

将绘制的好的AI文件保存，并导入到AE中，导入种类选择合成，然后选择所有的图层，右键—>从矢量图层创建形状。

步骤四 ：

制作各部分的动效：头部是做位置和旋转关键帧；身体是做缩放关键帧；手臂和装饰物做位置关键帧；嘴巴做位置关键帧；左右手分图层做位置和旋转关键帧。

整个时间轴的长度控制在2s，4个关键帧的位置分别在：第0帧、第10帧、第18帧、第24帧。

第一个关键帧和第四个关键帧的数值相同，第二个关键帧和第三个关键帧的数值相同。

设置完所有的关键帧以后框选所有的关键帧，按F9添加缓动。

具体数值如下：

嘴巴：位置：第一帧（第四帧）：388，252

第二帧（第三帧）：385，263

头：位置：第一帧（第四帧）：400，231

第二帧（第三帧）：400，249

旋转：第一帧（第四帧）：0，0

第二帧（第三帧）：0，16.8

装饰：位置：第一帧（第四帧）：400，342

第二帧（第三帧）：400，322

右手：位置：第一帧（第四帧）：478，271

第二帧（第三帧）：478，250

旋转：第一帧（第四帧）：0，0

第二帧（第三帧）：0，27

左手：位置：第一帧（第四帧）：321，271

第二帧（第三帧）：321，250

旋转：第一帧（第四帧）：0，0

第二帧（第三帧）：0，-27

身体：缩放：第一帧（第四帧）：100，100

第二帧（第三帧）：100，112

【注意】：设置身体和左右手的关键帧之前要先用锚点工具调整中心点的位置。

步骤五：

做完全部的动效，就可以添加到渲染队列进行视频导出了，最后再在ps中导出GIF就大功告成了！