提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
Dribbble上那些高清的Gif是怎么做到的,今天我们来揭秘!
“
前言:大家在设计当中,不可避免的会遇到导出gif的问题,如何导出高清晰度且小于10Mb的Gif,一直是设计师的难题!!!
很多设计师都在问,如何导出下图这类高清、展示时间又长的Gif。
PS导出Gif
一般情况下,大家会使用PS导出Gif,但是PS导出Gif缺点在于:
1、导出的图像体积非常大,大部分网站限制使用8MB以下的gif图,PS很难保证导出高清的同时得到较小的体积;
2、导出的图像不够清晰,质量不高;
3、无法灵活、简单的调节Gif图的帧速率,色彩模式等;
—————————— / BEGIN / ———————————
今天就为大家解决这个难题,我们给大家推荐三个插件:Gifgun / Gifmagic和PPduck
本文着重介绍 Gifgun(如果gifgun无法使用,可以尝试下载gifMagic来代替);
Gifgun 和 PPduck 搭配使用,几乎可以解决关于gif的一切需求。
下面我们给了一个例子
下图显示分别为PS导出,Gifgun导出和使用PPduck压缩Gifgun的导出图大小
画质对比
GifGun
GifGun 是一款和 After Effects 搭配的插件,提供简单导出参数,能够一键快速得到占用小,质量高的GIF动图。
正版软件地址
希望大家支持正版39$,在知名AE插件平台 aescripts.com 可搜索购买.
破解
腰包紧的伙伴,可以关注海华社Hiwow公众号,获取独家破解版到公众号发送:Gifgun
安装教程(图示为Mac下)
1、下载插件文件,解压,跟进你的系统进行安装
Win的安装GifGun1.6.2.exe
Mac的安装GifGunInstaller1.6.2.pkg
2、安装好之后拷贝替换文件夹里面的gifGun.jsxbin到AE安装目录下的如下位置:
Win:Adobe After Effects CC 2018\Support Files\Scripts\ScriptUI Panels
Mac:应用程序\Adobe After Effects CC 2018\Scripts\ScriptUI Panels
3、打开AE,在顶部菜单位置,进入常规,勾选上允许脚本读写和访问网络。
Win:编辑-首选项-常规
Mac:After Effects CC-首选项-常规
4、在AE的顶部菜单,窗口 下拉的最下面,就可以看到脚本gifGun了。
使用教程:
情况1: 如果大家使用ae创作的可以直接在ae使用gifgun导出;
情况2: 如果使用ae以外的设计软件,请导出全高清视频,用ae打开视频,拖入合成,使用gifgun插件导出(配图如何拖入合成)
1、打开Gifgun插件
2、设置好之后,一键导出
PPduck
PPduck(较少用到、应急之用)
针对使用Gifgun导出之后依旧还非常大的Gif图像,或者小伙伴觉得gifgun的参数调节看不懂的小伙伴。
可以使用PPduck!
根据小编经验来看,PPduck如果无法压缩,那说明这张图在保持高画质下已经压缩到极限了。
软件官网:http://ppduck.com/
下载安装,直接拖入软件窗口自动进行压缩替换
如果这个时候,你还是觉得GIF太大,那么只有使用有损压缩,这里我提供大家一个免费的网站:
Ezgif.com是一款简单的在线GIF制作工具和基本动画GIF编辑工具集。
在这里,您可以创建,调整大小,裁剪,反转,优化和将某些效果应用于gif。也就是你能通过减少帧数,大小等方式继续压缩GIF。
今天,就介绍到这里,更多设计干货与资讯, 尽在海华社Hiwow。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册