如何用ps制作gif(用ps做gif动图教程)

同学们喜闻乐见的大多是来自设计师个人的经验分享,由于是过来人,他的技巧可能就能解决你现在的问题,实用性很强,今天针对Gif动画方面,分享7个鲜为人知的技巧,全是私人藏品,在这方面有问题的同学来瞧瞧有木有你想要的答案吧。

在InVision,GIF可不是消磨时间的玩意——它们在市场和教育方面扮演着强有力的角色。更有甚者,我们在首页上用的就是GIF,而不是基于代码的炫酷动画。实际上,人们开始询问,“那些GIF你们怎么做出来的?”是时候透露一下秘密了。

设计GIF

一、秘密武器

这就是我不可告人的小秘密:所有的GIF是从视频文件开始的。我通常在ScreenFlow里制作,我们也用它来制作产品视频。它足够简单,学起来很快,内置了一些非常有用的动画工具。

将动画导出成视频文件后,我通过文件>导入>视频帧作为图层将它导入到Photoshop里。

高级技巧:如果ScreenFlow或After Effects超出你的预算,可以在Keynote里创作你的动画,然后导出成视频。是的,最后有这个选项。

二、更少的颜色,更多的乐趣

如果想要惊艳的GIF,你得精挑细选地使用颜色。它不仅会使文件大小激增,使用更少的颜色也能让你制作更长、更复杂的GIF,而且文件仍然可以相对较小。

三、可能的话,使用运动模糊

像ScreenFlow和After Effects这样的软件,能输出带有运动模糊效果的视频。这不仅使你的动画看起来更专业,而且为了压缩文件尺寸,要从Photoshop中的GIF里删掉一些帧,还能帮你蒙混过关。

四、懒

想像一下,本文开头的那个GIF,我本来还能加很多东西进去。带有用户名的小提示、一个鼠标指针点击加号按钮、鼠标滑过头像触发更多提示和悬停状态。人们不用看到每个细节就能了解情况,所以就只展示需要展示的部分——时间和文件大小是有限的。

导出GIF

下面这些诀窍可能会让你有些紧张,在这之前,先尝试直接导出GIF。如果文件大小可以接受,那么很好!继续这么做。如果它太大了,继续往下看。

五、删除重复的帧

你的动画很可能在某处会暂时停止。仔细观察,你会发现这些片段包含了一大堆重复的帧,每个0.03秒。如果有10个重复帧,删掉9个,把剩下的那个时间设长一些,比如说1秒。

如果这没用,尝试重新导入视频,但这次要选间隔帧。它会显著缩减文件大小。

高级技巧:这不是一条铁律,但如果你的GIF有超过150帧,你就得花好一阵子来削减文件大小。

六、缩减色彩

在Photoshop中保存GIF时,右边能看到一个下拉菜单写着“颜色”。随便调调。只要GIF不会变成一团糟,设得越低越好。

七、调整失真率

老实说,我甚至不知道失真率是什么意思。但我的确知道,如果你把它设置成1和10之间的某个数,就能在不降低画质的情况下剔除很多kb。

这些都不管用!求助!

如果上面方法都尝试过,但GIF大小就是压不下去,这时候需要倒退一步。你想做的是不是太多了?有没有其他方式达成你的目标?如果把它拆分成几个不同的GIF呢?就像大多数创意产品一样,如果你专注于一件事,你的GIF会表现更好。

————————————————————————————

【更多精彩内容关注微信公众号:XS011033】(长按复制添加)

即日起,只要你关注邢帅教育(XS011033微信公众号),即可每天收取优质的平面设计资源;最新的行业资讯;有任何问题,还可以通过微信来向班主任林显光咨询!

(0)

相关推荐

  • 用ps做gif动图教程(ps gif动图怎么制作)

    今天告诉大家一个很好玩的PS玩法:制作一张具有溢出屏幕感的动图.准备好了吗?那么开始今天的制作吧!制作工具的准备在电脑安装PS CS5(只要精简版就行了,完整版太大,当然对于高配高要求的玩家可以选择完 ...

  • Ps制作信号干扰故障风艺术效果动图

    首先这个PS动作支持CS6以上版本软件使用,主要我们是用电视毛刺信号干扰GIF动画效果PS动作来一键制作如下图效果,下面是这个动作制作出来的一些效果. 操作方法 01 载入图案.动作,请参考下图,关闭 ...

  • 怎样用PS制作光束照射文字效果的动图

    效果什么样的题目已经很明了了,下面我直接给大家介绍一个制作的方法. 操作方法 01 首先先建立一个400*800的图象文档并输入想要的文字. 02 把文字图层栅格化并复制一个出来. 03 把背景图层用 ...

  • 如何用AI制作充满科技感的点状漩涡图

    这里教大家如何用AI制作充满科技感的点状漩涡图,比较适用于背景的制作.比较简单 操作方法 01 新建画布,画个半圆,方法有许多种,我使用的是先画整个圆,之后通过剪刀工具,剪出半个圆.如图,先画个正圆. ...

  • 如何做gif动图?

    我们有时会看到很多搞笑的gif动图,比较有视觉冲击力.爱学习的宝宝就会纳闷,他们是怎么做到的呀,下面我就教大家如何做gif动图. 做GIF的几个步骤 01 首先,你要找几张静态图,我随意在网上找几张图 ...

  • ps怎么压缩图片大小如何压缩动图/gif内存大小

    Photoshop怎么压缩图片内存大小怎么压缩表情内存大小怎么压缩动图内存大小 操作方法 01 打开Photoshop 导入需要修改的图片文件 02 1首先介绍普通图片就是jpg格式的图片如何压缩文件 ...

  • 怎么用视频做gif动图表情包(视频怎么添加动态表情包)

    大量的视频想要同时加上一个动态的表情包进行装饰,但是一个一个的添加剪辑非常的麻烦,今天小编就给大家分享轻松操作就能批量给大量视频同时添加动态表情包的简单方法,下面就一起来操作一下吧!在操作之前先给大家 ...

  • 如何用ps制作银色金属字体

    ps的字体制作功能很强大,这里呢主要讲一下银色金属字的做法,这类字体在一些金属题材的设计中有广泛的应用,那么如何用ps制作银色金属字呢,接下来看教程! 操作方法 01 首先,打开ps,新建,这里用的是 ...

  • ps怎么做动图(ps能制作动图吗)

    前几天有小伙伴问我ps能不能做简单动图今天小编专门写了一篇PS做动图的教程喜欢的开始跟着动手吧~~Step 1首先打ps,找到ps界面上右上角的[基本功能]进行点击,点击后弹出下拉框,在下拉框中选择[ ...

  • Photoshop实例教程:如何用ps制作3d立体字

    Photoshop 软件的升级发展已经可以直接创建3d效果了,在创建3d模型时我们可以像其他三维软件一样进行多视角操作,可以为创建的三维物体添加材质,和灯光效果,下面我们就来看看如何用ps制作3d立体 ...