GIF太长太大,微信传不上去,压缩了又太模糊,怎么办?
闲话少说,先看GIF:
▲素材来自「BOE招聘」公众号
在《为啥苹果公众号的GIF这么高清?》一文中,老沙说之所以苹果一些大品牌的GIF看起来很高清,很可能是因为使用了序列帧动效,通过一系列连贯的静态图制作出来的。
但有小伙伴提出了反对意见:
「不对啊!有的不是序列帧,就是真的GIF,我下载原文素材看了!」
那今天咱们就讲讲有的看着很长的GIF是怎么做到清晰有流畅的吧。
开头的GIF的看了吧?整体时长10秒左右,而且颜色比较丰富,算得上清晰又流畅。它就不是序列帧动效,但它也不是一张GIF,而是多张GIF串联起来的,这是拆分后的素材:
没错,原理就这么简单。GIF太长,压缩到能上传公众号大小就会变得模糊,那咱就把长GIF拆分长多个短GIF,然后通过 iPaiban Pro 编辑器相关组件串联起来就可以啦。
「自动-串联播放GIF动图」组件(编号:10466)最多可以串联10张GIF,原GIF再长也不怕。但它也有个限制,只适合用在图文开头,因为只能串联播放一次。
另外,本身GIF时长短也可能用得到。比如NIKE图文《领悟你的“快”》开头的动图,它的动效是文字一个一个出现,最后剩下光标不停闪烁。大家点进NIKE原文或在这里刷新下本图文就能看到了。
▲素材来自「NIKE」公众号
这个动效的特殊之处在于只有最后一段是循环播放的,用一张GIF肯定实现不了,那把最后一段拆分出来再用编辑器串联就很合适了。
像这种只串联2、3张GIF的效果用「自动-切换GIF动图」组件(编号:10464)就能实现。
另外编辑器中还有串联GIF与展开结合的效果组合,大家可以在「组合」中搜索关键词或组合编号体验使用:
组合:点击串联GIF动图+展开(设置触发区)
编号:10860(组合)
组合:自动串联GIF动图+展开
编号:11164(组合)
前面提到的两个组件的制作方法都是一样的,以开头的效果为例,我们看下「自动-串联播放GIF动图」组件的详细教程吧。
工具:iPaiban Pro黑科技编辑器,网址:x.iPaiban.com组件:自动-串联播放GIF动图编号:10466(组件)
第1步:选择组件
登录 iPaiban Pro 编辑器后,在「组件」-「自动」分类中找到「自动-串联播放GIF动图」组件,或者直接搜索组件编号10466,点击选择。
第2步:上传图片素材
在页面右侧点击「换图」可依次上传需要串联的图片,最多可以上传10张,不够10张剩下的空着即可。
第3步:调整GIF时长
除最后1张外,每张GIF下都需要调整下GIF时长,这里的GIF是指GIF本身的播放时长。
我们使用Ps打开一张GIF,然后点击菜单栏「窗口」-「时间轴」-「转换为视频时间轴」,按空格键完整播放GIF后,在左下角就能看到该GIF的时长。
编辑器中上传的第一张图片下显示的为「延迟播放时间」,如果图片是静态图的话,大家可根据自己的需要任意设置,一般设为0即可。
第4步:导入公众号后台
点击最右侧「预览草稿」可扫码预览效果,效果满意后继续点击「导入微信后台」就能开始导到公众号了。
导入时使用 iPaiban Pro 小助手更方便哦,最新v2.0版本的小助手还支持一键打包下载图文图片素材,非常方便,安装教程戳:《iPaiban Pro小助手v2.0来啦!》
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)