工作中的干货资源点滴每天写1000字

GIF图的最高奥义

2015-03-17  本文已影响768人  老师说

目录

1.关于如何制作GIF动图

2.如何优化GIF图

3.使用PS作GIF图的心得


1.关于如何制作gif动图

这期文章无法教您如何做gif图,具体的制作教程会在以后和大家分享。

~(~o ̄▽ ̄)~o

2.如何优化gif图

没错,这才是重点

1.颜色越少越好

颜色会影响到最终文件的大小,颜色越少,单位体积内可容纳的动画就越多,这样就可以做出足够精致(长~)的GIF动画,又可以合理控制它的大小.(1MB以下是比较科学的体积)

2.多用运动模糊

ScreenFlow和After Effect都可以导出带有运动模糊的动画。这不止会让你的动画看起来更专业,而且当你的GIF太大不得不丢掉一些帧时,你可以丢掉一些模糊的帧而不影响效果。

貌似简书不支持动态图。

所谓运动模糊大概就是这个样子:

运用运动模糊可以合理去掉一些“多余”帧,因为反正大家也看不清楚,少了一点也没人发现。

ㄟ( ▔, ▔ )ㄏ

3.学会偷懒——精简你的动画

不要为了追求炫酷的效果滥加特技

用户没有必要看到交互动画的所有过程,所以,展示你最想展示的部分就好了。

(话说现在根本无法直视“加特技”这几个字)

(╯‵□′)╯︵┻━┻

4.丢掉重复帧

仔细观察你的原文件。如果有的连续帧区别不明显(如图中的122&123),那么你可以考虑删除一帧,然后将留下的这一帧时间加长(加上被删除那一帧的时间)。

这么做并不是必须的,一切都是为了体验,要根据具体情况调整。

5.减少颜色值

用PS存GIF时,在右边有一个“颜色”选项,可以修改数值测试效果,在不影响动画质量的情况下,尽量将这个值调小。

6.调整损耗制

调整损耗值也可以改善图片体积。

(PS中的损耗值就是你在处理图片时,做的一些修改对图片的质量造成了影响.丢失了原来图上的一些信息)

3.使用PS作gif图的心得

1.PScc制作GIF的时候,“帧动画”被隐藏在'"时间轴“中在这里可以进行修改。

2.制作GIF的时候一定要保存为WEB可以使用的格式。

3.制作GIF的时候时间可以批量修改

4.如果批量导出图片的时候发现系统默认是反向导入造成图片倒播,那么只需要调整图层顺序就好。

-------

                                 “让一切反人类的设计都见鬼去吧”

                                                                           ——“老师说”的小编如是说道

-------

文章会持续更新,有其他关于制作GIF图心得的小伙伴可分享在评论区,“师说”会及时回复大家的哦~

[]~( ̄▽ ̄)~*

-------

上一篇下一篇

猜你喜欢

热点阅读