【野动画】制作的GIF放到QQ就变慢啦?
PS导出GIF表情的小经验
【野动画】制作的GIF放到QQ就变慢啦?
作者/小野路子
【野动画】是一米天公众号新开的原创内容板块,分享动画设计的小经验。这些知识或许不是最新最全的,但都是我们觉得行之有效的方法。希望对喜爱动画与设计的你有帮助。
一米天动画
很多涩计师都喜欢自己制作GIF表情,不过怎么导出GIF是一个不大不小的问题,根据工作室经验,AE,Flash制作完成的动画,直接导出GIF效果都不好。推荐大家做完动画后,导出png序列,然后进PS导GIF!
简单说一下步奏吧,以PS CC2015导出GIF为例:
Step 1
File - s cript - Load Files into Stack
通过弹出的窗口,把序列帧都导入PS
Step 2
在Timeline板块选择Create Frame Animation
点开Timeline右上角菜单按钮,选择Make Frames From Layers
现在序列帧都排列在Timeline上啦!播放瞅瞅,麻了个鸡,居然是倒播的!!好吧,继续点开刚才的菜单,选择Reverse Frames,现在就正常啦。
Step 3
File - Export - Save For Web
设置GIF参数,点击Save就可以导出啦!
大功告成!
下面是小野路子的心得干货:
【播放速度】
在Timeline点击帧下方的小三角,可以设置每帧停留时间,点击Other可自行输入,单位是秒。25帧每秒,换算过来就是每帧0.04秒,需要调整播放速度,修改这个数值就行啦!
【微信QQ表情】
微信上GIF的播放速度取决于本身GIF的播放速度。
但经常同样的表情放到QQ上就变忒慢!!根据小野路子血泪研究,推理QQ对于GIF的播放速度是固定的,帧频在每秒8帧左右,也就是每帧停留0.16s,换句话说,上面输入的“0.04”导出来放到QQ,还是会变成“0.16”,所以就变慢啦!
解决方法一:
在动画制作时,直接按帧频为8制作(好像PS哪里可以直接修改帧频的,一下子找不到了,清楚的小伙伴欢迎留言)
解决方法二:
在PS导出GIF时,可先设置每帧停留时间“0.16”,然后手动在Timeline上通过删减帧数来控制播放速度。
【Forever!】
别忘了在GIF导出时选择右下角的“Forever”哦。
选择"Forever"后,就是上图的效果,此刻你一定天真地点Save了,NO!还要按一下回车!“Forever”才算生效!!就像下图这样没有蓝色填充:
坑了好几次,麻了个鸡。
【文件大小】
QQ和微信的表情,文件大小都推荐100K以下。需要减小文件,删减帧数是最见效的方法。我一般手动在Timeline删减,就是选单双数的土方法...如有连续的静态帧,可以只留一帧,把这帧的停留时间调长就行啦。
尺寸也很大程度影响文件大小,微信表情建议240*240,QQ表情个人觉得120*120的观感好一些。
在导出窗口的“Colors”也影响文件大小,可以通过删减调整适合的大小。至于其他选项,个人觉得效果不大。
第一期【野动画】就到这啦,欢迎关注与留言!
