（提示：点击闪烁的小星星）

怎么样？是不是感觉耍了SVG版羊了个羊心情瞬间舒畅多了呢？回归正题，其实三儿今天是想从这款火爆全网的消除类游戏，教大家一种新的SVG效果：多次点击换图（ID：11），咱们作为新媒体er要善于从这些热点话题中总结经验，为自己所用。就比如从羊了个羊这款小游戏中学习SVG效果一样。接下来三儿准备了两个案例，一起来看看这种SVG效果还可以玩出什么新的花样。

效果ID：多次点击换图—自定义触发（gif图）【11】

使用讲解：这个效果我们可以做成输入密码的形式，通过点击对应数字来解锁新内容，此效果无论是从新颖角度还是实用性来看都是极好的，像商场活动、新品发布、特定的节日等涉及到与数字相关的情况时，小编们都可以考虑此效果来呈现你们的内容哦~

效果ID：多次点击换图—自定义触发（gif图）【11】

使用讲解：此效果除了做成输入密码的形式以外，还可以做成填入文字的形式，可发挥的空间极大。大家在做文章时，如果其中涉及到新品介绍、节日节气海报中有文字展示（诗句、俗语、祝福语）、活动宣传的情况时，不妨尝试做成填入文字的换图效果，推文的神秘感和高级感这不就来了吗，通过此效果既能形成与用户的良性互动，又可以将自己的产品或者内容很好地植入其中。

以上三儿做的这三个多次点击换图效果，其实做法万变不离其宗，最主要的是思考呈现效果和作图会稍微有点点难度，不过大家可以先试着模仿，再自己创新，慢慢地熟能生巧。三儿就拿其中一个制作好的SVG样式来举例

以上效果图片均来自比格设计官网的海报素材，大家在做效果时也可以去其中寻找适合的素材来进行设计。

比格设计官网：https://bigesj.com

效果图：

从135编辑器左侧点击【SVG编辑器】进入SVG编辑器的官网，或者是SVG编辑器官网：https://www.135editor.com/svgeditor

这是实现多点击换图效果的关键一步，通过设置可触发的区域来控制点击区域。

用鼠标点击红色框的边缘区域来调节触发范围，将热区放在你想要用户点击的位置上。这里设置热区的图片顺序从第一张开始，最后一张图片不用设置。

制作好后就可以预览查看了，预览效果无误后就可以保存了，保存好的作品在【我的作品】中查看，也可以同步效果到微信后台或者是导到135编辑器之中。

以上就是三儿分享的全部内容啦，如果觉得还不错记得点赞+在看哦~你们的鼓励是三儿前进的动力，爱你们~

135编辑器（网站：www.135editor.com）是一款在线图文排版美化工具。平台已有超过15万+样式素材、3000+款模板素材、200+款svg互动效果素材，更有秒刷、一键排版、多公众号管理、云端草稿等46项在线功能。

为了更好地服务企业用户，135编辑器目前面向企业会员同时开放135编辑器会员、比格图片设计企业会员、svg编辑器会员三大权益。更专业的功能和服务，让企业会员享受最佳的会员体验。