别点！这个表情包制作教程，会让你上瘾！

表情包是当下聊天沟通最常用的图片形式之一，主要因为表情包有趣、幽默、表现力丰富等原因，深受广大网友喜爱。那么如何设计出一套属于自己的表情包呢？表情包制作规范有哪些呢？本篇文章Pixso将分享一些表情包制作规范及制作表情包教程，话不多说，干货献上。

emoji 表情包

1.1 表情包制作文件格式

制作表情包一般都是图片形式，所以格式上一般常用三种图片格式，它们各有各的优势。

JPEG：有损压缩图像格式，是制作表情包常用图片格式之一。优点是图片大小较小，传送速度快。缺点是图片清晰度不高，可能导致内容模糊。

PNG：无损压缩图片格式，是制作表情包最常用的格式。优点是图片带有透明通道，可以很好的融于背景。缺点是图片较大，不利于网络传输。

GIF：有损压缩动态图像格式，是动态表情包制作最常用的格式。优点是可以将图片序列保存成一张动态图片，增加了表情包制作的表现力。缺点是动图文件较大，而且制作难度较高，一般需要专业人士制作。

一般在网络条件正常的情况下，静态表情包制作都是PNG格式，动态表情包都是GIF格式。同一套表情主图须全部是动态或全部是静态，如果是动态表情需设置永久循环播放。

1.2 表情包制作的文件大小和尺寸

制作表情包一般都是1:1长宽比的正方形，画布大小都是4和8的倍数，小表情的尺寸为24x24、32x32、48x48像素，大表情的尺寸为128x128、240x240像素，这些尺寸的表情包几乎可以在大部分平台下正常使用。不适用1:1长宽比图形制作表情包的主要原因是图片缩放会导致画面细节丢失，无法在多平台正常使用。

表情包的文件大小随着宽带提速也变的越来越高，目前5G的带宽下，表情包一般每张不超过500KB。因为制作表情包都是成套的，要是文件超过500KB的话，整体表情包大小就非常大了，很容易出现卡顿、发送失败的情况。

1.3 表情包制作数量

表情包之所以称之为包是因为有多个数量的表情集合在一起，一套制作表情包数量大概在16-24个之间，过少的表情无法满足用户正常的情绪表达，过多的表情会让用户选择困难，所以一般十几个表情做成一套表情包时比较合适的方式。

1.4 表情包制作的统一性

表情包为了让用户认出它们是一套表情，一定要具有统一的风格、使用统一的元素、添加统一的色调。并且对应不同表情的命名也需要统一，在名称前加上前缀，确保用户可以找到某某表情包中的微笑图标。

1.5 表情包制作的差异性

表情包中的每个表情需要有差异性，情绪上的喜怒哀乐虽然类别不多，但是每种情绪的程度不同、情绪不同、状态不同等等情况，所以在设计表情时需要抓住当下表情的特征，让其与众不同、情绪饱满。例如笑有很多种：微笑、大笑、苦笑、尴尬的笑、酷酷的笑等等，

表情包其实也是插画的一种，常用的软件有Photoshop 和Illustrator。当然你还可以选择使用新一代智能设计工具PS在线版工具替代新选择Pixso，来制作表情包，Pixso中的钢笔工具和全局样式工具可以帮你快速设计出生动的表情包，下面就尝试下使用Pixso设计一个表情。

——设计前找“表情包”参考

说到表情包，大家想到最多的可能就是苹果手机中自带的emoji表情包了，这种表情包制作以简单的圆脸，搭配不同的面部表情，用概括的手法设计出各种各样惟妙惟肖的表情符号。我们以这种表情包为参考，来设计一个戴口罩的表情。

第一步：打开Pixso进入工作台，新建一个文件。

第二步：选择图形按钮，绘制一个20x20像素的圆形，将内部填充成黄色，色值：FFC900，轮廓填充成深灰色，色值：403B32，当做作表情的头部。

第三步：选择钢笔工具，在头部绘制一条直线，然后将两端设置成圆角，颜色吸取边框颜色，当做表情的眼睛。

第四步：在用钢笔工具绘制出一条曲线，将两端设置成圆角，颜色吸取边框颜色，当做表情的眉毛。

第五步：选择绘制好的眼睛和眉毛，复制出来，然后鼠标右键选择水平翻转，两边的眼睛眉毛都绘制好了。

第六步：选择矩形工具，绘制一个14x7的矩形，填充成青色，色值：90F8E4，然后添加描边，描边颜色吸取边框颜色，当做口罩的雏形。

第七步：丰富表情包口罩细节，选择钢笔工具绘制出口罩的绳子，并将绳子的颜色改为边框的颜色。

继续丰富口罩细节，选择口罩的矩形，在右侧栏中选择效果，添加内阴影，再将内阴影的参数设置调整成，X：0、Y：1.5、模糊：0、扩展：0，颜色色值：DEFFF9，透明度改成100%。这样一个戴口罩的表情包就出具样子了。

在此基础上，稍微优化一下颜色和细节，添加上高光和阴影，这样一个表情就完成了。

制作表情包起来虽然简单，但是成套的表情还是比较繁琐，所以在设计的时候工作量会很大，这时候要是有优秀可商用的表情包制作资源就好了。Pixso包含了设计、协作、原型、交付等多种多样的实用设计功能，社区内拥有丰富的设计资源、原型模板，能够帮助设计师轻松绘制原型，开启敏捷高效工作。现在UI设计师不用担心，在Pixso的资源社区中有大量优质表情包制作素材，而且都是成套表情，而且都符合表情符号的使用原则，最终要的是全部免费，特别适合新手设计师和项目非常着急的情况，感兴趣的小伙伴可以去Pixso资源社区中获取。