GIF播放完,最后的画面不清晰怎么办?

原创 收藏 评论
举报 2023-05-04

给大家出个题目:猜猜下面效果是哪个组件制作的?

 

1.gif

*素材来自法拉利中国《山水之间 万物有「法」》


现在揭晓答案,它就是iPaiban Pro 黑科技编辑器刚上线不久的「点击-GIF过渡切换」组件(编号:11553)。


使用该组件需要三部分素材,一个点击前的图片,一个中间的GIF图,一个是最后停留的图片,分别对应上方效果的按下快门提示图、加载动图和汽车高清图。


别看它简单,但用法可不少:


1.像上面一样恶搞,可以在一些特定的节日比如愚人节、万圣节使用。


2.代替点击单次播放GIF,让最后停留的画面保持高清。

2.gif

*素材来自时尚芭莎《在腕上方寸之间,寻找璀璨一刻》


我们知道GIF的清晰度大多数情况下都无法和一张静态图媲美,比如上方点击单次播放的GIF,所以最后停留的画面如果不是GIF的最后1帧,而是单独的一张静态产品图,可以让图片更加高清有质感。


如果你觉得点击播放完的GIF太模糊,就可以试试这个组件。


之前讲过一些其他关于高清GIF的解答,感兴趣的可以戳:

《GIF太长太大,微信传不上去,压缩了又太模糊,怎么办?》

《图文开头的动图,为什么苹果和大疆的总是那么高清又流畅?》


3.连接单次GIF和循环GIF。

3.gif

*素材来自NIKE《领悟你的“快”》


这个动效的特点是最后的画面光标在不停闪烁,这说明最后的光标闪烁动画和前面的文字一个一个出现的动画是分开的两个GIF


像这种连接单次GIF和循环GIF的情况用「点击-GIF过渡切换」组件也非常合适。


以示例3为例,一起看下使用组件的教程吧:


详细教程:


工具:iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com

组件:点击-GIF过渡切换

编号:11553(组件)


第1步:选择组件


登录 iPaiban Pro 编辑器后,点击编辑器左侧「组件」按钮,在「点击」-「普通切换」分类中找到「点击-GIF过渡切换」组件,或者直接搜索组件编号11553,点击选择。



第2步:上传图片素材


点击右侧三个「换图」按钮,分别上传单击前、过渡GIF和单击后3张图片,3张图片尺寸比例需保持一致。



第3步:设置GIF时间


在输入框内,输入过渡GIF的播放时间。



第4步:导入公众号后台


点击最右侧「预览草稿」微信扫码预览效果,效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。



使用同步功能不用频繁在编辑器和微信后台切换,同步成功后可以立即扫描二维码预览在公众号的效果。


如需局部导入可参考:《iPaiban Pro小助手安装和使用教程》




制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。

新用户在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。

4.gif

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)