1.表情设计制作步骤
首先到官网下载ai和ps软件，试用期都是30天，做一辑表情试用时间足够了，默认一步一步安装即可。我下载安装的是ai6和ps6，下载最新版安装就可以。ai主要用来绘画图片，其画出来的是矢量图，图片大小后期可以随便调整，ps主要用来把ai制作的图片组装起来制作成gif图片。画的思路就是画多个表情的各个部位，然后利用ai的层直接相互堆积拼接起来，表情都是由多个零散的图形拼接而成的，所以利用ai的层可以非常轻松的将图片拼接起来，而且便于单独修改每一个图形，不会影响其他的图形。
官方对用户上传的微信表情是有一套规范的，具体见微信表情开发平台制作规范，其中主要有主图240*240px 背景透明 <100kb、缩略图120*120px 背景透明<50kb、详情页横幅750*400px <80kb、封面图240*240px 背景透明 <80kb、聊天面板图50*50px 背景透明 <30kb、赞赏引导图750*560px <100kb、赞赏致谢图750*750px <200kb、主页横幅图750*400px <80kb、头像640*640px <500kb。其中我们主要做的就是主图、详情页横幅图，赞赏引导图如果不想开通赞赏功能那么不用做、赞赏致谢图如果不想开通赞赏功能那么不用做，主页横幅图这个图可以传自己的照片，所以可以不用做，其他图都是在主图基础上修改大小即可。上3幅示例gif图片。
首先打开ai软件，点左上角文件->新建->高240px宽240px->确定。接下来我们要考虑的是画个怎样的表情，人物还是动物还是其他，这个时候看自己的喜好了，比如我想画个动物雪瑞纳狗，那么我就百度搜雪瑞纳狗，然后就按这个样子画起来，还是要画的抽象一点，发挥自己想象。下面这个图片就是我画好后的样子，下面介绍如何画。
首先使用鼠标左键按住左侧工具栏矩形工具按钮，然后跳出一个侧边栏，然后选择椭圆工具，然后在画布拖拽出一个椭圆。
然后点击左侧工具栏钢笔工具，在你想接下来拖拽的地方点击添加锚点，
然后再选择左侧直接选择工具，选择你要拖拽的锚点进行拖拽即可。
现在这样还是不行的，因为线条不够流畅，所以再点击按住左侧铅笔工具，跳出侧边栏，选择平滑工具。然后对你想平滑的线条部位进行拖拽即可。拖拽到你满意为止，这样脸部轮廓就好了。
接下来画脸部的耳朵鼻子眼睛等，首先用铅笔工具画一个尖三角的弧。
然后用钢笔工具对尖角添加锚点，然后选择直接选择工具对尖角锚点进行拖拽，对边角线等进行拖拽调整，如果锚点多余的地方可以按住钢笔工具后选择删除锚点工具，进行多余锚点的删除。
最后还是选择平滑工具对线条进行平滑。
接着用选择工具将其拖拽到脸轮廓接起来。然后使用选择工具选择耳朵，点击鼠标右键，选择变换-对称-垂直-复制，这样自动就复制了一个对称的耳朵，然后将其用选择工具选择然后用键盘->键平移到脸部轮廓右边对接起来。头顶头发画法类似。
接下来画眼睛，首先选择左侧椭圆工具，然后按住shift键鼠标左键拖拽出一个正圆，然后用选择工具调整到跟脸部相适应。然后按ctrl+c进行圆复制，然后再按ctrl+f复制到相同位置，然后再用键盘->键平移到另一侧相应位置，如此眼睛画好。眼睛里面瞳孔画法类似，只是拖拽的小一些而已。
画鼻子依旧利用椭圆工具画一个正圆，然后利用钢笔工具为其添加锚点，然后选择直接选择工具进行拖拽调整轮廓，最后选择平滑工具进行平滑。
画眉毛选择直线段工具，用鼠标拖拽一条直线，然后选择菜单栏下部的变量宽度配置文件里面的宽度配置文件5，这样直线就变成近似眉毛的样子，然后利用选择工具拖拽到面部适当的位置，然后右键变换-对称-垂直-复制，这样将复制出来的眉毛利用键盘->键平移到面部适当位置。
画胡子首先利用铅笔工具画出一个上部分是平放的一个3字下部分跟脸部下面一致的图形，然后利用钢笔工具在相应的地方添加拖拽的锚点，然后利用直接选择工具进行拖拽，最后利用平滑工具进行平滑。然后将其拖拽到面部图形的上面，右键选择排列->置于底层，因为胡子白色，为了能看清楚其与面部形状的融合，选择面部图形，然后选择右侧工具栏的色板按钮，选择黄色进行填充。
最后画嘴巴，还是利用椭圆工具画俩个一大一小的椭圆，然后堆叠在一起置于底层，然后再将大椭圆的层置于小椭圆层的下面即可。
接下来画身体，身体其实还是利用椭圆工具拖拽出来一个椭圆，然后再用矩形工具拖拽一个矩形，然后将它们重叠起来，然后用选择工具按住ctrl再分别点击俩图形将它们都选择了，接着点击左侧工具栏形状生成器工具，然后放开ctrl键按住alt键，分别点击俩图形的非重合区域，这样就生成了身体图形。
然后画身体的小白肚，将身体图形利用选择工具选择，然后按ctrl+c进行复制，然后按ctrl+v进行粘贴，然后利用选择工具对其进行拖拽，使其变小，再利用直接选择工具调整图形形状，最后将其堆叠到身体图形上面即可。为了使其可见，将身体利用右侧色板工具进行黄色填充，然后将小白肚图形利用左上角描边工具将其设为白色，这样身体即画好。然后将其右键排列->置于底层，然后拖拽到脸部图形适当位置即可。
最后画手臂，还是利用铅笔工具画一个类似水滴的图形，然后利用直接选择工具进行调整，最后利用平滑工具进行平滑。
然后右键->变换->对称->垂直->复制，复制出对称的图形，然后平移到相应位置。接着选择2个手臂图形，右键->排列->置于底层，然后拖拽到根脸部图形相应的位置。这样手臂的层次关系不对，手位于身体后面去了，所以选择左侧右臂右键->排列->前移一层，重复操作直到手位于身体前面，另一侧的方法一样。所以ai的层非常好用，特别容易调整图形的前后关系。
最后一步，进行上色，分别选择各个部位，然后选择右侧工具栏色板按钮进行上色，即可完成上色。
2.动作分解图制作步骤
上面完成了表情的模板制作，那么要制作动图，那么就需要制作多幅动作变换的图片，下面来介绍制作步骤，以下面这个gif图片为例。这个gif图片共由4张静态图片构成，每一幅图为一个关键帧，然后图动的地方只有有头部和手臂，头部主要利用了整体旋转的工具，手臂使用了直接选择工具拖拽，最后利用平滑工具平滑一下就可以了。
首先点击右侧工具栏画板按钮，然后点击里面新建按钮，这样就新建了一个新的画板。首先画平板，利用圆角矩形工具画一个圆角矩形，然后利用直接选择工具对左上角和右上角的锚点往左侧进行拖拽，使其成平行四边形，然后内部上蓝色，线条也为蓝色。然后复制这个图形，接着向左侧平移一点点错位距离，然后上色，内部色为蓝色，线条色为白色。平板支撑腿画法跟平板画法一样，这样平板首先就画好了。
然后将前面画好的模板用选择工具全部选择一下，然后按ctrl+c复制一下，然后双击刚新建好的画板空白处，然后按ctrl+f，这样会在新建的画板上按原画板的原位置粘贴模板表情，便于定位表情，不使表情出现偏移，这也是ai画板的好处之一。然后利用选择工具选择平板和支架图形，拖拽到跟模板表情相应的位置，然后再右键->排列->置于顶层，使其位于身体的前面，这样层次关系就对了。然后选择模板表情俩瞳孔平移到眼圈的最下面。这样就有了往下看的样子。最后利用铅笔工具手写点外卖三个字。
第二幅图只有右胳膊出现了伸直的动作和眼神往左下方看了一下，所以先选择2瞳孔，然后拖拽移动到眼圈的左下角。右手臂先使用直接拖拽工具，拖拽出伸直的大概的样子，然后利用平滑工具进行平滑即可。然后选择整个头部图形，然后右键->变换->旋转->正2度->确定，接着全部往左平移2个键盘向下箭头即可，然后选择面部的除轮廓之外的所有图形，然后全部往下平移2个键盘向下箭头即可。这样整个表情会整体动起来，比较生动，不至于很死板。
下一张图呢，要先新建一个新的画板，然后将前面画板上的所有图形利用选择工具，全部选择后ctrl+c然后双击新画板空白处，ctrl+f，这样就粘贴好了。然后第二幅图是右胳膊向左侧弯了一下，整个面部向右下侧动了一下。那么先对面部进行调整，先将整个面部全选，然后右键->变换->旋转->负2度->确定，然后整体往右侧平移2个向右键盘位，然后将2个瞳孔向右平移到中间即可。
最后一张是右手臂自然放下，左手臂弯曲，面部就瞳孔往右移动了一点点。那么选择右手臂利用直接选择工具拖拽到大概自然放下的位置，然后平滑工具平滑。左手臂方法也利用直接选择工具拖拽，平滑工具平滑。然后选择俩瞳孔平移右侧一点点即可。这样3幅图全部画完，然后点击文件->导出使用画布选上->确定->再确定即可。这样3幅图导出结束，下面进行gif图的整合。
3.gif图片整合制作步骤
首先打开ps，文件->新建240*240px的画布，背景内容为透明。点击确定即可。然后点击下面创建时间轴按钮，接着点击图层1小三角里面的添加媒体按钮，然后选择之前导出的3个图片，然后点击转换成帧动画左下角三个小方块的按钮按钮。最后选择图层第一个图片，然后点击fx按钮，点击描边，设置2px外部白色描边，确定即可，然后每个图片都这样设置一次。
然后图片全部选择，然后点击图片下面倒三角按钮，设置时间为0.1秒，设置为永远播放。这里时间的设置需要不断的试，然后图片的连接顺序也要注意，要能连贯循环起来，不能出现卡顿的现象。如果你的动作是比如手臂抬起放下这样的，那么手臂放下的图片就可以利用手臂抬起时的图片倒着排列即可。最后点击文件->存储为web所用格式->确定即可。到这里一个完整的gif图片就设计完成了。主图的制作是这样，其他缩略图、封面图、聊天面板图只需将主图进行大小修改成需求格式即可。赞赏引导图、赞赏致谢图、主页横幅图、头像绘画的方法跟主图一致，注意大小即可。剩下的就是到官网按步骤一步步进行提交即可。
