今年本命年想做个表情包,但是之前没有做,在网上搜索教程时,没有找到很有用的。所以我大部分是看很喜欢的表情包,录屏逐帧来分析的。
在表情做完后,想要做个记录结,分享样想做表情新手朋友。
我是AI画原画,AE制作画,最后PS导gif。
透底的图用AE导出,记得在「输出模块」置中选「视频输出:通道 → RGB+Alpha」这才能保存不透度。
一. 确定表情包内容
表情商上架的「表情专辑」种:16个表情,24个表情。
常见的表包类型分以下几种:
第一次制作,我选择了16表的表专辑。这样既不会因表太多拖延,也可以很好的练习卡通形象的风格把控动作设。
将要做的表情一一罗列出来,针对每一个表情设定具的时间节点。拆分工量。
这样短时「设计 → 制作 → 看到成」有利于我们完成长期计划,避免拖延和懒惰。
二. 卡通形象设计
微信商店专辑表情设计尺寸为:240 x 240 px ,要<100KB。
图片大小:由图片色彩数量,色彩面积,图形复杂程和图形尺寸决定。
计表情包的卡通形象描线越复杂,色彩越多,面积越大的占用空间就越大。
gif时动作设的帧数就越少,可能造动画不流畅的卡顿感。
所以卡通形象设计简洁,有期的动设计。
过于精细物设计会使生距离感,严肃正感觉,而不能随意发送使用,反倒有适其反效。
上白二九的形象设计就比《百变乖巧》复一,期设计动时确有一头疼的地方。
三. 动作设计
表情包在我们常聊天使用中就是为直白简单表明我们的情绪和态度的。即时聊天的属和大小的,使他身不适合做太复的动画效果。
大多数表情都是逐帧动画做法,即将帧画出来,后连续播放来制作动态效。
一般一个表情做1~2个作即可,一个作3~4张图。再多则容易大小超限制。
表情包的计中,一些表情效果会比较好。例如,动物类的抖耳朵,摇尾巴,点头,眨眼睛等。
例如二被风吹的抖耳朵的图:
如图所示,抖耳朵不需太的幅度差别,三耳朵状态叠右侧,差异并不,就已明显的效果了。所以设动作时,多注意动作变化幅度问题,避免卡顿感。
人眼识别连贯的动是1s,近25帧。
此动作变化张图顿时3帧即可,少于3帧容易捕捉不到这个状态,多于3帧有时会有缓慢卡顿感。
定格停顿的画面可根据容而定,一般5~10帧都可。
如二九这略复杂的形象,一个表情做15帧左右是保险的方案。也有殊的可以达30~50帧的情况,这种在动作中会有大量帧数的图形所占面积,且颜色布简。
例如狗吉这表:
了避免我们完所表,后导出gif时,发超出限制太多这种悲剧,尽还采用保守的方案。或者多试终导出gif的小,尽早调整。
我在做每个原画绘的时是用AI绘的矢量图,样的处是方便图像做面的延展设计。例表情页面的横幅banner等,但是坏处是不动的地方感有死板。
为了改善这状态,我们可以让主体形象或者眉毛等细节做些细微抖动。
例如上或左右,抖幅需要太大,0.5~1px即可。
在极帧数,做到较连贯的微小作,作幅很小,一般变2px左右即可,如「嚼东西的嘴巴」、「会的眼睛,眉毛」等变形。
若想有显的变化效果则4px也足够了。
如果整体不变,只有某一部需要多次变化,例如吐舌头,可以将图形切,用AE中旋转的功能使舌头摆动,减工作量。
此类似,还有四肢的摆动,眼珠转动等。
四. 常见问题
在将表情都做完后,最后一步导出gif图,最容易出问题的有以下三个方面。
1. 大超过100KB了
前面也一直在调这个,因为在做的过程中有三四个都出现了这个问题,非常头疼。
除了之提到的几原因,还一杀伤力非常的元凶就「文字」。
虽不推荐表情上有很描述非常具,使用场比狭窄的文字。但是在许情况下,有添加文字的必要。比,常问中的:谢谢,撕比吵架的表情包等等,文字出场很。
为文笔画多,复杂度高。所以很多图形较复杂gif添加文后容易大小限。
有是在纯色背景上加文,可以参照上文「狗年大」表情。是这个适用范围相狭窄了,确实比透明底上加文,gif会小很多。
2. 没有表情加2px白色描边
微信表情制作规范要求,图像都要有2px白色描边。
这个大家可以在做完所有动画,即将要从PS导出为gif时,将所有图层统编组,在「图层混合模」增加2px白色描边即可,简单便,搞定,而绝不会有漏掉情况。
3. 表情背景不透明
是可以不透明,要你背景不是满满240×240 px大小。换言,你背景也需要有2px白色描边。
这次的记录到这里就结了,第一次制作还有许多足,希望可和大多多交流。希望想要制作表情包的同看这篇可有一点收获。
最后,如果对二九兴趣,欢迎扫描下面的二维码下载,或表情商搜索《狗二九》即可。