在表情包做完后,想要做一个记录总结,分享给同样想做表情包的新手朋友。
我是用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的白色描边。
这次的记录到这里就完结了,第一次制作还有许多不敷,希望可以和大家多多互换。希望想要制作表情包的同学看完这篇可以有一点收成。