《GIF动画设计的7个小技巧.pdf》由会员分享,可在线阅读,更多相关《GIF动画设计的7个小技巧.pdf(2页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、GIF 动画设计的 7 个小技巧 GIF 动画设计的 7 个小技巧 制作 GIF 好像挺简单的,但能不能做得好看就是另一回事了。本篇文章教你如何生成并优化你的 GIF 动画,有需要的同学们往下看吧!设计 GIF 动画 1.独门秘方 这里介绍我的一个小技巧:所有的 GIF 动画都从一段视频开始。这些视频一般用 ScreenFlow 制作,而且我也经常用它制作一些产品视频。这个软件我认为很容易掌握,更重要的是它包含了一些很有用的动画工具。将动画以视频格式导出之后,将视频导入到Photoshop 中(文件导入视频帧到图层)提示:如果 ScreenFlow 和 AfterEffect 都不是你的菜,你
2、也可以用 Keynote 做动画,然后作为视频格式导出。2.颜色越少越好 如果想要你的 GIF 动画的效果惊人,对颜色的选择就要特别慎重。这个不仅仅会影响到最终文件的大小,而且使用的颜色越少,在单位体积内可以容纳的动画就越多,这样就可以做出足够长的 GIF 动画,同时又大小控制在很小的范围内(对我来说,1MB 以下才算是小动画)3.多使用运动模糊 ScreenFlow 和 AfterEffect 都可以导出带有运动模糊的动画。这不只会让你的动画看起来更专业,而且当你由于 GIF 的太大而不得不丢掉一些帧时,你可以丢掉一些模糊的帧而不影响效果。4.学会偷懒精简你的动画 想像一下如果我为文章开头的
3、 Gif 动画添加一些其他的东西会怎么样?比如鼠标滑过显示用户名,添加几个按钮什么的,要不给光标来些特效。其实这些都最好不要出现,用户没有必要看到交互动画的所有过程。所以,展示你最想展示的部分就好了记住你的时间和容量是有限的。导出 GIF 动画 如果你已经懒得看下面的内容了,试着导出你的 GIF 动画,如果文件的大小没有问题的话,那么恭喜你,可以去干别的事了。如果文件太大,那我们来试试下面这些步骤。5.丢掉重复的帧 你的动画很多时候在一些时间点会停住。如果仔细观察,你会发现这些时间点上有很多 0.03 秒的重复帧。删掉这些重复的帧只留下一个,再将这个帧的持续时间修改长一点,像 1 秒这样子。如果上面的方法还不够的话,重新导入你的视频,但这一次勾选“限制到每 2 帧”。这次应该可以大大缩小动画的大小。提示:这么做不是必须的,但如果你的 GIF 超过了 150 帧的话,不这样很难控制文件的大小。6.减少颜色值 当 Photoshop 保存 GIF 时,在你的右边有一个“颜色”的选项,尝试修改一下数值看看效果怎么样。在不影响动画效果的条件下,可以尽量将这个值调小。7.调整损耗值 老实说,我真不知道“损耗”具体是什么意思。但我知道将它调到 110 之间是不会影响动画质量的,还可以缩减一些字节的容量。