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

小黄人科技

发布于:2025-12-17

摘要:

 






今天这个效果有点酷。


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


 




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

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

编号:11706(组件)

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


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


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


 



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

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

编号:11711(组件)

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


 



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

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

编号:11711(组件)

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


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


详细教程:


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

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

编号:11706(组件)


第1步:选择组件


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



第2步:上传图片素材


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



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



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


第3步:调整效果参数


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



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



第4步:导入公众号后台


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



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



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


如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。




制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com,复制网址在 PC 端谷歌浏览器打开,即可注册,编辑器所有组件/组合现已全部支持免费试用了。

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

图片

● SVG交互排版👇🏻

 





iPaiban 团队可提供运营服务、视频制作、GEO、创意策划、多种风格设计、SVG交互开发等服务,如需定制,请添加玉兔微信(ID:playhudong15)沟通咨询。

 


图片

图片

                            
图片