读者在阅读著述的经由中开云体育(中国)官方网站，险些三年五载皆能感受到参与其中。
这么的排版除了一语气全文的SVG轨迹转移，还有一直以来特别受迎接的全文上滑后果。
之前给各人讲过三层穿透式上滑（教程），今天再来给各人先容一个边滑边上色后果，寰宇东谈主巨额在用。
让咱们赏玩一下：
*素材来自寰宇东谈主大《交互漫画｜全经由东谈主民民主的新时期答卷》
组件：双层滑动-出路上滑(复旧多张)
编号：10203（组件）
在交互上，它只需两层图片即可，选拔的是双层出路上滑，布景层静止不动；它的要点在于策动，一是布景层的情绪策动，二是出路层每张图片的镂空策动。
布景层情绪为分段式，上头部分为思要上色的情绪，底下部分为出路层的主色；出路层需要上色的位置制行为镂空的：
张开剩余76%再来看一个后果更显着的案例，来自嘉里书册：
*素材来自嘉里书册 The Lightbox《新品丨重磅升级！level+++++++1！》
组件：双层滑动-出路上滑(复旧多张)
编号：10203（组件）
它的布景层和出路层结构如下：
若是各人还不解白，不错在 「i排版裁剪器」公众号后台对话框讲演关节词「上色」得到以上两个案例的全部素材仔细稽查。
底下以第2个嘉里书册的后果为例，沿路看下怎样排版吧。
扎眼教程：
器用：iPaiban Pro 黑科技裁剪器，网址：SVG.iPaiban.com
组件：双层滑动-出路上滑(复旧多张)
编号：10203（组件）
第1步：取舍组件
登录 iPaiban Pro 裁剪器后，点击裁剪器左侧「组件」按钮，在「滑动」-「双层出路」分类中找到「双层滑动-出路上滑(复旧多张)」组件，大约平直搜索组件编号10203，点击取舍。
第2步：上传图片素材
点击右侧「换图」按钮上传一张布景图。布景图尺寸与第一张出路图尺寸或比例一致。
点击右侧「+」号批量上传出路图。滑动限制由第一张出路图决定。通盘图片的宽度保合手一致。
出路图划定上传缺陷可平直拖动调度。
第3步：导入公众号后台
点击最右侧「预览草稿」随时预览后果，后果惬意后接着点击「同步至微信后台」就不错了。
使用同步功能无需常常在裁剪器和微信后台切换开云体育(中国)官方网站，同步成效后不错立即扫描二维码稽查。
发布于：山东省