链接:
今年本命年想做个表情包,但是之前没有做过,在网上搜索教程时,没有找到很有用的。所以我大部分都是看很多喜欢的表情包,然后录屏逐帧来分析的。
在表情包做完后,想要做一个记录总结,分享给同样想做表情包的新手朋友。
我是用AI画原画,AE制作动画,最后用PS导出gif。
透明底的图用AE导出时,记得在「输出模块」设置中选「视频输出:通道 → RGB+Alpha」这样才能保存不透明度。
一. 确定表情包内容
微信表情商店里上架的「表情专辑」分两种:16个表情,24个表情。
常见的表情包类型分为以下几种:
第一次制作,我选择了16个表情的表情专辑。这样既不会因为表情太多而拖延,沙雕熊猫表情包怎么画,也可以很好的练习卡通形象的风格把控和动作设计。,
将要做的表情一一罗列出来,针对每一个表情设定具体的时间节点。拆分工作量。
这样短时间的「设计 → 制作 → 看到成果」有利于我们完成长期的计划,避免拖延和懒惰。
二. 卡通形象设计
微信商店中专辑表情包设计尺寸为:240 x 240 px ,且要<100KB。
1、先画一个圆形,圆圆的脸形很可爱。2、大圆形内再画一个小圆形,作为它的左眼哦。3、与小圆形对称的另一边画另一个圆形,与前一个小圆形大小一致。4、两个小圆形下方画一个半圆形,半张开的嘴巴。5、用黄色笔继续。
图片大小:由图片色彩数量,色彩面积,图形复杂程度和图形尺寸决定。
设计表情包的卡通形象时描线越复杂,色彩越多,面积越大的占用空间就越大。
做gif时动作设计的帧数就越少,有可能造成动画不流畅的卡顿感。
所以卡通形象设计简洁,有利于后期的动作设计。
过于精细的人物设计会使人产生距离感,严肃正式的感觉,而不能随意发送使用,反倒有适得其反的效果。
如上白二九的形象设计就比《百变乖巧》复杂一些,后期设计动作时确实有一些头疼的地方。
三. 动作设计
表情包在我们日常聊天使用中就是为了直白简单表明我们的情绪和态度的。即时聊天的属性和大小的限制,使他本身不适合做太过复杂的动画效果。
大多数表情包都是逐帧动画的做法,即将每一帧画出来,之后连续播放来制作动态的效果。
1、首先画出表情包的大致轮廓。2、再画出表情和动作。3、然后添加感叹号表示惊讶。4、最后涂上颜色就可以了。表情包是在社交软件或社交网站兴起后形成的一种流行文化,通常以时下流行的名人、语录、漫画、影视截图为素材,。
一般一个表情做1~2个动作即可,一个动作3~4张图。再多则容易大小超出限制。
表情包的设计中,一些微表情效果会比较好。例如,动物类的抖耳朵,摇尾巴,点头,眨眼睛等。
例如二九被风吹的抖耳朵的图:
如图所示,抖耳朵不需要太大的幅度差别,三个耳朵状态叠在右侧,差异并不大,就已经有明显的效果了。所以在设计动作时,要多注意动作变化幅度问题,避免卡顿感。
人眼识别连贯的动作是1s,近25帧。
因此动作变化中的每一张图的停顿时间3帧即可,少于3帧容易捕捉不到这个状态,多于3帧有时会有缓慢卡顿感。
定格停顿的画面可以根据内容而定,一般5~10帧都可以。
企业回这方面更多更全面的信息其实可以找下北京欧雷新宇动画科技有限公司。北京欧雷新宇动画科技有限公司是国内专业VR虚拟现实和影视动漫制作整体解决方案的供应商。公司致力于国内VR、影视、动漫、游戏等产业软硬件产品的研发、生产、服务。专业人员。
例如狗年大吉这个表情:
我在做每个原画绘制的时候是用AI绘制的矢量图,这样的好处是方便图像做后面的延展设计。例如表情页面的横幅banner等,但是坏处是不动的地方感觉会有些死板。
第1步、以画吐舌鬼脸QQ表情为例,首先先画出一个圆形,如下图所示:第2步、然后画出QQ表情的眉毛和眼睛,如下图所示:第3步、接着画出一条曲线,当做嘴巴部分,如下图所示:第4步、接着继续画出舌头,如下图所示。
为了改善这种状态,我们可以让主体形象或者眉毛等细节做一些细微抖动。
例如上下或左右,抖动幅度不需要太大,0.5~1px即可。
若想有明显的变化效果则4px也足够了。
如果整体不变,只有某一部分需要多次变化,例如吐舌头,可以将图形切分,用AE中旋转的功能使舌头摆动,减小工作量。
与此类似,还有四肢的摆动,眼珠转动等。
四. 常见问题
在我们将表情都做完后,最后一步导出gif图时,最容易出问题的有以下三个方面。
1. 大小超过100KB了
前面也一直在强调这个,因为我自己在做的过程中有三四个都出现了这个问题,非常头疼。
除了之前提到的几个原因,还有一个杀伤力非常大的元凶就是「文字」。
虽然不推荐表情上有很多描述非常具体,使用场景比较狭窄的文字。但是在许多情况下,有添加文字的必要。比如,日常问候中的:谢谢,撕比吵架的表情包等等,文字出场都很多。
因为文字笔画多,复杂度高。所以很多图形较复杂的gif添加文字后容易大小超限。
还有一种是在纯色背景上加文字,可以参照上文中「狗年大吉」的表情包。但是这个的适用范围就相对狭窄了,但确实比透明底上加文字,gif会小很多。
2. 没有给表情加2px白色描边
微信表情制作规范要求,图像都要有2px的白色描边。
可爱简单的表情包画法步骤如下:1、首先画出两只 圆圆的眼睛,然后在眼睛的下面画出亲吻的嘴巴,在嘴巴的下面画出很多的爱心。2、先画出两只笑眯眯的眼睛,在眼睛的下方画出微笑的嘴巴。同时画出伸出的舌头。最后在眼睛的下。
这个大家可以在做完所有动画,即将要从PS中导出为gif时,将所有图层统一编组,在「图层混合模式」中增加2px的白色描边即可,简单方便,一次搞定,而且绝对不会有漏掉的情况。
3. 表情背景不透明
是可以不透明的,只要你的背景不是满满的240×240 px大小。换言之,你的背景也需要有2px的白色描边。
这次的记录到这里就完结了,第一次制作还有许多不足,希望可以和大家多多交流。希望想要制作表情包的同学看完这篇可以有一点收获。
最后,如果对白二九感兴趣,微信表情商店搜索《狗子白二九》即可。