一个新手的微信表情包制作之路（绝密资料~）

2016-08-24 本文已影响33927人 pirateH

我的第一套表情包上周六上午11点终于在微信的表情商店上架啦！

为什么说“终于”？因为经历了漫长的审核-->被驳回-->修改后再审核-->被驳回-->修改后再审核-->通过！每次审核都要等大约1-2周。

我不是专业画手、不是插画师、不是学美术出身，也不算很有绘画天赋，只是中学的时候学过几年素描。但是，我很喜欢也很享受画画的过程^-^。

先来瞅一眼咱的表情包吧：

在微信表情页搜索“卷毛妹”就可以找到啦。

刚上架的这两天因为亲朋好友们的鼎立支持，帮忙分享了好多次，下载量和发送量都还可以，但是不知道这一波宣传过去之后会不会下滑得很快。

下面我就讲讲这套表情包的制作过程啦。

萌生想法

我是一名独立游戏开发者，本职策划，兼做美术，现在在学unity。4月底的时候在Goolge Play上线了一款和朋友一起做的独立游戏（游戏名：记忆神探Memory Detective，脑力挑战&训练游戏，已上架TapTap：https://www.taptap.com/app/36902）。游戏上线后的情况也不太理想，下载量上不去，没啥收入，新游戏还在酝酿，所以前两个月的时候就刚好比较闲。

其实想起来画表情包主要还是聊天的时候发现老找不到自己要的表情，然后就想啊，干脆自己画几个呗，当然能进微信的表情商店就更好了，于是上网查了下，发现微信表情商店还真是可以投稿的诶！当然也是一直对画画有执念，画画的时候就会比较开心啦。

人物形象设计

其实我当时没多想人们会喜欢什么样的形象啊，针对什么人群啊，现在流行什么啊（当然这可能是不对的）。我自己绘画技巧不是很好，所以就往简单了画，我又喜欢画人物，喜欢画萌类型的，喜欢简单而生动的东西，我相信哪怕是几根线勾出来的东西也可以被注入生命力（比如兔斯基？）。然后就在本子上勾出了这个小萝莉。卷毛妹的卷毛其实是“盗版”了我小时候的发型（详见表情商店里我的头像~）。

其实画完之后会觉得没有别人画的好看、精致，但是我能感觉到她是有生命的，是个活的小家伙，自己很喜欢，这就够啦。本来也就是想画就画了，大不了给自己和朋友们用，没报什么太大期望。

表情设计&静图制作

当然是从在纸上画草图开始啦，来看一眼我糙糙的草图，真的是草一样图>_<：

最初的几个表情

第一张草图的时间是6月1号，到上线也有快2个多月了哦。。

升级之后的暴怒

静态图的电子稿我是用Ai画的（因为我用Ps画不出滑滑的线条啊。。。）：

“暴怒”/“气炸”

关于表情的选择：

- 其实我现在很后悔只画了16个，没有画24个（微信表情开放平台上提供的两种选择是16或24个）。应该再加8个常用语的就好了，这样发送次数会多很多。

- 因为我对自己的画工不自信，所以就想着画些那几个很火的表情包里没有的表情，像“笑哭了”啊、“囧”啊、“饿死了”啊（其实除了“Hi”和“嗯嗯”其他都是别的包里很少有的）。取材来源一方面是自己平时老想发但表情包里没有的，另一方面就是征求周围朋友的意见啦。比如应一枚吃货师妹的要求画的“饿死了”(→_→)

很多人喜欢这个表情，这是一个被吃货统治的世界……

但是，我忽略了一个问题，就是我的这些表情虽然独特，但是很多都不太常用！所以我现在觉得，这种独特的可以有一部分，但是应该再加上一些常用语的，比如“谢谢”啊、“晚安”啊，这种每天可能都会发的。

关于绘画工具：

（手绘功底好者请无视此段）

我选用的Ai（后期gif是用Ps做的），因为：

- 我手绘技术不好（手残党），Ai因为是矢量图所以画出来的线条怎样都是平滑的，这样妈妈就再也不用担心我手抖了！

- 用钢笔拉路径什么的也比Ps方便些，很多不复杂的线条我都直接鼠标+钢笔拉路径+微调。

- 因为矢量图嘛，后期如果调整图片的大小啊、修改线条粗细、颜色什么的都会很方便。

- 做动态动作的多个关键帧时，直接在原图上修改也挺方便的

- 后期做gif时，跟Ps也能很好的配合（后面说）

总之，就是能让绘画功底不那么强的人也能画出看上去还不错的东西。当然用Ai肯定没有直接用Ps画位图来的自如，线条的变化也会少一些。

以上这些也只是个人观点，因为我不是专业画画的，所以理解的可能比较肤浅。

动态gif图制作

工具不用纠结了，基本就是ps（flash感觉不太适合做gif）。

因为我是第一次用ps做动画，也是第一次做人物动作的动画，刚开始很头疼，也走了很多弯路，花了好多时间搞这个动画。提交微信审核两次被驳回主要原因也是动画不流畅，微信对动画流畅的要求还是比较高的。第一次被驳回之后我也是几乎把所有的动画都重做了一遍。后来才慢慢摸索出门道了。

基本方法就是使用Ps里的时间轴（我用的CS6），在帧动画中不断加帧就可以了。我看网上说一般是一帧一个图层，我大部分的动画是这样的，但是也有些比较简单的位移效果直接在各个帧里挪位置就行了（请叫我偷懒大王）。

动图来啦！

智能对象的使用

Ai和Ps因为都是Adobe家的嘛，所以配合起来还可以的。

我是直接把Ai里的图粘到Ps里，粘的时候将格式选为智能对象（其实我也是这次才刚知道智能对象是怎么玩的）。要修改原图的时候就直接双击图层里的智能对象，然后Ps会自动帮你打开Ai，这个智能对象的原有Ai格式都会被原封不动的保留，在Ai里改好后点击保存就能直接在Ps里看到修改后的效果。

就是点这里

如何让动画流畅

其实说容易也容易，说复杂也复杂，因为窍门就是不能偷懒啊！

什么样算流畅？去看看微信上那些热门的表情包就知道了。

我第一次提交的时候就是偷懒了，其实我自己能看出来还不够流畅，但是给周围朋友看他们是看不出来的，然后提交后就悲剧了。

被打回来之后，我基本是做了两件事：加帧和调整人物的运动幅度。最后有的动画多一点的能有10来帧。加帧到什么程度才差不多会流畅呢？加到每帧的时长最好控制在0.1s左右，超过0.2s的话基本就很难流畅了。具体就要根据不同的动作而定了，动作越慢、幅度越大，需要的帧数就越多。所以你看微信里很少有动作幅度很大的表情（帧数多了文件也会变大，可能会超出微信要求的100kb）。后来有些我自己hold不住的动作我就给改了，其实动作幅度小并不代表品质下降。

当然加帧也要加的合理才行，尤其是人物的动作，这个我感觉就需要一些观察能力和经验了。