表情包排版，就用它！
越来越多的品牌，开始推出自己的专属表情包了。
品牌们如何在图文中如何能够方便的向用户展示自己的表情包呢？
这就要用到特别的排版了。
今天给大家推荐3种既能展示又能保存表情包的排版效果。
第1种，多触发区点击弹出图片效果。
将动态表情包隐藏在一张图片里面，用户点击某个位置即可弹出对应的表情包：
*素材来自奈雪的茶《Quokka陪你喝米布丁珍珠大红袍奶茶，暖暖的 ᵔᴥᵔ 可爱鼠了！》
组件：点击弹出-弹出图片(设置多个触发区)
编号：10100（组件）
第2种，多列布局嵌套点击弹出图片效果。
同样是将动态表情包隐藏在图片之下，使用多列布局组合嵌套点击弹出图片的效果优势是，表面的图片也方便制作成动态的：
*素材来自来自瑰丽酒店RosewoodHotels《玉兔跃年, 跃迎花开》
组合：二列布局
编号：10144（组件）
组件：点击弹出-弹出图片
编号：10068（组件）
第3种，多触发区的多层图片。
即在一张背景图上方任意位置，直接摆放表情包，摆放的表情包也可点击弹出保存，点击试试：
*素材来自夏日纷西打酒《人在职场，有些话只能喵来说????》
组件：多层图片(设置区域)
编号：11158（组件）
使用「多层图片」与前面两个效果相比，优势是让读者保存的表情就是直接展示给读者的表情，所见即所存。前面两个效果保存的表情包都是隐藏在图片下面的。
i排版也在陆续上线西游系列表情包啦，唐三藏系列大家可以点击保存或者直接扫码用起来了：
今天咱们以夏日纷西打酒的效果为例，一起看下「多层图片」展示表情包的排版教程吧。
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com
组件：多层图片(设置区域)
编号：11158（组件）
第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，找到「多层图片(设置区域)」组件，或者直接搜索组件编号11158，点击选择。
第2步：上传背景图
点击右侧「换图」按钮上传背景图。
第3步：上传前景图
点击「+」号依次上传图片，如上传错误，可拖拽调整顺序。
第4步：设置图片保存
设置图片保存为「支持」，方便读者点击保存图片。
第5步：调整前景图摆放位置
在编辑器区双击上传的背景图，即可拖拽设置前景图的摆放位置。设置完成后点击「保存设置并退出」按钮。
第6步：导入公众号后台
点击最右侧「预览草稿」，效果满意后接着点击「同步至微信后台」就可以了。
使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器所有组件/组合现已全部支持免费试用了。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）