案例教学 | 快来学！让无数情侣直呼惊艳的婚纱照排版案例长什么样！？
昨天直播分享给大家红包交互图文，想学更多知识的同学们可以点击预约下周三直播——除夕案例分享。
今天这篇文字教程，
总结了之前直播的操作要点，
以杭州美人纪婚纱摄影的案例为例：
点此查看原文案例：样片上新 | 即刻探索，夏日心动的秘密
拆解
原文案例使用切换组合+滑动组合，嵌套组件自动切换，展现摄影大片的奇境。
????????切换组合动图演示????????
制作
1、添加组件：全能无缝图（10028），添加图片“1无缝图”；
2、添加组合：点击切换组合（10871），点击进入切换组合配置，添加点击前底图，并调整切换时长为1S；
3、在点击后编辑区拖拽添加组合：左滑组合(自动对齐)（10249），点击进入左滑组合配置，添加至6个组件位，第一个组件位拖拽添加组件：全能无缝图（10028）；
4、第2-6个组件位拖拽添加组件：自动-多图连续切换(无限循环)（10037）；
5、按顺序添加无缝图和自动切换图，图片添加后保存并退出滑动组合、切换组合的编辑区；
6、添加组件：全能无缝图（10028），添加图片“9无缝图”；
7、点击右侧“预览草稿”，可初步预览草稿效果（以导入公众号后台预览效果为准）；
导入公众号后台
8、在iPaiban Pro编辑器后台完成SVG交互图文后，点击右侧“导入微信后台”→点击“复制”；
9、打开微信公众号后台新建图文，点击浏览器右上角iPaiban Pro 小助手图标→点击“导入代码”→粘贴代码→点击“清空导入”；
10、操作成功后，记得添加标题、封面和保存，最后发送到手机预览最终的效果。
下期直播预告
1月12日（周三）直播教学除夕案例????扫码预约学习SVG交互效果????
本文系作者授权数英发表，内容为作者独立观点，不代表数英立场。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表，内容为作者独立观点，不代表数英立场。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本内容为作者独立观点，不代表数英立场。
本文禁止转载，侵权必究。
本文禁止转载，侵权必究。
本文系数英原创，未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）