万能叠加组合登场！把组件叠起来玩！

原创赞收藏评论

举报 2023-11-23

扫描,分享朋友圈

并不是有什么组件，才能制作什么排版效果。

在 iPaiban Pro 黑科技编辑器中，还有很多特殊的组件/组合，使用它们我们自己也可以创作出独特的交互排版效果，比如「零高图片」组件，可以用作其他效果的万能背景图，「遮罩」组件，可以用作其他效果的万能前景图。

今天要给大家介绍的是「组件效果叠加(两个)」组合，编号11737，是可以把任意两个组件叠起来玩的万能叠加组合。

使用它可以将两个组件上下叠加在一起，听着好像平平无奇，但它的玩法可多着呢！这里向大家列举几种常用的玩法，除此之外的更多玩法交给大家来慢慢发掘。

第1种：自动类组件+媒体类组件
在 iPaiban Pro 编辑器中，自动类组件多种多样，但并不是每个自动类组件都可以添加跳转超链接、小程序、视频号等媒体效果。
此时使用「组件效果叠加(两个)」组合就可以解决这个问题。在上方放置自动类组件，在下方放置媒体类组件，轻松搞定！
「自动-多图连续切换(无限循环)」组件+「小程序-图片(无角标)」组件=点击循环切换的图片跳转小程序效果：

*素材来自MCM中国《节日惊喜，请签收》
点击GIF跳转视频号是一个非常常见的效果（教程），但很多小伙伴觉得上传的GIF不够清晰，于是想到了点击序列帧动效跳转视频号，这时就可以通过「自动-序列帧动效」组件+「视频号-图片」组件来实现：

*素材来自路易十三LOUISXIII《感味自然》
因为这种效果需求较大，编辑器现在上线了可以直接制作点击序列帧动效跳转视频号的组件，大家在编辑器搜索关键词「序列帧视频号」就可以看到。
第2种：触发切换类组件+媒体类组件
和自动类组件一样，在使用触发切换类组件时如果大家还想跳转超链接、小程序、视频号等，通过「组件效果叠加(两个)」组合，上方放置触发切换类组件，下方放置媒体类组件即可。
「长按-切换图片」组件+「超链接-图片」组件=长按切换图片后，点击跳转超链接效果：

*素材来自Nespresso浓遇咖啡《浓遇新生，隽永时分》
「点击-切换GIF动图」组件+「视频号-图片」组件=点击播放GIF后，继续点击跳转视频号效果：

*素材来自捷尼赛思中国《激活劲动本色》
第3种：滑动切换类组件+自动类组件

在 iPaiban Pro 编辑器中，滑动相关组合都只能在滑动模块中嵌套组件，那如果想在静止不动的背景或前景上使用特殊效果怎么办？

比如下方双层前景左滑，品牌方因为对GIF的清晰度要求较高，背景层需要使用序列帧动效，这种通过「组件效果叠加(两个)」组合就可以做到。

上方放「单层滑动-左滑」组件，下方放置「自动-序列帧动效」组件，左滑试试：

*素材来自FRAME OFFICIAL《冬日主场》

第4种：触发切换类组件+触发切换类组件

宝马这个排版，一张图片上3个触发区，其中1个触发区点击切换图片，另外2个触发区点击切换图片后还会自动恢复。

*素材来自宝马中国《深藏Blue》这里主要使用了两个效果，「点击-切换图片(有触发区)」和「点击切换-自动恢复(多触发区)」，找到相应组件，然后使用「组件效果叠加(两个)」组合将两个组件上下放置即可实现。

下面我们以第2种中「捷尼赛思中国」的点击播放GIF后，继续点击跳转视频号效果为例，教大家如何使用「组件效果叠加(两个)」组合。

*素材来自捷尼赛思中国《激活劲动本色》
视频教程：

详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com

组合：组件效果叠加(两个)

编号：11737（组件）

第1步：选择组合
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组合」按钮，在「特殊」分类中找到「组件效果叠加(两个)」组合，或者直接在搜索框中搜索组合编号11737，点击选择。

第2步：进入组合编辑模式
点击「编辑组合」，进入组合编辑模式。

在组合编辑模式中，分为左右两个组件位，每个组件位中可以嵌套一个组件，需要什么效果就在「组件」分类中找到相应的组件拖动到组件位中，然后上传需要的素材即可。如下所示：

第3步：设置上方效果内容
左右两个组件位，左侧组件位用来设置下方效果，右侧组件位用来设置上方效果。注意不要弄反。
示例中的上方效果为点击播放GIF，所以我们需要在「组件」分类中找到「点击-切换GIF动图」组件（编号：10086），然后拖动组件到右侧组件位中。

接着上传组件需要的图片素材。

第4步：设置下方效果内容
示例中的下方效果为点击图片跳转视频号，所以我们需要「组件」分类中找到「视频号-图片」组件（编号：10228），然后拖动组件到左侧组件位中。

接着上传组件需要的图片素材，并输入视频号代码。图片只需上传一张全透明图片即可，尺寸和上方效果的图片尺寸保持一致。

第5步：导入公众号后台

内容编辑完毕后，点击左上角「保存并退出」逐步退出组合编辑模式回到编辑器主页面。

继续点击最右侧「预览草稿」，效果满意后接着点击「同步至微信后台」就可以了。

使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。