点击，作画！
同样的一个组件，却能实现很多不同且有意思的玩法，这就是创意的魅力啊。
在文章《？？？？？？？？？》中给大家介绍过一些例子，今天咱们再来看一个平平无奇的组件「点击-切换图片(多触发区)」（编号：11514）。
利用该组件点击不同触发区切换的图片可以叠加的原理，我们可以用它来实现上色作画、找不同等玩法。
点击上色作画：
*素材来自中原银行《多彩生活，就要领“红”包享福“绿”！》
组件：点击-切换图片(多触发区)
编号：11514（组件）
也有将触发区放在下方的：
*素材来自LEXUS雷克萨斯认证二手车《留住秋色》
组件：点击-切换图片(多触发区)
编号：11514（组件）
还有点击找不同：
*素材来自中国政府网《找不同大比拼，哪里变了？》
组件：点击-切换图片(多触发区)
编号：11514（组件）
当然也别忘了它最基本的用法，在一张底图上，点击不同触发区显现对应的背景透明的图片。相比单个触发区的点击切换图片，用它来实现下方效果省去了切图的麻烦。
*素材来自FOTILE方太《方太集成烹饪中心入选……》
组件：点击-切换图片(多触发区)
编号：11514（组件）
相信大家还能制作出更多的创意效果，下面以点击上色作画的效果为例，一起看下组件的使用方法吧。
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com
组件：点击-切换图片(多触发区)
编号：11514（组件）
第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「点击」-「普通切换」分类中找到「点击-切换图片(多触发区)」组件，或者直接搜索组件编号11514，点击选择。
第2步：上传图片素材
点击右侧「换图」按钮上传背景图，点击「+」号上传切换图。所有图片尺寸需保持一致。
注意，为了让切换图在显示时不相互覆盖影响，切换图素材需为PNG格式的背景透明图片，画面内容互不重叠。
第3步：调整触发区域
双击编辑区图片，调出触发区域调整窗口。每个序号图片代表触发区及对应的切换图。
拖拽序号图片到背景图的指定位置，调整完毕后点击「保存设置并退出」。
第4步：调整动画参数
拖动右侧底部动画时间的滑杆调整图片切换的时间。
点击最右侧「预览草稿」可随时预览效果。
第5步：导入公众号后台
效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）