抽抽抽抽抽抽抽抽抽抽抽抽卡牌
来来来，玩个抽牌：
*素材来自Boucheron宝诗龙《藏不住了🧧》
宝诗龙这种抽取卡牌的效果怎么做？
今天就给大家奉上详细教程。
在前几天 iPaiban Pro 8月会员日的推文《浪浪山小妖怪吐槽大会》.svg也用到了这种效果：
*素材来自小黄人科技《浪浪山小妖怪吐槽大会》.svg
组件：点击-互斥抽取卡牌(四图)
编号：12119（组件）
其实用 iPaiban Pro 黑科技编辑器（SVG.iPaiban.com）就能实现，抽取的卡牌数还可以是五图或六图。
下面以上方四图的效果为例，一起看下排版教程吧。
工具：iPaiban Pro黑科技编辑器，网址：SVG.iPaiban.com
组件：点击-互斥抽取卡牌(四图)
编号：12119（组件）
第1步：选择组件
登录 iPaiban Pro 黑科技编辑器后，点击编辑器左侧「组件」按钮，在「点击」分类中找到「点击-互斥抽取卡牌(四图)」组件，或者直接搜索组件编号12119，点击选择。
第2步：上传图片
点击右侧两个「换图」按钮分别上传背景和前景图。两张图片尺寸一致，宽度不要超过1080px。
点击「+」号上传4张卡牌图，所有卡牌图尺寸需保持一致。
注意，背景和前景图的宽高都需大于卡牌图。卡牌图的尺寸，就是在背景图上显示的范围大小。
第3步：设置动画参数
在右侧对应位置，依次输入动画时间、卡牌初始位置下移调整、卡牌抽取后停留位置调整。
点击最右侧「预览草稿」，可随时扫码预览效果，根据预览效果即时进行参数调整。
第4步：导入公众号后台
扫码预览效果满意后，接着点击「同步至微信后台」就可以了。
使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。
品牌时光机 发布于：2026-11-13 发布于：2026-10-20 发布于：2026-10-15 发布于：2026-10-14 发布于：2026-10-13 发布于：2026-09-24 发布于：2026-09-21 发布于：2026-09-14 发布于：2026-09-08 发布于：2026-09-03
交互效果
同账号文章
想在推文里下一场雪？这4种SVG排版方式直接抄
让读者亲手点掉Bug！这个1024程序员节排版有点意思
走心但「不烧心」！DR这个点击擦除后自动展开怎么做？
《2026年9月品牌SVG交互图文Top10》
分别从左右移入，还能拼成完整图？最高法重阳节排版教程来了
5个切月饼SVG玩法，让你的中秋推文被夸爆！
中秋排版玩转月亮！人民网连续两年都这样玩
高级！迈凯伦同款「数码相机变焦」排版，拆给你看
教师节推文，用SVG排版来一场线上测验！
就像在看3D弧面屏，Levis这种超具空间感的排版怎么做？
