抽抽抽抽抽抽抽抽抽抽抽抽卡牌

原创 收藏 评论
举报 2025-09-01

来来来,玩个抽牌:

1.gif

*素材来自Boucheron宝诗龙《藏不住了????》


宝诗龙这种抽取卡牌的效果怎么做?


今天就给大家奉上详细教程。


在前几天 iPaiban Pro 8月会员日的推文《浪浪山小妖怪吐槽大会》.svg也用到了这种效果:

2.gif

*素材来自小黄人科技《浪浪山小妖怪吐槽大会》.svg

组件:点击-互斥抽取卡牌(四图)

编号:12119(组件)

其实用 iPaiban Pro 黑科技编辑器(SVG.iPaiban.com)就能实现,抽取的卡牌数还可以是五图或六图。


图片


下面以上方四图的效果为例,一起看下排版教程吧。



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

组件:点击-互斥抽取卡牌(四图)

编号:12119(组件)


第1步:选择组件


登录 iPaiban Pro 黑科技编辑器后,点击编辑器左侧「组件」按钮,在「点击」分类中找到「点击-互斥抽取卡牌(四图)」组件,或者直接搜索组件编号12119,点击选择。



第2步:上传图片


点击右侧两个「换图」按钮分别上传背景和前景图。两张图片尺寸一致,宽度不要超过1080px。


点击「+」号上传4张卡牌图,所有卡牌图尺寸需保持一致。


注意,背景和前景图的宽高都需大于卡牌图。卡牌图的尺寸,就是在背景图上显示的范围大小。



第3步:设置动画参数


在右侧对应位置,依次输入动画时间、卡牌初始位置下移调整、卡牌抽取后停留位置调整。


动画时长代表换图的时间;「卡牌初始位置下移调整」只能输入正数,数字越大,卡牌越往下;「卡牌抽取后停留位置调整」可输入负数和正数,负数是向上,正数是向下。



点击最右侧「预览草稿」,可随时扫码预览效果,根据预览效果即时进行参数调整。


图片


第4步:导入公众号后台


扫码预览效果满意后,接着点击「同步至微信后台」就可以了。


图片


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



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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)