【野动画】制作的GIF放到QQ就变慢啦?

Recommanded by editor
广州/三维设计师/9年前/9490浏览
【野动画】制作的GIF放到QQ就变慢啦?Recommanded by editor

PS导出GIF表情的小经验

【野动画】制作的GIF放到QQ就变慢啦?


作者/小野路子


【野动画】是一米天公众号新开的原创内容板块,分享动画设计的小经验。这些知识或许不是最新最全的,但都是我们觉得行之有效的方法。希望对喜爱动画与设计的你有帮助。

                                           一米天动画




很多涩计师都喜欢自己制作GIF表情,不过怎么导出GIF是一个不大不小的问题,根据工作室经验,AE,Flash制作完成的动画,直接导出GIF效果都不好。推荐大家做完动画后,导出png序列,然后进PS导GIF!

712d56da63a132f875520f390f58.jpg

简单说一下步奏吧,以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就可以导出啦!

af2b56da63c332f875520f2e227b.jpg

大功告成!


下面是小野路子的心得干货:


【播放速度】

在Timeline点击帧下方的小三角,可以设置每帧停留时间,点击Other可自行输入,单位是秒。25帧每秒,换算过来就是每帧0.04秒,需要调整播放速度,修改这个数值就行啦!


22d556da64226ac7252ce62f14d2.jpg


【微信QQ表情】

微信上GIF的播放速度取决于本身GIF的播放速度。


但经常同样的表情放到QQ上就变忒慢!!根据小野路子血泪研究,推理QQ对于GIF的播放速度是固定的,帧频在每秒8帧左右,也就是每帧停留0.16s,换句话说,上面输入的“0.04”导出来放到QQ,还是会变成“0.16”,所以就变慢啦!


解决方法一:

在动画制作时,直接按帧频为8制作(好像PS哪里可以直接修改帧频的,一下子找不到了,清楚的小伙伴欢迎留言)


解决方法二:

在PS导出GIF时,可先设置每帧停留时间“0.16”,然后手动在Timeline上通过删减帧数来控制播放速度。


【Forever!】

别忘了在GIF导出时选择右下角的“Forever”哦。


de4b56da643332f875520ff50ef6.jpg


选择"Forever"后,就是上图的效果,此刻你一定天真地点Save了,NO!还要按一下回车!“Forever”才算生效!!就像下图这样没有蓝色填充:


db5c56da643e6ac7252ce6e6d2dc.jpg

坑了好几次,麻了个鸡。



【文件大小】

QQ和微信的表情,文件大小都推荐100K以下。需要减小文件,删减帧数是最见效的方法。我一般手动在Timeline删减,就是选单双数的土方法...如有连续的静态帧,可以只留一帧,把这帧的停留时间调长就行啦。


尺寸也很大程度影响文件大小,微信表情建议240*240,QQ表情个人觉得120*120的观感好一些。


在导出窗口的“Colors”也影响文件大小,可以通过删减调整适合的大小。至于其他选项,个人觉得效果不大。


第一期【野动画】就到这啦,欢迎关注与留言!





85
Report
|
95
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
Log in