电影感排版,一个超简单的效果就实现了……

原创 收藏 评论
举报 2024-08-13



图片自动原地切换,可能是最简单的一种图片自动切换效果了。


就是这种:

1.gif

 *素材来自DanielWellington《新品 | 时光见证,每分每秒》

组件:自动-多图连续切换(无限循环)

编号:11210(组件)


在各种花式图片自动切换效果中,显得极不显眼,所以也没有专门给大家介绍过。


没想到的是,有的效果很酷炫,只是风靡一时,而它却持续不断地一直有小伙伴来问——有没有这种图片自动原地切换的效果啊?


当然有!


扒了扒品牌们的案例后,这才发现原来它看着简单,却被用出了各种创意效果。真的是越简单,越好用。


我们先来看下有哪些创意效果,最后会教大家如何实现。


效果1,最为常见的用法,和前面的案例一样,单纯地展示产品:

2.gif

*素材来自TNTSPACE《新品丨白蛇一传,梦绕千年,杭州城市限定首发!》

组件:自动-多图连续切换(无限循环)

编号:11210(组件)


效果2,当切换图带有进度条设计,可以提醒读者切换的图片数,就像网页banner一样:

3.gif

*素材来自FOTILE方太《方太母婴级净水机,开启全场景净水新范式》

组件:自动-多图连续切换(无限循环)

编号:11210(组件)


效果3,切换图加上渐变和文字设计,给人一种高级的电影画面感

4.gif


*素材来自华帝《拒绝定义,「净」情绽放》

组件:自动-多图连续切换(无限循环)

编号:11210(组件)


效果4,当画面有了顺序性,就可以展示事物的进程:

5.gif


*素材来自雅马哈乐器音响《雅马哈钢琴问你咖啡喝伐?》

组件:自动-多图连续切换(无限循环)

编号:11210(组件)


效果5,拼图玩法:

 6.gif

*素材来自极米投影《宅家比旅行还快乐的秘诀 我给你说几个》

组件:自动-多图连续切换(无限循环)

编号:11210(组件)


效果6,实现文字逐行显现:

7.gif

*素材来自Onitsuka Tiger 鬼塚虎《至臻匠艺:NIPPON MADE系列》

组件:自动-多图连续切换(无限循环)

编号:11210(组件)


以上效果使用 iPaiban Pro 编辑器的一个组件「自动-多图连续切换(无限循环)」(编号:11210)即可实现。


其中效果5如果像原文放在图文开头,可以使用组件「自动-多图连续切换(不循环)」(编号:11209)制作。效果6其实也可以像原文使用专门的组件「自动-逐行显示」(编号:11111)来实现(教程)。


下面以效果1为例,一起看下如何使用编辑器制作图片原地切换吧。



详细教程:


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

组件:自动-多图连续切换(无限循环)

编号:11210(组件)


第1步:选择组件


登录 iPaiban Pro 编辑器后,点击编辑器右侧「组件」按钮,在「自动」-「渐变切换」分类中找到「自动-多图连续切换(无限循环)」组件,或者直接在搜索框中搜索组合编号11210,点击选择。



第2步:上传图片素材


在页面右侧点击「+」号,按顺序批量上传准备好的切换图。所有图片尺寸需保持一致。上传后如果发现顺序不对,还可以上下拖动图片进行调整。




第3步:调整动画参数


根据所需效果,拖拽滑块分别调整「每张图片停留时间」和「每次轮播切换时间」。




点击最右侧「预览草稿」预览效果,根据效果可随时进行调整。


第4步:导入到公众号后台


效果满意后点击「同步至微信后台」就可以了。




使用同步功能无需频繁在编辑器和微信后台切换,同步成功后可以立即扫描二维码查看。



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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)