霸王龙,有个帅气的英文名:T-Rex。我画的是T-Rex家族的一只未成年小奶龙,霸气不足软萌有余。爱吃肉和手短都是不可抗拒的家族基因。
贪吃龙表情包一共有16个表情,就不全放上来啦。
严格的说,这篇文章主要是自我总结设计思路和制作方法,不算教程,但也会讲到一些制作动画和压缩gif的技巧,希望能给其他人带来帮助。当然我的方法不是标准答案,只是方法之一。
所谓自我提升:
作为一个设计师,插画技能必须点一点。多做尝试总没有坏处。并且我也想通过这次画表情包可以更熟练的使用Ai画图。
所谓自我满足:
画自己喜欢的东西就是一种自我满足。在工作上你不能随你喜好去做事情,但是在你自己创造的世界里可以。所以我每隔一段时间就总想创造些什么。
万一会火呢:
可能每个画表情包的都有这样的想法吧。其实看看成功案例能总结出一些规律:色彩单一、线条简洁、表情平淡或夸张。这样的表情包接受程度高,我想是因为代入感强的关系。
对比起来我的小恐龙不太有优势,但出于前面提到的两个原因,我还是把它完成了。
在开始画表情包前,我先了解了下平台规范(搜索“微信表情开放平台”)。
了解到:所需要的表情数量(16或24个)、尺寸(240*240),官方不建议含有的内容(医疗、美容、保健等)。
心里有了个数后,顺便完成了注册。下面就可以开始制作表情包了。
STEP1 选择自己感兴趣的题材
我很久之前就一直想画一套表情包,但也一直没有好的想法。直到最近看完侏罗纪世界2,突然对我去年在环球影城买的软萌小恐龙又燃起了爱意,很想为它画一套表情包。
兴趣驱动力是很强大的,因此我也建议你们第一套表情包选择自己最喜欢最想画的题材,女朋友也好,宠物也好,自己也好,总之是能让你像打了鸡血一样画到深夜的东西。
画你喜欢的东西还有个好处,你很了解它,或者是有不错的参照物。
我手绘功底差,在画趴着时不知道怎么画,后来让它给摆了个姿势就明白了。这可是宝贵的第一手资料,和去网上搜一个别人画好的姿势照着画的体验是不一样的。
STEP2 设定你的角色
角色设定影响着表情包的主题和内容。比如我就想做一个贪吃小恐龙的形象,那么表情包大部分的内容就是围绕着吃的。如此目标用户也很明确:吃货,特别是肉食动物。
同时因为这是一只霸王龙,手短是不可避免的家族基因,也是个萌点。
STEP3 画草稿,给角色定型
大概想清楚了之后就先画草稿。不太会画画的也不要怕动笔,你看我刚开始画的是这样子的。
我的草稿风格比较狂躁,画多之后小恐龙才慢慢的成形。草稿必须多画,才能找到最佳方案。
可以看到刚开始时候的草稿中牙齿比较多,还有肚脐眼,我本来还打算把爪子画出来。但作为表情包,细节太多的话在手机上显得繁琐,不突出。细节取舍很重要。更何况恐龙是蛋生不是胎生,没有肚脐眼(???)。
我想把一些小龙好玩的性格加进去,例如发笑是因为挠痒痒,睡觉会梦见鸡腿等等。不过可能会导致这样一个问题:细节太多会减少使用者的代入感。
STEP4 选择设计软件
我选择了Ai画表情包,Ae做动画,Ps制作Gif。这之后将说到的用Ae的路径参数做简单动画的技巧和用Ps压缩Gif的方法。
如果要用AE做动画,我强烈建议用Ai画。因为可以直接导入成矢量图形,并且Ai的图形工具很棒。
不过因为Ai我比较初级,画的方法比较野生,就不多说误导大家了。可以在各大设计网站上搜索“Ai教程”有针对性的学习。
我在画完后往往还会导出png格式发到微信上看一看。也因此舍弃了一些让表情过于复杂的细节。
step5 用AE自带路径效果快速做动画
以下内容阅读需要有AE基础。AE学习方法同样可以到各大网站搜索或报班学习。我这里只讲思路、技巧,具体方法和参数需要你自己去试一试。
*如果你不是用AE制作动画,可以跳过这一步阅读下一步中用PS压缩gif的技巧。
下面这个小龙的外轮廓的线条是通过添加AE自带路径效果“扭转”实现的。用这个方法的好处是你可以快速看到效果,并不需要去逐个调节线条的节点。
我添加扭转效果的图层只是外轮廓的线条,里面的五官是配合动作进行的位移动画。实际用了扭转效果的图层效果如下:
线条动画幅度并不大。但对于这个动画来说很重要,显得不那么呆板。
具体添加方法如下:展开轮廓图层的小三角,再点击下图中标红的按钮。需要注意的是,这个图层必须是形状图层(名称前会有个五角星的符号)。如果你是从Ai导入,那么需要右键将图层转化为形状。
添加菜单里有很多路径效果可以添加。我常用的是“扭转”和“摆动变换”。
有时候用扭转会使线条露出,这时我还用到效果菜单里的“网格变形”将线条拉回去。
至于摆动变换我最常用在文字动画上。可以看到下图中,每个“哈”字动的幅度都不一样。其实他们全部位于同一个形状图层(文字图层可以右键转形状),再通过添加“摆动变换”调节参数,就能达到这种不同时运动的效果。
使文字上下移动只需展开摆动变换中的变换,在位置关键帧打点。(注意是摆动变换中的位置)
为了保证Gif能无缝循环,第一帧和最后一帧的参数最好一样。
再讲个好用快捷的动画抖动方法。注意到下图小鸡的抖动了吗?
方法很简单,在“位置”、“缩放”属性添加表达式:wiggle(x,y)。参数你可以自己试一试。
添加表达式的方法是:按alt点击下图中左边标红框的按钮。
跑步的时候加入一点抖动也会让动作自然很多。
step6 用PS压缩gif
你是否碰到过导出的GIF过大或色彩失真的问题?其实用ps导出gif的话很好解决。
首先导出的视频文件帧数不要太高。贪吃龙用的fps是8帧一秒,长度一般在1秒内。
然后用ps打开视频文件,ctrl+shift+alt+S存储为web格式,格式设为gif。此时你可以观察优化后的图像右下角显示的大小是否达标(微信要求卡通表情在100kb以内)。
如果大小过大或在选择64色、32色压缩GIF时色彩失真,你可以先选择256色。然后用左侧的吸管工具(快捷键 i )在左边图片上吸取主色。每吸一个颜色就锁上(下图中色板下方标红的按钮)。我在压缩小恐龙时,它的脸蛋周围出现锯齿,因此我就把粉色全锁上,情况就好很多。
锁完主要颜色,你再选择64色、32色时,失真的问题应该就解决了。
step7 发布事宜
按照官方规范,还需要提交头图、缩略图等素材。具体要求自己去“微信官方平台”看哦。
审核时间3-5个工作日,之后会有通知预约上架时间。
红框中的一句话我当时没有注意到。也就是说只要你愿意等足够多的时间,在新品推荐中,你的表情包会排的很前。
所以,和节日有关的表情包可以尽早开始制作哦!
谢谢看到这里的朋友
贪吃龙表情包目前确实存在一些问题,我下次会改进的!
自我总结问题:
线粗细不一致
龙的大小不统一
一些细节不统一:大家可以来玩大家来找茬啊