上移后展开，特仑苏这个排版真帅！
打开图文，点击上移后的切换效果，不知道大家用过吗？
这次来讲一讲它的升级版——点击上移切换组合。
我们看下特仑苏的这个案例，点击试试：
*素材来自特仑苏《和法国顶奢摄影艺术家一起，看见沙漠之花》
组合：点击上移切换组合
编号：11788（组合）
组件：视频号-图片(设置触发区域)
编号：10575（组件）
可能有小伙伴想到了之前介绍给大家的一个「点击向上拖拽切换」组合（编号：11923）效果：
*素材来自劳斯莱斯汽车《天地由心，安之如愿》
组合：点击-向上拖拽切换组合
编号：11923（组合）
组件：点击-GIF过渡切换
编号：11553（组件）
其实并不一样，它比点击向上拖拽切换组合在使用时更灵活。点击向上拖拽切换组合需要拖拽前后的内容画面尺寸需保持一致，而点击上移切换组合无需一致，当上移后的内容长于上移前的画面时，上移后图文会自动展开显示全部内容。
会展开？那不就是「点击上移切换图片+展开」组合（编号：11028）。
其实也不是，它比「点击上移切换图片+展开」组合更有优势，因为它在点击上移后的首屏支持嵌套交互效果，而「点击上移切换图片+展开」组合，上移后的内容只能是纯图片。
在 iPaiban Pro 黑科技编辑器中，除了「点击上移切换组合」组合（编号：11788），还有下移、左移、右移3个方向的效果，在组合中搜索对应编号即可看到。
既然它这么厉害，下面以开头特仑苏的案例为例，一起看下制作教程吧。
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com
组合：点击上移切换组合
编号：11788（组合）
第1步：选择组合
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组合」按钮，在「点击」分类中找到「点击上移切换组合」组合，或者直接搜索组合编号11788，点击选择。
第2步：进入组合编辑模式
点击「编辑组合」，进入组合编辑模式。
在组合编辑模式中，分为上移前和上移后两块设置区域。
第3步：上传「上移前」图片
点击右侧「换图」按钮分别上传点击前和上移首屏内容图。注意这两张图的尺寸需一致。
上移首屏内容图，即点击上移后想要显示的首屏内容画面，它和右侧「上移后」的开头画面保持一致。
第4步：设置「上移后」内容
「上移后」的内容支持嵌套各种组件，需要什么效果就在左侧「组件」分类中找到相应的组件拖动到组件位中，然后上传需要的素材即可。
添加组件位-拖动组件到组件位中-上传图片，每需要一个样式就按照这3步操作。
这里我们拖动一个「无缝图」组件到组件位中，并上传图片。如下所示：
第5步：调整效果参数
点击右侧红色小三角，可设置「上移时长」和「展开时长」。
展开高度一般无需调整，但当大家在手机上预览时，如果发现展开后有多余的空白或者没有展现出全部内容，这时候可以通过「加减展开高度」使其恰好展开。
第6步：导入公众号后台
内容编辑完毕后，点击左上角「保存并退出」回到编辑器主页面。
继续点击最右侧「预览草稿」，效果满意后接着点击「同步至微信后台」就可以了。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）