“好好的无缝长图排版,遇到GIF就有色差怎么办?”

原创 收藏 评论
举报 2024-06-24

 

关于图文里的GIF,我们总是遇到各种问题。

其中出现频率最高的一个问题就是:

本来还挺清晰的GIF,上传公众号后就变模糊了怎么办?
关于这个问题,已经为大家详细解答过了,戳:《如何像苹果图文的GIF一样高清?5种方法教你搞定!》
而最近经常被问到一个问题是:
GIF连接静态图,色差太明显怎么办?
这种情况可能是GIF上传公众号后被压缩导致的,但还有个重要的原因是因为GIF这个格式的图片,容纳支持的颜色数量远远小于JPG、PNG格式图片容纳支持的颜色数量。
基于以上因素,今天为大家介绍3种解决方法。

给GIF加渐变遮罩/形状遮罩

1.gif

*素材来自霸王茶姬《霸王茶姬助力乡村儿童健康成长……》

组件:视频号-图片

编号:10228(组件)

组件:遮罩

编号:10829(组件)


霸王茶姬这篇,引导跳转视频号的GIF前后连接的两张图片都是天青色,品牌在GIF上方覆盖一层上下渐变的PNG图片遮罩后,前后图片连接处便不再突兀。

 2.gif

再看VENCHI这篇:

 3.gif

*素材来自VENCHI源自1878《情人节 | 口口心动,绮妙可言》

组件:视频号-图片

编号:10228(组件)

组件:遮罩

编号:10829(组件)


品牌本来直接将一个形状遮罩与GIF设计制作在了一起,但上传公众号后发现这张带形状遮罩的GIF还是变得有些模糊,且色差明显。
最终通过 iPaiban Pro 的「遮罩」组件以排版的方式为GIF额外加了一层图片遮罩,大大改观前后图片的拼接色差问题。

 4.gif

GIF分层


当一张GIF不涉及任何交互效果,仅作为一张无缝图用于排版中,那么我们可以通过将GIF分层,然后排版叠加的方式消除色差。

 5.gif

*素材来自喜茶《终于,阿喜冰箱贴被文旅局“盯”上了????》

组件:双层图片

编号:10319(组件)


比如喜茶这篇,开头GIF也是叠加了一层渐变遮罩,只不过因为不涉及任何交互效果,我们可以直接用「双层图片」组件排版实现叠加。

 6.gif

VENCHI这张GIF,则是叠加了三层:

 7.gif

*素材来自VENCHI源自1878《情人节 | 口口心动,绮妙可言》

组件:三层图片

编号:10323(组件)


分别为GIF层、形状遮罩层和文字层:

 8.gif

序列帧动效展示

9.gif

*素材来自路易十三LOUISXIII《天蕴,自然赋予》

组件:自动-序列帧动效(永远,限100张)

编号:10873(组件)


既然GIF容纳支持的颜色天然少于JPG、PNG等静态图,所以我们可以将制作的动效或视频,不再导为GIF,而是导出为一张张连贯的序列帧静态图,再通过 iPaiban Pro 的「序列帧」相关组件排版合成动效。



这样既能保证清晰度,也能改善拼接图片之间的色差。不懂什么是序列帧的戳这里:《“昨天苹果图文中的GIF,咋这么高清啊?”》
需要注意的是,目前公众号限制每篇文章最多插入300张图片了,大家在导出序列帧时图片数量不要超限。

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)