萬能疊加組合登場！把組件疊起來玩！

原創贊收藏評論

舉報 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步：導入公眾號后臺

內容編輯完畢后，點擊左上角「保存并退出」逐步退出組合編輯模式回到編輯器主頁面。

繼續點擊最右側「預覽草稿」，效果滿意后接著點擊「同步至微信后臺」就可以了。

使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。