這4種會放大圖片的自動輪播，超順滑！
自動輪播圖片，是一種展示產品、攝影圖等非常好的效果形式。
今天要給大家推薦編輯器的4種輪播效果，每兩個一組，每組內兩個效果比較接近。但這4種輪播效果也是有共同點的，那就是輪播到哪張，哪張就會變大，誰站C位突出誰嘛。
第一組：3D櫥窗式輪播
兩邊輪播圖片呈3D傾斜狀態，輪播到中間的圖片恢復原狀。
第1種是逐張移動的輪播，輪播到中間的圖片會短暫停留。
組件：3D櫥窗輪播-逐張向左
編號：11234（組件）
第2種是平滑移動的輪播，所有圖片以同一速度移動，這種比較適合展示連貫或具有故事性的圖片。
組件：3D櫥窗輪播-向左
編號：11198（組件）
第二組：放大式輪播
兩邊輪播圖片呈平面縮小狀態，輪播到中間的圖片以原圖大小顯示，給人一種放大的感覺。
第1種是圖片在輪播到中間的過程中就開始放大，輪播到中間時正好完全放大，停留一段時間后邊縮小邊輪播出去，效果比較順滑。
組件：放大式輪播-向左
編號：11235（組件）
第2種是圖片輪播到中間后先短暫停頓，然后放大，停留一段時間后也是先縮小，然后再參與輪播。
組件：停頓放大式輪播-向左
編號：11242（組件）
之前蘋果出過類似的一個效果，它在停頓放大時還會變換圖片，大家有沒有想要同款的？有的話文末視頻號點贊過30，一周內就安排！
3D櫥窗式輪播效果制作起來很簡單，只需上傳多張同尺寸圖片，然后調整下輪播時間就可以了，這里不再給大家贅述詳細教程。
放大式輪播上傳的也是多張同尺寸圖片，但設計素材時需要有所注意，并且該效果最好是配合「零高圖片」使用，咱們還是需要看看教程的，以「放大式輪播-向左」為例，一起看下吧。
工具：iPaiban Pro黑科技編輯器，網址：x.iPaiban.com
組件：放大式輪播-向左
編號：11235（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，在「組件」-「自動」分類中找到「放大式輪播-向左」組件，或者直接搜索組件編號11235，點擊選擇。
第2步：上傳圖片素材
圖片尺寸需保持一致，需要注意的是，因為該效果較為特殊，輪播圖片在設計時應給四周留有一定的透明空間，如下所示：
點擊右側「+」號批量上傳設計好的圖片素材。
第3步：調整動畫效果
在右側我們可以從「每張圖片停留時間」「每次輪播切換時間「每次縮放動畫時間」「縮小倍數」4個方面調整動畫效果。
大家通過最右側「預覽草稿」可以邊預覽邊調整。
第4步：添加「零高圖片」組件
前面說了輪播圖片要有透明區域，為了防止直接露出默認白底，我們最好在該組件上方添加一個「零高圖片」組件用作輪播圖片的背景，背景圖尺寸需與輪播圖尺寸一致。
第5步：導入公眾號后臺
點擊最右側「預覽草稿」可隨時預覽效果，效果滿意后繼續點擊「導入微信后臺」就能開始導到公眾號了。
導入時使用 iPaiban Pro 小助手更方便哦，最新v2.0版本的小助手還支持一鍵打包下載圖文圖片素材，非常方便，安裝教程戳：《iPaiban Pro小助手v2.0來啦！》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：x.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業標準版會員體驗權，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
● SVG 黑科技交互排版????????
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）