如何设计一套微信表情包?

[图片] [图片]
关注者
2,110
被浏览
628,459

70 个回答

最近这半年,我也开始涉足微信表情包的设计,关于【如何设计一套微信表情包】这个问题,我觉得从设计—长传-发布这个过程中有几个痛点可以分享一下:

  1. 怎么确定一个形象;
  2. 关键词如何确定;
  3. 如何突破微信表情包设计中100K大小的限制,做出流畅又丰富的动态表情(如果是静态可以忽略这个点);
  4. 如何让你的表情包一稿通过审核。

好了,先来看看这半年做的表情包,如下:


我就拿芭拉熊这套为例:

  • 形象确定

首先我们需要设定一个形象,然后根据你想要的性格来设计它的形象特征。

在设计出“芭拉熊”这个形象前,开始的人设也是在相对轻松的状态下开始一系列的尝试,脑子里想到什么就画什么,所以具有手绘功底在开始之初还是很有必要的。

最后,与很多人聊聊了,发现身边的很多人都对“熊”这个动物偏爱有佳(估计创作之初,身边的人都在聊熊本熊),于是“熊”就这么定下来了,同时又希望这只熊不仅萌还有点贱。好吧!就有了现在的“芭拉熊”。

画了好多线稿图,最后选中了这个。

所以设计之初,手绘的线稿是很重要的,不要直接就开始软件绘画,其便捷性和自由度远不及手绘。一个小插曲,很多图都是临时想到就拿手中的本子画了,嘿嘿!那种感觉是软件无法给予的。

  • 关键词

关键词很重要,它直接决定了你要把表情画成什么样,同时你的受众通过关键词来触发表情。

所以在关键词的筛选上,我采用了一个比较激进的方式,但效果不错,就是检索微信表情包里TOP50的表情包,一个一个下载列出它们的关键词,然后去检索微信自带的表情关键词,通过筛选得出32个高频词汇,最后通过线下聊天确定最终的16或24个关键词。

  • 如何突破微信表情包设计中100K大小的限制,做出流畅又丰富的动态表情

用“芭拉熊”一个关于“哈哈”的表情为例,如下图所示:

整个表情动画有26帧,然而在微信100k的限制下,通常一个动态表情做到16帧以上就会超出大小,无法满足微信的要求,如何突破呢?

首先,你的卡通形象尽量简单特征明显,颜色统一。因为在设计上卡通形象过于复杂后,动态卡通形象会要求身体各个部位都会随着运动来保证动作的自然协调,那么过多的颜色和复杂的卡通造型就会占用过多的空间,导致你必须减少帧数来保证效果,得不偿失。

然后,善于利用循环帧。有很多常用动作,比如点头,摇头,走路,打滚等都是循环的,第一帧和最后一帧可以无缝衔接,这种可以循环的帧最大限度的减少了关键帧的消耗,你可以将关键帧用在中间变化的地方,从而塑造丰富的动态效果,这样做还可以避免花时间做一些无用又多余的帧。

最后,合理的文件设置上面示范的“哈哈”表情有26帧,在设置成微信规定的240*240像素的情况下导出gif肯定超了,同时为了表情动态的自然协调没有多余的帧可以删除,这个时候需要设置一下到处数据的“颜色”和“损耗”尝试设置一个最靠近又不超过100k的色值。这里需要你有足够的耐心调试,我也是调了好几个版本才得出最佳效果。(切记导出后一定要在手机上看效果,因为人眼对于色彩细微的变化是很难察觉的,但对素数失真的变化可以一眼看出)

  • 如何让你的表情包一稿通过审核

这是每一个做过微信表情包都会遇到的问题,我也不例外,但最近这几套都一稿过了,关键的原因是在上传需要注意一些问题:

先看一下微信表情主图上传规则

比较重要的除了表情大小以及不能超过100k以外,还有2像素的描边及透明背景(切记这点一定要检查清楚,超过8成的表情包都是因为这个原因不过)

另外当你做好一套16或者24个表情主图以外以为这就做完了?并没有,还需要准备其他素材,如下图

我来重点说几个:

  1. 表情缩略图,用于预览表情的缩略图,所以一定是能表现出表情精华处的关键帧,这是审核过程中最严的一部分
  2. 表情封面图,需要一个完整代表卡通形象特点和性格的图
  3. 聊天面板图,在聊天界面选择动画表情时需要用到的,图片非常小所以建议截取卡通形象头部最好(这个是为了让你的表情上线以后方便用户在聊天面板里看到)

目前,我还在做新的表情包,希望以后能有更多的心得可以分享,欢迎大家给我意见。

第一次画,一稿通过审核

【小黄妹】微信表情包制作全纪录


第一次购买手绘板

第一次用手绘板原创绘图

第一次用手绘板+PS设计表情


当然还有更多细节的第一次

比如第一次认真观察生活,发现生活里无处不在的表情包

第一次持续好几个月做一件自己喜欢的事情


前面唠叨了很多,是为了说明我画表情包的初衷,很简单,因为喜欢。


毕业之后特别是开始上班以后,每天都有做不完的PPT和开不完的投标会,似乎没有太多的心思去发展自己的“业余爱好”。成人的世界也挺简单的,制定目标,然后想着怎么快捷高效的完成目标。从这点而言,画表情包这个对于工作方面的专业技能没有太多帮助的事情,显然会成为身边人眼中的疑惑和口里的劝告。

所以在画的过程里,支持的少,不理解的更多。

但是,有那么几个支持你的人就够了,特别是当画完几张小表情,和朋友聊天的时候,她们会很开心的用你画的表情和你聊天,这种感觉很奇妙而美好。对,也挺有成就感的。


接下来具体说说我画表情包的步骤,因为是业余爱好者,所以可能有很多处理不对的地方也请大家见谅~


STEP1

万事预则立,不预则废

事先准备工作一定要做好,会减少很多弯路!

1、查看攻略,多看看知乎里面达人们是怎么操作的,取其精华~

2、查看投稿须知,这点一定一定要先看好,画关键词,比如主图要用GIF,保留2像素的描边,缩略图用PNG,无需描边,所有图片都要透明底。


STEP2

天马行空,发散思维

想好你要画什么,人物?动物?可以去看看现有的微信表情包里热门的那些,观察是人物居多还是什么形象居多。(不过这点我比较随性,想到就直接画了,因为我和闺蜜的性格都比较相似,就把我们俩平时的聊天方式和性格汇集到小黄妹身上了)

确定要画什么之后,就可以动笔了,平时带根铅笔和小本子在身边,想到了就画下来。

多观察身边的人,看到他们有趣的表情或者姿势,也可以打打草稿画下来。

要是时间比较赶,草稿不用画得太详细的,画个框架或者“火柴人”,回头有空再细化。


STEP3

手绘板+PS

我看了知乎上很多厉害的亲用的是PS的钢笔工具或者AI,在后期描边挺方便的,不会有太多杂边。

但是我还是用了手绘板,涂方便,不用考虑什么布尔运算,而且身边朋友里有个很厉害的老师(也是业余爱画画的,画的还蛮好的),他也是用的手绘板画画。

1、 打开PS,240像素*240像素,白底

2、 把你的草稿发到电脑上去,可以用手机拍照,然后传到微信,复制到PS里。当然你也可以用扫描机。

3、 新建图层,在手绘稿的基础上画,用PS画笔工具,快捷键是B。2像素的黑色描边,先画出轮廓。

4、 修改过程忽略不说,轮廓画完后,轮廓的图层置顶。新建图层,每个图层进行上色,比如我每个表情包的皮肤、衣服、领口、头发、脸部表情等等,都是不同的图层进行上色的。

5、 打字,我用的是卡通字体。但是不一定每个表情都要配文字的,因为配文字以后受用的范围可能会比较局限。

6、 把所有图层在PS里打包成文件夹A1(等于是分层的源文件)。复制该文件夹变成A2,一定要另外复制哦,这样源文件才不会丢失。复制好的文件夹A2就可以做合并功能了,把A2里面所有的图层进行合并,然后点击菜单栏中的描边,设置2像素白色描边。

7、 修改。将底色设置为黑色,查看描边是不是有细碎多余的地方,毕竟是用画笔工具,会比较毛躁。把多余的地方都用橡皮擦涂掉,快捷键是E。

8、 ……画完所有的表情~一般是16个或者24个。我本来是想画16个的,但是看大家都是24个,就加了下马力,画完24个。真的挺累的T T


STEP 4

后续工作

除了完成24张表情的制作之外,还有挺多的工作量,预计1天时间完成

包括以下表格,外加赞赏图,感谢图,艺术家头像啊等等~


然后就可以提交了

提交以后,可以写篇稿子,记录下自己的心得,和网友们分享下 0-0

提交等待的过程真的是,很煎熬~~要等7天至少


但是画画的过程还是挺好玩的

画完自己会觉得挺有成就感的

有点像跑长跑,给自己设定一个看得见的目标,比如3个,5个,10个……

总之,别怕,先画出第1个,事情开始做了都会变得真实和清晰化


最后~写了攻略,除了希望和网友们分享心得外

还是希望大家可以多多支持~~喜欢的可以下载

小黄妹

在此谢谢大家啦~(扫描二维码就可以下载哦)


下载地址链接~


PS:

表情包通过审核啦!而且一稿通过,真的是前期工作很重要,前期攻略多看些,后面就省去了好多来回修改的时间。每次审核都要7天,心急的人会有点难受~