写在前面(内含制作干货,多图预警)
第一次做gif表情包,算是历尽千辛万苦,但也乐在其中。制作的初衷是希望在狗年春节借家里可爱的柯基狗狗——吉普君给亲朋好友一个特别的祝福。
制作吉普过程 (内含详细制作过程和动画制作的小技巧 )
在制作动画之前,一定要强调,在制作过程中一定要检查微信制作规范,避免尺寸还有白色描边出现问题需要修改而耽误上架时间哦,尤其是在春节前夕呢。吉普的表情包被审核两次前前后后历时一个月终于通过,我赶快预约了上架时间,都已经是元宵节以后了,囧。。。
第一次嘛,最重要的是积累经验(TVB语气),以后要用这样的方式拜年,就需要提早制作完成,给审核足够的时间,才不至于错过良机,哈哈!现在已经有了经验的我风风火火的制作了吉普柯基的第二弹~现在有了更多经验,我也可以更加清晰地记录自己的表情包制作过程啦!一定要不断检查自己的表情包和下图各种要求有什么不同,微信审核还是很严格的,为了不影响上架,大家还是尽力把这些要求看仔细啦~
关于工具,一直认为要使用自己得心应手的,PS,Flash和AE都可以。这一次我就来分享一下如何用photoshop绘制gif,待我用Flash或AE制作之后我再来写教程分享给大家。1. 打开photoshop, 新建(Ctrl+N)建立一个背景透明,尺寸为240*240,分辨率为96的图。
photoshop新建图
2. 选择窗口(Window)-时间轴(Timeline)。时间轴可以帮助你制作动画,画出动画的每一个关键帧。
选出制作动画的时间轴
3. 前期的草图,把喜欢的动态打勾☑️选中;或扫描,或拍成照片导入photoshop中,可以使用钢笔工具(pen)描边也可以使用笔刷工具(brush)直接绘制正式稿。我自己是用笔刷工具来制作的。如下图:
吉普草图
4. 画完线稿以后,我直接用笔刷(brush)上色的,色板是之前自己整理好以后新建了一个图层(layers)放在右上角,好处就是用什么颜色直接按(ALT 键)吸取颜色即可。如图:
上色后的展示图
5. 因为微信要求表情要加白边,在画吉普的时候轮廓线和色彩在画的时候还是分开的,在我完成所有动画之后,合并了图层。这样加白边确实容易很多。如图:
6. 在PS里我选择的是逐帧动画,记得选择永久循环(Forever),完成动画之后点击下图的三角符号(▶)便可以无限循环观看动画效果。还有配上ps自带的加入中间帧(In-between)的功能(画圆圈的按钮)也会让你的动画作品蓬荜生辉,我用的真是爱不释手。 如图所示:
7. 点开那个红色圈起来的按钮,会出现一个对话框可供选择。默认中间帧(In-between)是5帧,我自己做gif一般选择2帧,然后根据这两帧在图层那里去调整透明度,来制作出中间帧(In-between)过度的效果。
加入中间帧的页面,如图所示:
8. 使用那个加入中间帧的动画效果如图:
9. 这种方法用在快速运动的动态中效果特别好,比如下图这个狗狗双腿的效果,如图:
我画了两条腿,左腿为left,右腿为right, 每一条腿的抖动是3帧;然后利用第6步提到过的中间帧过度的功能,把时间间隔调到0.2秒,便可以获得这样快速上下抖动的效果。因为左右腿的图层都是单独的图层,所以在中间帧的对话框那里就需要选择指定图层(selected layers),在这里我设置为从第一个关键帧到第二个关键帧过度两帧。如图:
图层(layer)设置如下图:
10. 动画部分基本已经完成,接下来的工作就是检查微信规范的尺寸,gif描边问题。描边在FX(PS的图层样式)的描边(Stroke)选择外描边(Outside),像素2PX,颜色为白色。如图:
11. 由于背景透明时自己没有注意到草稿残留的细小像素,我的表情包也修改了两次才通过审核。
12. 为了避免这个问题,我在图层最底层的背景色加一个深绿色背景(Layer 2)用来检查之前绘画时没有注意到的残留像素,当加了2个像素描边以后这个深色背景的检查优势一下就显示出来。当导出文件的时候再把深色背景(layer2)关掉即可。如下图:
13. 制作完成之后导出文件,文件-导出-保存为web格式,保存之后就是gif格式啦。如图所示:
14. 保存了gif之后,顺势可以把gif主图和png缩略图一起保存了,不过要记得去掉白边哦~关掉描边即可。导出成png格式后再把尺寸更改为120*120,不要超过50kb。
15. 最后一步就是上传啦~如果是专辑,数量为16或者24个图,如果是单品就可以直接上传咯!按照微信规范一步步地做好其他宣传图就可以华丽丽地送去审核啦~审核部分我认为,只要严格按照微信表情商店的指示,就一定会很快通过审核的。
再分享一些gif制作时候的过程图,有时候前期草稿画好了,但是做着做着又迸发了新想法,下面三个图就是动画师怎么给吉普改戏和加戏的~哈哈
结尾 艺术来源于生活,吉普的一举一动都是我快乐创作的灵感来源。我也经常把自己的小点子记下来,列成单子,有灵感的时候就画几个,没有灵感的时候就做资料采集和学习优秀表情。下图是我自己的表情清单,还有几个还在构思ing,哈哈!
表情包制作清单
最后,附上我的吉普柯基第二弹表情包链接,有兴趣的朋友欢迎下载支持我的原创表情:
“吉普柯基第二弹”表情包 ,也欢迎到微信表情商店搜索“吉普柯基第二弹”下载并使用表情。