“好好的无缝长图排版,遇到GIF就有色差怎么办?”
关于图文里的GIF,我们总是遇到各种问题。
其中出现频率最高的一个问题就是:
「本来还挺清晰的GIF,上传公众号后就变模糊了怎么办?」
关于这个问题,已经为大家详细解答过了,戳:《如何像苹果图文的GIF一样高清?5种方法教你搞定!》
而最近经常被问到一个问题是:
「GIF连接静态图,色差太明显怎么办?」
这种情况可能是GIF上传公众号后被压缩导致的,但还有个重要的原因是因为GIF这个格式的图片,容纳支持的颜色数量远远小于JPG、PNG格式图片容纳支持的颜色数量。
基于以上因素,今天为大家介绍3种解决方法。
一
给GIF加渐变遮罩/形状遮罩
*素材来自霸王茶姬《霸王茶姬助力乡村儿童健康成长……》
组件:视频号-图片
编号:10228(组件)
组件:遮罩
编号:10829(组件)
霸王茶姬这篇,引导跳转视频号的GIF前后连接的两张图片都是天青色,品牌在GIF上方覆盖一层上下渐变的PNG图片遮罩后,前后图片连接处便不再突兀。
再看VENCHI这篇:
*素材来自VENCHI源自1878《情人节 | 口口心动,绮妙可言》
组件:视频号-图片
编号:10228(组件)
组件:遮罩
编号:10829(组件)
品牌本来直接将一个形状遮罩与GIF设计制作在了一起,但上传公众号后发现这张带形状遮罩的GIF还是变得有些模糊,且色差明显。
最终通过 iPaiban Pro 的「遮罩」组件以排版的方式为GIF额外加了一层图片遮罩,大大改观前后图片的拼接色差问题。
二
GIF分层
当一张GIF不涉及任何交互效果,仅作为一张无缝图用于排版中,那么我们可以通过将GIF分层,然后排版叠加的方式消除色差。
*素材来自喜茶《终于,阿喜冰箱贴被文旅局“盯”上了????》
组件:双层图片
编号:10319(组件)
比如喜茶这篇,开头GIF也是叠加了一层渐变遮罩,只不过因为不涉及任何交互效果,我们可以直接用「双层图片」组件排版实现叠加。
VENCHI这张GIF,则是叠加了三层:
*素材来自VENCHI源自1878《情人节 | 口口心动,绮妙可言》
组件:三层图片
编号:10323(组件)
分别为GIF层、形状遮罩层和文字层:
三
序列帧动效展示
*素材来自路易十三LOUISXIII《天蕴,自然赋予》
组件:自动-序列帧动效(永远,限100张)
编号:10873(组件)
既然GIF容纳支持的颜色天然少于JPG、PNG等静态图,所以我们可以将制作的动效或视频,不再导为GIF,而是导出为一张张连贯的序列帧静态图,再通过 iPaiban Pro 的「序列帧」相关组件排版合成动效。
这样既能保证清晰度,也能改善拼接图片之间的色差。不懂什么是序列帧的戳这里:《“昨天苹果图文中的GIF,咋这么高清啊?”》
需要注意的是,目前公众号限制每篇文章最多插入300张图片了,大家在导出序列帧时图片数量不要超限。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)