- 相关推荐
PS制作GIF动画设计的小技巧
制作GIF好像挺简单的，但能不能做得好看就是另一回事了。本篇文章教你如何PS制作GIF动画设计的小技巧，喜欢的朋友往下看吧!
在InVision，GIF动画可不仅仅是用来打发时间的。在我们的市场推广和教育领域，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之间是不会影响动画质量的，还可以缩减一些字节的容量。
如果尝试了上面所有方法，但还是不能很好的压缩GIF的体积，怎么办?这时你就要重新审视你的动画，是不是东西太多了，有没有其他更好的方法实现你想要的效果，又或者可以将你的动画分割成几个小部分。相信和大多极具创造性的产品一样，只要专注一件事，你的GIF一定会做得更好。
跳动的小球ps制作gif动画具体步骤
启动photoshop cs6，执行窗口-时间轴命令，在编辑区域下方调出时间轴，查看编辑窗口布局。
执行文件-新建命令，新建一个大小为400x600，名称为“跳动的小球”，分辨率为72，背景色为黑色的文件。
选择工具箱里椭圆工具，按住shift键在画布顶端中央位置绘制一个正圆，执行编辑-填充命令，选择前景色填充。
选择时间轴面板，在时间轴面板中点击创建视频时间轴按钮，在下方出现时间轴界面。
在图层面板中选择图层0，右键单击在下拉菜单中选择转换为智能对象命令，将该图层进行转换为智能对象。
在时间轴面板中点击椭圆1右下角的三角形，展开该三角形下方里的所有选项，进行查看，有变换、不透明度和样式三项。
在时间轴上将指针拖拽到00处，点击变换命令，然后点击前面的“在播放头处添加或移去关键帧”按钮添加关键帧。
将指针移动到5f处，执行编辑-自由变换命令，对红色的圆球进行变换，将其中心点移动到顶端位置，垂直h值设置为140%，然后进行确定。
接着将指针移动到10f的位置，执行编辑-自由变换命令，将其中心点移动到低端，垂直h设置为100%，然后确定。
将指针移动到1s处，按住shift键将圆移动到低端。并且将圆的低端与画布的低端对齐。
将指针移动到1-2s之间的5f处，执行编辑-自由变换命令，将圆的中心点移动到底边位置，垂直H设置为140%，然后确定。
接着将指针移动到1-2s之间的20f处，执行编辑-自由变换命令，将圆的中心点移动到圆的顶端位置，垂直H设置为100%，然后确定。
将指针移动到2-3s之间的10f处，按住shift键将圆拖拽到顶端与画布顶端平齐。
将指针移动到2-3s之间的15f处，执行编辑-自由变换命令，将圆的中心点移动到圆的顶端，垂直H设置为60%进而确定。
将指针移动到2-3s之间的20f处，执行编辑-自由变换命令，将圆的中心点移动到圆的顶端位置，垂直H设置为100%进而确定。
到此所有关键帧都设置完毕，可以进行预览，执行文件-存储为web所用的格式。
【PS制作GIF动画设计的小技巧】相关文章：
PS图像处理的技巧10-21
AE影视后期特效制作小技巧04-08
PS图像处理的规范流程和技巧12-22
PS自由变换工具使用技巧07-19
2023最新PPT制作技巧04-28
影视制作镜头的技巧09-22
动画制作经验和技巧12-27
传统动画设计与Flash动画设计的区别09-05
学习古琴的小技巧10-16