消除过去一年的不愉快吧！
之前教大家点击作画的效果，有的小伙伴还想在图文里玩更多的游戏，比如说消消乐。
今天咱们就来看一个不起眼但很好玩的组件「点击-消除图片」（编号：10238），点击图片，图片淡出消失，不再占据空间，文章整体收缩。
我们可以用它来实现消除标签、消除难题、消除套路等玩法，新年将至，还可以用作消除过去一年不愉快的创意。
如果结合「多列布局」组合进行制作，效果更佳。接下来一起看看案例里是怎么用的吧。
点击消除标签：
*素材来自每日每加《今天，我们选择撕掉这些标签》
组件：点击-消除图片
编号：10238（组件）
组件：零高图片
编号：10224（组件）
组合：三列布局
编号：10150（组合）
组合：二列布局 ｜ 两列布局
编号：10144（组合）
也有加上减号设计做成气泡的：
*素材来自可丽金《可丽金 x 美丽修行 | 真测真实力》
组件：点击-消除图片
编号：10238（组件）
组件：零高图片
编号：10224（组件）
组合：三列布局
编号：10150（组合）
组合：二列布局 ｜ 两列布局
编号：10144（组合）
还有套路消消机：
*素材来自一汽奔腾《准备好了吗？这次618，有点意思！》
组件：点击-消除图片
编号：10238（组件）
组件：零高图片
编号：10224（组件）
组合：三列布局
编号：10150（组合）
相信大家还能制作出更多的创意效果，下面以示例2为例，一起看下组件的使用方法吧。
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com
组件：点击-消除图片
编号：10238（组件）
组件：零高图片
编号：10224（组件）
组合：三列布局
编号：10150（组合）
组合：二列布局 ｜ 两列布局
编号：10144（组合）
第1步：设置背景
为了使每一行多列布局的点击消除图片，在未完全消除时不漏白，我们需要给整体的点击消除效果加一个背景。
零高图片，顾名思义，在排版中显示的高度为零，可以用作做后边组件/组合的背景。
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「背景设置」分类中找到「零高图片」组件，或者直接在搜索框中搜索组件编号10224。
点击右侧「换图」按钮上传一张背景图。尺寸和整体点击消除效果的图片尺寸一致。
第2步：选择组合
点击编辑器左侧「组合」按钮，在「多列布局」分类中找到「三列布局」组合，或者直接在搜索框中搜索组合编号10150，点击选择。
同理，点击选择「二列布局」组合。
第3步：拖拽「点击-消除图片」组件到组件位中
点击「编辑组合」，进入组合编辑模式。
点击编辑器左侧「组件」按钮，在「点击」分类中找到「点击-消除图片」组件，或者直接在搜索框中搜索组件编号10238，我们分别拖拽组件到组件位中。
第4步：上传图片素材
组件拖拽完毕后，点击右侧「换图」按钮上传图片素材。一行中每个宫格的图片尺寸要一致。
第5步：调整动画参数
拖动右侧底部动画时间的滑杆调整图片切换的时间。
点击最右侧「预览草稿」可随时预览效果。
第6步：导入公众号后台
所有参数调整完毕后退出组合编辑模式，点击「预览草稿」预览效果。效果满意后点击「同步至微信后台」同步到自己的公众号就可以了
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）