微信派这个星球大战式自动轮播,酷啊!

原创 收藏 评论
举报 2025-12-17

今天这个效果有点酷。


我们先耐心等待图片轮播,所有图片轮播完毕后,你会发现,整体消失切换了新的画面:

1.gif

*素材来自微信派已群发:微信公众平台11周年

组件:自动-星球大战3D飞入(背景放大,整体切换)

编号:11706(组件)

影迷们一定看过星球大战,这个效果和里面经典的字幕穿梭效果很像。


如果想要图片一直循环轮播最后不切换也是可以的,甚至你还可以选择设置背景辐射线的样式。


比如这种图片循环轮播,背景辐射线是圆形的:

2.gif

*素材来自微信派已群发:微信公众平台11周年

组件:自动-星球大战3D飞入轮播

编号:11711(组件)

当然也可以不添加背景辐射线,我们可以自由设计背景图的样式,不受辐射线的影响:

3.gif

*素材来自微信派已群发:微信公众平台11周年

组件:自动-星球大战3D飞入轮播

编号:11711(组件)

现在正值年终,这个效果非常适合用作年终总结图文的创意。一年来的重要事件或者人物,如此匆匆闪过,让人感受到时间的流逝。


下面以文章开头的效果为例,一起看下排版教程吧。


详细教程:


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

组件:自动-星球大战3D飞入(背景放大,整体切换)

编号:11706(组件)


第1步:选择组件


登录 iPaiban Pro 编辑器后,点击编辑器左侧「组件」按钮,在「自动」分类中找到「自动-星球大战3D飞入(背景放大,整体切换)」组件,或者直接搜索编号11706,点击选择。


图片


第2步:上传图片素材


点击右侧两个「换图」按钮分别上传背景图和切换图。两张图片尺寸保持一致。


图片


点击「+」号批量上传准备好的轮播图。每张轮播图尺寸需保持一致,不必和背景图尺寸一致。


图片


如果发现图片顺序错误,可上下拖动图片进行调整。


第3步:调整效果参数


在上传图片下方,提供有顶部距离、倾斜角度、视角远近、每张轮播图间距的设置。整体可确定轮播图的倾斜效果。


图片


接着选择背景辐射线,并调整总轮播时间。


图片


第4步:导入公众号后台


点击最右侧「预览草稿」可随时扫码预览效果(扫码预览更接近公众号的预览效果,最终以公众号的预览为准)。


图片


效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。


图片


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



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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)