同样的方法绘制下一个画板，从而不断的增加动作连续的过渡帧。
这样连续的关键帧就制作好了。但是gif一般是连续循环的。第一帧和最后一针过渡也非常重要。我通常把帧数控制在4、8左右，这里用数字表示下规律为：1、2、3、2和1、2、3、4、5、4、3、2，这样首尾就连续起来了。当然特殊情况也可以定义其他数量的帧，原则是一样的。
这解决了连贯性和重复绘制出现的误差。接着用同样的方法，可以改变其他部位的形状和位移，如下：
接着就是导出了序列帧，ai的导出功能非常方便，文件>导出png(勾选画板，全部) 就可以了：而且给你序列的顺序都命名好了，是不是很赞～～
接着就该PS登场了，新建画布240*240px，分辨率72。把上面4个序列帧文件直接拖入ps就好，然后窗口>时间轴，打开时间轴，创建时间轴，然后转换为帧动画，由于微信表情规范需添加2像素的白色外描边，需先给图片添加描边效果。
新建帧，第一帧对应的是豹仔-01.png,以此类推。每帧对应显示相应的图片。按空格预览，不断的调整参数(这里就不多说明了)。
最后，文件 >导出》储存为web所用格式，选择导出文件为gif，循环次数设置为永远。一个简单的表情效果制作完成，预览如下：
教程做了一个很简单的例子，适合新手或第一次想尝试制作表情的设计师们。我想，设计原理都是一样的，更复杂的表情需要设计师自己的开动自己的脑瓜。《豹仔啦啦》表情包就是基于这个思路制作完成的，已在微信表情商店上架，喜欢的可以去看看～～
