“好清凉啊！宝马这篇全是水的图文，怎么做的？”
夏日炎炎，清凉一下！
今天我们来看宝马中国的一篇「被水淹没」的夏日图文：
*素材宝马中国《元气拉满，勿戳》
组件：全局背景
编号：10465（组件）
组件：批量无缝图
编号：10009（组件）
这篇图文，其实就是水波纹背景加上透明底的 PNG 图片排版而成，虽然没有任何交互效果，但全局的动态背景让整篇图文显得元气满满。
整篇图文的结构大概是这样的：
水波纹图片高度远远小于上方的 PNG 图片，但仍能铺满全文，这里我们通过 iPaiban Pro 黑科技编辑器的「全局背景」组件（编号：10465）即可轻松实现。
「全局背景」组件的图片用作后边组件的背景，当图片高度小于后边组件内容的高度时，图片将会自动按需重复铺满后边内容，常用于图文开头。
下面一起看下详细教程吧。
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com
组件：全局背景
编号：10465（组件）
第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「全局设置」分类中找到「全局背景」组件，或者直接在搜索框中搜索组件编号10465，点击选择。
第2步：上传背景图片
点击右侧「换图」按钮上传准备好的背景图片。
背景图片尺寸没有要求，当背景图片高度小于后边组件内容的高度时，图片将会自动按需重复铺满后边内容。所以在设计背景图时，背景图应尽量简单些，尤其是在重复拼接时尽量看不出拼接的感觉。
第3步：排版正文内容
上传好背景图片后，我们按照自己的需求，接着在后面正常选择其他组件或组合排版制作正文内容即可。
宝马这篇正文部分为背景透明的无缝图拼接，只需选择一个「批量无缝图」组件（编号：10009），然后上传图片素材。
第4步：导入公众号后台
点击最右侧「预览草稿」扫码预览效果，效果满意后点击「同步至微信后台」就可以了。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）