啊？原來自動(dòng)輪播這么有高級(jí)感了！
圖片自動(dòng)輪播的排版效果，現(xiàn)在很常見，之前的文章《單層、雙層、差速、回溯……》給大家展示過8種常用的輪播效果。
在常見的輪播效果基礎(chǔ)上，有想法的品牌們，已經(jīng)開始變著法玩了。
今天教大家一個(gè)操作簡(jiǎn)單但很顯高級(jí)的玩法。
我們先來看兩個(gè)效果：
*素材來自SUPOR蘇泊爾《100臺(tái)雙膽電燉盅免費(fèi)送…》
組件：自動(dòng)-輪播Banner
編號(hào)：10207（組件）
組件：遮罩
編號(hào)：10829（組件）
*素材來自Brioni布里奧尼《你的“ICONS”之選》
組件：自動(dòng)-輪播Banner
編號(hào)：10207（組件）
組件：遮罩
編號(hào)：10829（組件）
只是在常見的輪播圖片上加了一張前景圖，排版就有了層次感。
帶有超鏈接或小程序的輪播圖上，加一張引導(dǎo)點(diǎn)擊的固定前景圖，就不用在每張輪播圖上設(shè)計(jì)點(diǎn)擊提示了：
*素材來自lululemon《禮贈(zèng)清單完成度99%》
組件：自動(dòng)-輪播Banner(小程序)
編號(hào)：10210（組件）
組件：遮罩
編號(hào)：10829（組件）
如果追求簡(jiǎn)單，固定前景圖也可以只是一張超鏈接或小程序的角標(biāo)圖片：
*素材來自ZARA《“型”走的城市男孩》
組件：自動(dòng)-圖片差速輪播(向左、小程序)
編號(hào)：11627（組件）
組件：遮罩
編號(hào)：10829（組件）
當(dāng)給輪播圖同時(shí)加上背景圖和前景圖，更是讓人眼前一亮：
*素材來自Bose《雙11壓軸攻略，Bose已為你準(zhǔn)備好！》
組件：自動(dòng)-圖片縮放差速輪播(向左)
編號(hào)：11827（組件）
組件：遮罩
編號(hào)：10829（組件）
*素材來自Bose《雙11壓軸攻略，Bose已為你準(zhǔn)備好！》
組件：自動(dòng)-圖片縮放差速輪播(向左)
編號(hào)：11827（組件）
組件：遮罩
編號(hào)：10829（組件）
Ps：上方縮小進(jìn)入和放大進(jìn)入的兩個(gè)輪播效果為同一個(gè)組件制作，喜歡這個(gè)組件的話，點(diǎn)擊下方小程序卡片參與活動(dòng)可免費(fèi)獲取。
如何給自動(dòng)輪播添加前景圖？其實(shí)只需一個(gè)「遮罩」組件，以最后一個(gè)效果為例，一起看下詳細(xì)的制作教程吧。
詳細(xì)教程：
工具：iPaiban Pro 黑科技編輯器，網(wǎng)址：SVG.iPaiban.com
組件：自動(dòng)-圖片縮放差速輪播(向左)
編號(hào)：11827（組件）
第1步：選擇自動(dòng)輪播組件
登錄 iPaiban Pro 編輯器后，點(diǎn)擊編輯器左側(cè)「組件」按鈕，在「自動(dòng)」-「Banner/輪播」分類中找到「自動(dòng)-圖片縮放差速輪播(向左)」組件，或者直接搜索組件編號(hào)11827，點(diǎn)擊選擇。
第2步：上傳圖片素材
在頁面右側(cè)，點(diǎn)擊「換圖」按鈕上傳背景圖，點(diǎn)擊「+」號(hào)上傳輪播圖。所有圖片尺寸保持一致，寬度不可超過1080像素。
第3步：調(diào)整動(dòng)畫參數(shù)
在上傳圖片的下面，滑動(dòng)滑桿分別調(diào)整輪播圖片尺寸初始倍數(shù)、每張圖片停留時(shí)間和每次輪播切換時(shí)間。
其中當(dāng)輪播圖片尺寸初始倍數(shù)大于1時(shí)，輪播圖片為縮小進(jìn)入；當(dāng)輪播圖片尺寸初始倍數(shù)小于1時(shí)，輪播圖片為放大進(jìn)入。
點(diǎn)擊右側(cè)「預(yù)覽草稿」可隨時(shí)預(yù)覽效果，根據(jù)效果進(jìn)行調(diào)整。
第4步：選擇遮罩組件
在左側(cè)「組件」中搜索組件編號(hào)10829，找到「遮罩」組件，點(diǎn)擊選擇。
接著在右側(cè)點(diǎn)擊「換圖」按鈕上傳一張遮罩圖，尺寸和前面的輪播圖保持一致，此時(shí)這張圖片就會(huì)覆蓋在輪播圖上方，成為輪播圖的前景圖。
第5步：導(dǎo)入公眾號(hào)后臺(tái)
預(yù)覽效果滿意后點(diǎn)擊「同步至微信后臺(tái)」就可以了。
使用同步功能不用頻繁在編輯器和微信后臺(tái)切換，同步成功后可以立即掃描二維碼預(yù)覽在公眾號(hào)的效果。
如需局部導(dǎo)入可參考：《iPaiban Pro小助手安裝和使用教程》
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無評(píng)論哦，快來評(píng)論一下吧！
全部評(píng)論（0條）