写在前面（内含制作干货，多图预警）

第一次做gif表情包，算是历尽千辛万苦，但也乐在其中。制作的初衷是希望在狗年春节借家里可爱的柯基狗狗——吉普君给亲朋好友一个特别的祝福。

制作吉普过程 （内含详细制作过程和动画制作的小技巧 ）

在制作动画之前，一定要强调，在制作过程中一定要检查微信制作规范，避免尺寸还有白色描边出现问题需要修改而耽误上架时间哦，尤其是在春节前夕呢。吉普的表情包被审核两次前前后后历时一个月终于通过，我赶快预约了上架时间，都已经是元宵节以后了，囧。。。

第一次嘛，最重要的是积累经验（TVB语气），以后要用这样的方式拜年，就需要提早制作完成，给审核足够的时间，才不至于错过良机，哈哈！现在已经有了经验的我风风火火的制作了吉普柯基的第二弹～现在有了更多经验，我也可以更加清晰地记录自己的表情包制作过程啦！一定要不断检查自己的表情包和下图各种要求有什么不同，微信审核还是很严格的，为了不影响上架，大家还是尽力把这些要求看仔细啦～

关于工具，一直认为要使用自己得心应手的，PS，Flash和AE都可以。这一次我就来分享一下如何用photoshop绘制gif，待我用Flash或AE制作之后我再来写教程分享给大家。1. 打开photoshop, 新建（Ctrl+N)建立一个背景透明，尺寸为240*240，分辨率为96的图。

photoshop新建图

2. 选择窗口（Window)－时间轴(Timeline)。时间轴可以帮助你制作动画，画出动画的每一个关键帧。

选出制作动画的时间轴

3. 前期的草图，把喜欢的动态打勾☑️选中；或扫描，或拍成照片导入photoshop中，可以使用钢笔工具（pen）描边也可以使用笔刷工具（brush）直接绘制正式稿。我自己是用笔刷工具来制作的。如下图：

吉普草图

4. 画完线稿以后，我直接用笔刷（brush）上色的，色板是之前自己整理好以后新建了一个图层（layers)放在右上角，好处就是用什么颜色直接按（ALT 键）吸取颜色即可。如图：

上色后的展示图

5. 因为微信要求表情要加白边，在画吉普的时候轮廓线和色彩在画的时候还是分开的，在我完成所有动画之后，合并了图层。这样加白边确实容易很多。如图：

6. 在PS里我选择的是逐帧动画，记得选择永久循环（Forever)，完成动画之后点击下图的三角符号（▶）便可以无限循环观看动画效果。还有配上ps自带的加入中间帧（In-between)的功能（画圆圈的按钮）也会让你的动画作品蓬荜生辉，我用的真是爱不释手。 如图所示：

7. 点开那个红色圈起来的按钮，会出现一个对话框可供选择。默认中间帧（In-between)是5帧，我自己做gif一般选择2帧，然后根据这两帧在图层那里去调整透明度，来制作出中间帧（In-between)过度的效果。

加入中间帧的页面，如图所示：

8. 使用那个加入中间帧的动画效果如图：

9. 这种方法用在快速运动的动态中效果特别好，比如下图这个狗狗双腿的效果，如图：

我画了两条腿，左腿为left,右腿为right, 每一条腿的抖动是3帧；然后利用第6步提到过的中间帧过度的功能，把时间间隔调到0.2秒，便可以获得这样快速上下抖动的效果。因为左右腿的图层都是单独的图层，所以在中间帧的对话框那里就需要选择指定图层（selected layers)，在这里我设置为从第一个关键帧到第二个关键帧过度两帧。如图：

图层（layer)设置如下图：

10. 动画部分基本已经完成，接下来的工作就是检查微信规范的尺寸，gif描边问题。描边在FX（PS的图层样式）的描边（Stroke）选择外描边（Outside），像素2PX，颜色为白色。如图：

11. 由于背景透明时自己没有注意到草稿残留的细小像素，我的表情包也修改了两次才通过审核。

12. 为了避免这个问题，我在图层最底层的背景色加一个深绿色背景（Layer 2)用来检查之前绘画时没有注意到的残留像素，当加了2个像素描边以后这个深色背景的检查优势一下就显示出来。当导出文件的时候再把深色背景（layer2)关掉即可。如下图：

13. 制作完成之后导出文件，文件－导出－保存为web格式，保存之后就是gif格式啦。如图所示：

14. 保存了gif之后，顺势可以把gif主图和png缩略图一起保存了，不过要记得去掉白边哦～关掉描边即可。导出成png格式后再把尺寸更改为120*120，不要超过50kb。

15. 最后一步就是上传啦～如果是专辑，数量为16或者24个图，如果是单品就可以直接上传咯！按照微信规范一步步地做好其他宣传图就可以华丽丽地送去审核啦～审核部分我认为，只要严格按照微信表情商店的指示，就一定会很快通过审核的。

再分享一些gif制作时候的过程图，有时候前期草稿画好了，但是做着做着又迸发了新想法，下面三个图就是动画师怎么给吉普改戏和加戏的～哈哈

结尾 艺术来源于生活，吉普的一举一动都是我快乐创作的灵感来源。我也经常把自己的小点子记下来，列成单子，有灵感的时候就画几个，没有灵感的时候就做资料采集和学习优秀表情。下图是我自己的表情清单，还有几个还在构思ing，哈哈！

表情包制作清单

最后，附上我的吉普柯基第二弹表情包链接，有兴趣的朋友欢迎下载支持我的原创表情：

“吉普柯基第二弹”表情包 ，也欢迎到微信表情商店搜索“吉普柯基第二弹”下载并使用表情。