/图/片可/以/斜/着/滚/动/了/
今天给大家说下关于 iPaiban Pro 黑科技编辑器更新的两件事。
一件是模板的更新，上新了新组件。
之前编辑器有一个可以自动平移滚动的交互效果，我们可以选择向左（编号：10888）、向右（编号：10889）、向上（编号：10891）或向下（编号：10890）滚动，大家在「组件」-「自动」-「平移」分类中可以找到。
但4个方向的滚动效果没想到仍不能满足大家的需求，于是我们刚刚上线了可以斜向滚动的交互效果，倾斜角度可以任意调整。
并且为了更好的视觉效果，斜向滚动是一屏显示两张轮播图的，看看Demo：
倾斜【25度】：
另一件是功能的更新，增加了「最近更新」模块。
之前每次上线新组件/组合时大家可能都不知道，现在在「最近更新」中可以看到60天内上线的所有组件/组合了。
当然，有不错的新效果上线时还是会给大家在推文中及时推荐的，就比如今天的斜向滚动效果，这个效果在制作素材时也有一些特殊性，大家一起看下详细使用教程吧。
工具：iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com
组件：自动-斜向滚动(一屏显示两图)
编号：11153（组件）第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器右侧「组件」按钮，在「自动」-「平移」分类中找到「自动-斜向滚动(一屏显示两图)」组件，点击选择。或者直接在搜索框中搜索组件编号11153。
第2步：上传图片素材
图片素材制作时需要注意一下尺寸。我们先确定轮播图的尺寸，所有轮播图尺寸保持一致。
背景图尺寸由轮播图决定：宽度为单张轮播图宽度的2倍，高度为单张轮播图高度+单张轮播图宽度*3tanθ。这里θ为我们要设置的倾斜角度。
这个是最佳尺寸，大家可以根据需要自由调整，不用强求。大家也不必理解公式的意义，只需知道这样可以让效果完美呈现就可以了。比如如果轮播图的宽为500px，高为300px，设置倾斜角度45度，那么背景图的宽度应为500*2=1000px，高度应为300+500*3*tan45°=1800px。
图片制作好后，点击右侧「换图」按钮上传背景图，点击「+」号上传所有轮播图。
第3步：调整滚动效果
滚动效果由「每张图片切换时间」和「倾斜角度」两部分组成，大家可根据需要自由设置。
第4步：导入公众号后台
点击页面最右侧「预览草稿」可随时预览效果，效果满意后点击「导入微信后台」就能开始导到公众号了。
导入时使用 iPaiban Pro 小助手更方便哦，最新版本的小助手已经支持局部导入，安装教程戳：《安装教程》，使用教程戳：《使用教程》。
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）哦。
一个互动
你还想要什么交互效果？
留言区聊聊
● SVG 黑科技交互排版????????
点个“在看”
戳沙小僧（playhudong033）
领取交互图文案例库15天会员
（含数千品牌的13000+案例）
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）