七个步骤教你用PS制作高质量的gif动画教程

这篇教程是向【创想鸟】的朋友介绍利用ps制作高质量的gif动画,教程比较简单,只需七个步骤,但效果很不错,推荐到【创想鸟】,喜欢的朋友可以跟着教程一起来学习吧

七个步骤教你用PS制作高质量的gif动画教程

在InVision,GIF可不是消磨时间的玩意——它们在市场和教育方面扮演着强有力的角色。更有甚者,我们在首页上用的就是GIF,而不是基于代码的炫酷动画。

实际上,人们开始询问,”那些GIF你们怎么做出来的?”是时候透露一下秘密了

设计GIF

1. 秘密武器

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

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

七个步骤教你用PS制作高质量的gif动画教程

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

2. 更少的颜色 = 更多的乐趣

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

3. 可能的话,使用运动模糊

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

七个步骤教你用PS制作高质量的gif动画教程

七个步骤教你用PS制作高质量的gif动画教程

4. 懒(某种程度来说)

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

导出GIF

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

5. 删除重复的帧

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

七个步骤教你用PS制作高质量的gif动画教程

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

七个步骤教你用PS制作高质量的gif动画教程

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

6. 缩减色彩

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

七个步骤教你用PS制作高质量的gif动画教程

7. 调整失真率

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

七个步骤教你用PS制作高质量的gif动画教程

这些都不管用!求助!

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2989252.html

(0)
上一篇 2025年3月12日 09:13:25
下一篇 2025年2月24日 02:12:26

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 柠檬加冰糖加盐是电解质水吗

    近期电解质水很火,网上基本都断货了,而自制电解质水方法之一就是柠檬加冰糖加盐,这个温水冲泡后就可以达到电解质水的效果,能够增加抵抗能力,阳了的朋友们多喝电解质水能够加快康复。 柠檬加冰糖加盐是电解质水吗  是的。水,可以冲去万物。在这个特殊…

    2025年3月13日
    439.7K00
  • 柠檬加冰糖加盐是用热水冲泡吗

    近期柠檬加冰糖加盐自制电解质水的方法在网上很火,在康阳阶段,都是需要多喝水多休息的,而喝太多热水也容易造成水中毒,所以喝柠檬加冰糖加盐冲泡水的效果会更好,具体做法也很简单,一起来看看趣丁网带来的详细介绍吧! 柠檬加冰糖加盐是用热水冲泡吗  …

    2025年3月12日
    719.2K00
  • PS把美女图片打造水花美女教程

    这篇教程是向脚本之家的朋友介绍利用ps把美女图片打造水花美女的方法,教程制作出来的效果真的很漂亮,难度不是很大,介绍的也很详细,一起来看看吧   这篇教程是向大家介绍PS把美女图片打造水花美女方法,教程很不错,推荐到脚本之家,喜欢的朋友可以…

    2025年3月12日 编程技术
    200
  • PS工具制作漂亮的玻璃质感图片

    这篇教程是向【创想鸟】的朋友介绍ps工具制作漂亮的玻璃质感图片方法,教程制作出来的效果很不错,难度不是很大,推荐过来,一起来学习吧,希望能对大家有所帮助 工具/原料 PS工具 Adobe Photoshop CS5 有图片内容的彩色图片 方…

    2025年3月12日 编程技术
    200
  • PS制作带水墨字画的竹简教程

    本教程是介绍利用ps制作带水墨字画的竹简教程,教程制作出来效果非常地漂亮,难度不是很大,喜欢的朋友可以跟着教程一起来学习吧 竹简相信大家都认识吧,一小块一小块的,见过的都知道,竹简其实都是一样的,我们只需要做出一小块后面的部分全部复制出来排…

    2025年3月12日 编程技术
    200
  • ps快速打造漂亮的无印良品CD机

    本教程是向【创想鸟】的朋友介绍利用ps快速打造漂亮的无印良品cd机方法,设计出来的风格很不错,方法不是很难,推荐到【创想鸟】,喜欢的朋友一起来看看吧    hoho ^O^ 无印良品大家都非常熟悉吧,代表着日本高品质的品牌,设计风格也非常值…

    2025年3月12日 编程技术
    200
  • PS制作个性文字人物图像教程

    这篇教程是向【创想鸟】的朋友介绍利用ps制作个性文字人物图像方法,教程制作出来的效果真的很有个性,难度不是很大,推荐到【创想鸟】,喜欢的朋友可以跟着教程一起来学习,希望能对大家有所帮助 !   原图素材   1、打开要处理的素材(这里以吴彦…

    2025年3月12日 编程技术
    200
  • 教你用PS为文字添加逼真的3D立体倒影

    这篇教程是向【创想鸟】的朋友介绍利用ps为文字添加逼真的3d立体倒影方法,教程制作出来的效果非常棒,而且难度也不是很大,推荐到【创想鸟】,喜欢的朋友可以跟着教程一起来学习吧 为文字添加倒影,不仅显得更真实高大上,而且在辅助渐变填充,就能为文…

    2025年3月12日 编程技术
    200
  • PS制作一个超炫急速行驶的火球

    这篇教程是大家介绍ps制作一个超炫急速行驶的火球方法,教程制作出来的效果真的很炫酷,教程比较简单,推荐到【创想鸟】,喜欢的朋友一起来学习,希望能对大家有所帮助一起来学习吧!  效果图   我只讲一下在黑色背景上做这个效果(上图的背景怎么做就…

    2025年3月12日 编程技术
    200
  • PS制作墙壁上走动的时钟表GIF动画图

    本教程是向脚本之家的朋友介绍利用ps制作墙壁上走动的时钟表gif动画图,教程比较简单,做出来的效果也非常不错,新手可以过来学习制作方法。推荐过来,喜欢的朋友一起来学习吧 这篇教程是向脚本之家的朋友介绍PS制作墙壁上走动的时钟表GIF动画图,…

    2025年3月12日 编程技术
    200

发表回复

登录后才能评论