拍一拍+新年签,这个元旦要「爆赞」了!

品牌时光机

发布于:2025-12-31

摘要:

图片

 




元旦新年将近,新年肯定少不了超经典的新年签SVG交互效果啊!

常见的新年签效果主要分为3类:点击轮播点击停止自动轮播点击停止长按轮播松手停止

后面,为了满足大家抽签后可以保存图片的需求,又上线了3种支持保存图片的新年签效果,体验这3种效果戳:想要可保存图片的新年签效果?我教你啊!

今天,要给大家介绍的是拍一拍+可保存新年签的效果,感受一下:

 

图片                                                    
图片                                                    
图片                                                    
图片                                                    
图片                                                    
图片                                                    


*素材来自智族Lab今天不说“新年快乐”

组合:拍一拍切换组合

编号:12130(组和)

组件:新年签&祈福签-自动轮播,点击停止(可保存,可弹出)

编号:11831(组件)

其中拍一拍可以利用微信文章中快速双击给文章点赞的新功能,实现「骗」赞,从而大大提高文章点赞率

而拍一拍切换后的效果,支持大家任意更换嵌套需要的效果组件。本文使用的是自动轮播,点击停止(可保存,可弹出)组件(编号:11831)。


下面一起看下如何制作的吧:



详细教程:

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

组合:拍一拍切换组合

编号:12130(组合)

组件:自动轮播,点击停止(可保存,可弹出)

编号:11831(组件)


第1步:选择组合


登录 iPaiban Pro 黑科技编辑器后,点击编辑器左侧「组合」按钮,在「点击切换」分类中找到拍一拍切换组合」,或者在组合中直接搜索编号12130,点击选择。


图片


第2步:上传图片素材


点击「点击此处配置」,进入组合编辑页面。


图片


在组合编辑模式中,我们需要设置点击前点击后的内容。点击前只需上传一张封面图片,点击后可自定义嵌套需要的交互组件,一般嵌套一个组件即可,如需嵌套多个组件可点击「添加组件位」。

图片


点击后的图片尺寸要与点击前的图片尺寸保持一致,嵌套多个组件的话,图片尺寸之和与点击前的图片尺保持一致。


第3步:设置点击前和点击后的内容


点击点击前区域,在页面右侧上传准备好的封面图片。


图片


左侧选择需要的组件,如图拖动组件至点击后区域组件位中,接着编辑组件上传素材即可。本文示例使用的组件是新年签&祈福签-自动轮播,点击停止(可保存,可弹出)编号:11831)。


图片


第4步:设置图片切换参数


点击页面空白处会,在右侧会看到切换相关的设置。


其中「切换时长」是拍一拍双击封面图片后,图片消失的动画时长,可根据自己的需求任意设置。如想实现瞬间切换的效果,设置为0.1s。


内容是否可滑动」在嵌套滑动相关组件时建议选择「禁用滑动」。


点击前的图是否置顶」在嵌套点击相关组件时建议选择「置顶」,以防止穿透触发。本文示例中就需要选择「置顶」。


图片


第5步:导入公众号后台


点击左上角「保存并退出」,在编辑器主页右侧点击「预览草稿」进行预览。


图片


如果预览发现,该效果图片左右两端和其他组件的图片没有对齐,点击打开「全局宽度」即可解决。


图片


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


图片


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


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




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

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