生活就要随心所欲无限学习资源工作~教育

两周制作微信动态表情包全过程

2017-05-26  本文已影响5116人  丑丑死了

这是我第一次制作整套的微信表情包,从看微信平台表情规范到提交审核只有两周时间。不得不摸索出了一些比较快捷(偷懒)的方式。 这里分享出来 如果有什么不合适的地方 请告诉我。我会马上修改的。

全过程使用PS和AE两个软件,总的来说还算顺利,提交后反馈了两次修改 都是很小的问题。制作到成功上架花费了一个月多一点的样子。

先看看做出来的东西吧   在微信表情中搜索杂草就可以看到咯

表情全景

在得知了要做一套微信平台的表情包时候我陷入懵逼并假装镇定地开始了准备工作。

一,前期准备

熟悉平台表情包制作规范(微信表情制作规范),后面审核不过几乎都可以在这里找到原因。

了解完制作规范后去知乎简书百度等等地方寻找前辈的攻略教程

知乎问题(如何设计一款微信表情包)  

 简书-新手表情包制作之路  

看完几个过后对于制作表情包就有会有一个大致的了解了   (制作工期  难度  价值之类 )  。这个时候不要马上开始做,先拿出一个小本子写上自己想要表达出的表情含义。

表情方向

这个是后来整理的版本 原来的那张纸实在是太乱了。。。目的就是要有一个比较固定的方向, 不然每天都会有新的想法,这样进度会很缓慢的。一开始可以先定常用的几个,留几个空位给后面想到好的点子就可以了。常用的那几个尽量不要去改动它吧

二,绘制阶段

接下来就是草图时间 因为我时间比较紧 就画了一个最基本的原型,其他的表情就在这个基础上做一些变化,这是提高效率(偷懒)的好办法。就这样前面两天就花在了熟悉规范,看各种攻略,确定方向,绘制草图上面。

最初形态(PS美化版)

这些做完后就可以开始正式的制作了。我的步骤是先做8个常用语句(谢谢,再见,对不起之类的),这些基本的语句使用的频率是比较高的。然后再考虑其他特殊的一些表情。

将草图导入PS里面绘制出第一个表情图(一定要分层命名好,切记),想像这个表情需要动的地方是哪些部位(如果没有想法就去看看竞品吧)。我这里就想要图中红框的位置动就可以了。

01-再见

这里有一个非常重要的事情,因为微信平台的要求GIF不可以大于100kb ,AE里的有一些设置就不得不被限制。为了满足大小要求,我经过无数次试验试出了一个设置方式。

初始设置

总的来说就是  GIF的图片不要超过26张 时长不要超过2秒  透明度变化和渐变什么的都尽量不要有 最好都是实色块 

如果即使这样了,在PS里导出GIF还是大于100k的话,就把GIF导出设置里面的颜色设置里把256色调小 我一般调到64就合适了 画质不会变得很差的同时大小还可以压缩不少 

导出设置

因为我想要的是“头上四叶草左右摆动,眨眼,手臂来回摆动”,来形成循环播放的无间隔表情 ,那么“手臂,四叶草茎,眼黑眼白”,就要在AE里使用钢笔或者形状工具重新绘制并通过路径变化和缩放来实现。整个过程是非常简单,只会用到AE的一些很基本的操作。想好运动轨迹,就K帧开干吧。需要注意的点就是动画的连贯循环速度关系

无破绽的循环可以让人感觉是在一直在播放的错觉, 没有停止然后重新开始的不适感。而速度关系的话尽量符合现实运动规律一点就可以了(尽量少用匀速运动),一般来说运动规律是:

                                         静止——以初始速度为0,加速度减少的加速运动——速度最大,加速度为0并增大的减速运动——静止

不明白吗?额,那你就选中要动关键帧然后按F9(缓动快捷键),再在图中红框里面调整成类似下面这样的速度曲线就可以了。(可以看你心情调整,效果好就好)

速度曲线控制

做好了上面两点的,再在旁边加上一个描述的文字,跟着节奏摆动,整个动画就会看起来比较不错了。这个时候就可以去扣里面的细节了。(时间充足的话)

01-再见

其他的表情制作的过程也大致一致。我的速度的话一般是一天三个,偶尔状态好可以到5个(我要举高高)。

在按规范制作出所有的GIF后,我还有一天半时间。本来以为可以用半天整理完东西 上交微信平台。留下一天可以蹲公司摸鱼打dota什么的。结果就这两件事花了我剩下的所有时间。下图所有需要整理的文件

全部上传文件

即使完成了表情包的GIF也还有很多东西要做,后面审核不过的话很多原因都会出在这一步,这里一定要按照规范完善他们需要的文件。而且因为要开赞赏功能(各位打发点咯),临时又多出两个封面致谢图,到周五晚上才弄完,可气死我了。

三,审核阶段

提交了所有的文件后,去微信里关注一个叫微信表情平台助手的家伙。在审核进度有结果的时候会第一时间发给你。这个时间上面一般是一周一次,每次会反馈给你三个左右的问题,然后就不停修改直到他挑不出你的刺的时候就可以上架了。

最后就蹲路边等各位路过的小哥哥小姐姐打赏了。

四,总结

工具

PS不用说,大家都懂。这里做动效选择AE主要是因为它制作的动效更加连贯顺畅,而且比较好控制。很简单的一些操作就可以实现出很不错的效果,而且因为也是逗比公司家的产品在导入的时候,几乎不会有什么意外发生。还有就是.......  好了,好了,别打了,我不装逼了。我不会Flash,PS时间轴也用不好可以了吧。

攻略

知乎问题(如何设计一款微信表情包)

简书-新手表情包制作之路

微信表情制作规范

我这篇也算吗?不算吗?算吗?不算吗?........

参考

表情党

QQ表情

打开微信——点开表情——点左下角加号 (手动微笑脸)

在这里很感谢在我制作过程中帮助过我的人,一鞠躬。感谢随手点了赞赏的小哥哥小姐姐们,二鞠躬。感谢发现表情包BUG还不说出来的dalao们,三鞠躬。好了, 我们该入洞房了吧。。。。。

对于这个过程中我有什么地方描述的不清楚或者不合适的地方或者有什么意见或者建议什么的都请告诉我  谢谢咯   

上一篇下一篇

猜你喜欢

热点阅读