胆小勿入!这个万圣节用SVG闪光灯「抓拍」一只鬼

原创 收藏 评论
举报 2025-10-29

如果你想要一个模拟拍照的SVG排版效果,有一个再合适不过了。


那就是点击闪光灯切换,点击试试:

1.gif

*素材来自vivo范儿《热门景区完美合照手册》

组件:点击-闪光灯切换

编号:10285(组件)

这种效果非常简单高效,就是在常见的点击切换图片的效果上,加了一个闪白动效,模拟拍照时开启闪光灯拍照的情景。


那如果点击后不是闪白,而是闪现其他画面后再切换呢?


这就是要给大家推荐的一个进阶组件「点击-闪光灯切换(带背景)」(编号:10286),点击后想要闪现什么画面,大家可自行上传。


点击下图感受一下:

2.gif

马上万圣节了,当我们在点击切换的过程中加入一个鬼脸画面,节日氛围感就更强了。点击试试:

3.gif

*素材来自马克华菲腕表《万圣节!准备好passion了吗?!》

组件:点击-闪光灯切换(带背景)

编号:10286(组件)

加入一个幽灵小鬼:

4.gif

*素材来自莫斯利安MOMCHILOVTSI《万万没想到,万圣节还有反转?》

组件:点击-闪光灯切换(带背景)

编号:10286(组件)

这个效果适用于任何点击切换图片的创意,只需在中间加入一个合适的闪现画面,就能让排版更贴近主题。


下面一下看着使用教程吧。


详细教程:


工具:iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com组件:点击-闪光灯切换(带背景)编号:10286(组件)
第1步:选择组件
登录 iPaiban Pro 编辑器后,点击编辑器右侧「组件」按钮,在「点击」分类中找到「点击-闪光灯切换(带背景)」组件,或者直接搜索组件编号10286,点击选择。


图片

第2步:上传图片素材
点击右侧「换图」按钮分别背景图、单击前和单击后图片,3张图片尺寸需保持一致。其中背景图就是点击后会闪现的画面。
图片
第3步:调整动画时间
在右侧下方调整动画时间。


图片

点击最右侧「预览草稿」可随时预览效果。
第4步:导入公众号后台
效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。
图片
使用同步功能可以不用频繁在编辑器和微信后台切换,同步成功后可以立即扫描查看。

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)