电影感排版,一个超简单的效果就实现了……
图片自动原地切换,可能是最简单的一种图片自动切换效果了。
就是这种:
*素材来自DanielWellington《新品 | 时光见证,每分每秒》
组件:自动-多图连续切换(无限循环)
编号:11210(组件)
在各种花式图片自动切换效果中,显得极不显眼,所以也没有专门给大家介绍过。
没想到的是,有的效果很酷炫,只是风靡一时,而它却持续不断地一直有小伙伴来问——有没有这种图片自动原地切换的效果啊?
当然有!
扒了扒品牌们的案例后,这才发现原来它看着简单,却被用出了各种创意效果。真的是越简单,越好用。
我们先来看下有哪些创意效果,最后会教大家如何实现。
效果1,最为常见的用法,和前面的案例一样,单纯地展示产品:
*素材来自TNTSPACE《新品丨白蛇一传,梦绕千年,杭州城市限定首发!》
组件:自动-多图连续切换(无限循环)
编号:11210(组件)
效果2,当切换图带有进度条设计,可以提醒读者切换的图片数,就像网页banner一样:
*素材来自FOTILE方太《方太母婴级净水机,开启全场景净水新范式》
组件:自动-多图连续切换(无限循环)
编号:11210(组件)
效果3,切换图加上渐变和文字设计,给人一种高级的电影画面感:
*素材来自华帝《拒绝定义,「净」情绽放》
组件:自动-多图连续切换(无限循环)
编号:11210(组件)
效果4,当画面有了顺序性,就可以展示事物的进程:
*素材来自雅马哈乐器音响《雅马哈钢琴问你咖啡喝伐?》
组件:自动-多图连续切换(无限循环)
编号:11210(组件)
效果5,拼图玩法:
*素材来自极米投影《宅家比旅行还快乐的秘诀 我给你说几个》
组件:自动-多图连续切换(无限循环)
编号:11210(组件)
效果6,实现文字逐行显现:
*素材来自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) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)