效果如下：

「三层图片(第二层自定义大小及位置)」组件就是在双层的基础上可以再叠加一层与底层尺寸相同的图片，比如下面三张图片。

叠加后给人一种层次感：

如果让你叠加拼合你会怎么做？用 Ps、Ae 还是其他什么专业设计软件，都会非常麻烦，而用 iPaiban Pro 的组件超简单，以三层的为例，一起看下教程。

工具：iPaiban Pro黑科技编辑器，网址：x.iPaiban.com

组件：三层图片(第二层自定义大小及位置)

编号：10777（组件）

登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「无缝图」分类中找到「三层图片(第二层自定义大小及位置)」组件，或者直接在搜索框中搜索组件编号10777，点击选择。

点击右侧3个「换图」按钮分别上传准备好的底层图、中层图和顶层图，其中底层图和顶层图尺寸需一致，顶层图为透明底。

双击编辑区的图片，弹出弹窗。弹窗中红色色块代表中层图，调整中层图大小和位置我们只需拖动红色色块到底层图的指定区域即可。

点击右侧「预览草稿」可随时预览效果，效果满意后继续点击「导入微信后台」就能开始导到公众号了。

导入时使用 iPaiban Pro 小助手更方便哦，最新v2.0版本的小助手还支持一键打包下载图文图片素材，非常方便，安装教程戳：《iPaiban Pro小助手v2.0来啦！》

现在新用户注册登录iPaiban Pro 黑科技编辑器，在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。

认准编辑器网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始创作SVG交互排版（又称公众号交互图文、互动图文、黑科技排版、互动式排版）返回搜狐，查看更多