做GQ《紅了！》的自動層層展開效果，不會代碼能不能做？

自動展開的效果有兩種，一種是自動層層展開，比如GQ《紅了！》、百度《藍了！》；一種是自動平滑展開，比如新聞聯(lián)播《那一抹白！》、坦克SUV的《什么是越野？》。

后者的教程（組合：自動展開，編號：10863）已經(jīng)有了，現(xiàn)在自動層層展開用 iPaiban Pro 也能制作了。

自動層層展開效果在技術上并不是太難，只是因為素材較多導致展開數(shù)量多，對程序員來說這項技術活一下子就成了體力活。

而使用 iPaiban Pro 黑科技編輯器制作，得益于其批量上傳調(diào)整圖片的功能，可以說大大解放我們的雙手了。

當然編輯器的不足之處就是所有圖片停留和展開的時間只能統(tǒng)一調(diào)整，少了些人工的細致，大家可以根據(jù)自己的需求選擇使用。

在GQ《紅了！》和百度《藍了！》的展開之中，還包含了一些文字動效，這些動效也是代碼實現(xiàn)的，用編輯器暫時無法實現(xiàn)，替代方案是做成動圖。

以還原百度《藍了！》圖文為例，感受一下 iPaiban Pro 的高效率制作流程。

詳細教程：

工具：iPaiban Pro黑科技編輯器，網(wǎng)址：x.iPaiban.com

組件：自動層層展開

編號：11273（組件）

第1步：選擇組件

登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，直接搜索組件名稱或編號11273，點擊選擇。

第2步：上傳圖片素材

我們不需要調(diào)整展開高度，每一張圖片系統(tǒng)會自動識別展開一次，展開高度由圖片高度決定。

點擊右側「+」號可批量上傳準備好的圖片素材。

如果發(fā)現(xiàn)圖片順序錯誤，可上下拖動圖片進行調(diào)整。

第3步：調(diào)整展開效果參數(shù)

在上傳圖片下方，提供有「每張停留時間」和「動畫時間」的設置，「動畫時間」為每張圖片的展開時間，拖動滑桿即可調(diào)整。

第4步：導入公眾號后臺

點擊頁面最右側「預覽草稿」可隨時預覽效果，效果滿意后接著點擊「同步至微信后臺」同步到自己的公眾號就可以了。