GIF动画设计的技巧方法
在InVision,GIF动画可不仅仅是用来打发时间的。在我们的市场推广和教育领域,GIF动画扮演非常重要的角色。下面是小编为大家整理的GIF动画设计的技巧方法,欢迎参考~
GIF动画设计的技巧方法1.独门秘方
这里介绍我的一个小技巧:所有的GIF动画都从一段视频开始。这些视频一般用ScreenFlow制作,而且我也经常用它制作一些产品视频。这个软件我认为很容易掌握,更重要的是它包含了一些很有用的动画工具。将动画以视频格式导出之后,将视频导入到Photoshop中(文件>导入>视频帧到图层)
提示:如果ScreenFlow和After Effect都不是你的菜,你也可以用Keynote做动画,然后作为视频格式导出。
2.颜色越少越好
如果想要你的GIF动画的效果惊人,对颜色的选择就要特别慎重。这个不仅仅会影响到最终文件的大小,而且使用的颜色越少,在单位体积内可以容纳的动画就越多,这样就可以做出足够长的GIF动画,同时又大小控制在很小的范围内(对我来说,1MB以下才算是小动画)
3.多使用运动模糊
ScreenFlow和After Effect都可以导出带有运动模糊的动画。这不只会让你的动画看起来更专业,而且当你由于GIF的太大而不得不丢掉一些帧时,你可以丢掉一些模糊的帧而不影响效果。
4.学会偷懒——精简你的动画
想像一下如果我为文章开头的Gif动画添加一些其他的东西会怎么样?比如鼠标滑过显示用户名,添加几个按钮什么的,要不给光标来些特效。其实这些都最好不要出现,用户没有必要看到交互动画的所有过程。所以,展示你最想展示的部分就好了——记住你的时间和容量是有限的.。
导出GIF动画
如果你已经懒得看下面的内容了,试着导出你的GIF动画,如果文件的大小没有问题的话,那么恭喜你,可以去干别的事了。如果文件太大,那我们来试试下面这些步骤。
5.丢掉重复的帧
你的动画很多时候在一些时间点会停住。如果仔细观察,你会发现这些时间点上有很多0.03秒的重复帧。删掉这些重复的帧只留下一个,再将这个帧的持续时间修改长一点,像1秒这样子。
如果上面的方法还不够的话,重新导入你的视频,但这一次勾选“限制到每2帧”。这次应该可以大大缩小动画的大小。
提示:这么做不是必须的,但如果你的GIF超过了150帧的话,不这样很难控制文件的大小。
6.减少颜色值
当Photoshop保存GIF时,在你的右边有一个“颜色”的选项,尝试修改一下数值看看效果怎么样。在不影响动画效果的条件下,可以尽量将这个值调小。
7.调整损耗值
老实说,我真不知道“损耗”具体是什么意思。但我知道将它调到1—10之间是不会影响动画质量的,还可以缩减一些字节的容量。
-
学习flash方法
真正要做出一部分满意的Flash动画,需要花费的心力的。怎样学习FLASH制作呢?下面小编收集了一些关于学习flash的方法,希望对你有帮助学习flash方法11、做好策划剧本策划是衡量一部Flash动画设计作品成功与否的重要标志。创建任何一个动画前,首先要有一个大概的轮廓...
-
工业仿真动画如何展示产品
随着三维动画技术的发展,工业领域中也开始普遍运用三维动画技术,这种技术我们命名为工业仿真动画技术。那么工业仿真动画是如何展示产品的呢,一起来看看!1.产品工业设计个新的产品要从设计到终成为产品摆上货架,成为人们生活的使用的工具,是个复杂的过程。如果在生产...
-
三维动画的制作流程是怎样的
导语:根据实际制作流程,一个完整的影视类三维动画的制作总体上可分为前期制作、动画片段制作与后期合成三个部分。下面和小编一起来看看吧!1、前期制作是指在使用计算机制作前,对动画片进行的规划与设计,主要包括:文学剧本创作、分镜头剧本创作、造型设计、场景设计...
-
水墨动画《荷塘月色》Maya制作流程
本例为Maya动画实例教程,主要介绍中国水墨动画《茶塘月色》的制作过程,主要分为前期制作,分镜故事板,Layout,骨骼设置蒙皮,分镜动画,渲染,后期合成,配音配乐,希望朋友们喜欢~~视频效果预览:项目名称:《荷塘月色》根据中国画家曹明冉教授的工笔重彩作品《荷塘月色》进行创...