圖片輪播像Apple這樣，那就真的泰褲辣！
Apple公眾號最新推送的次條，有下面這樣一個圖片自動滾動的排版效果，有小伙伴來問怎么做。
*GIF錄自Apple《月度音樂雜志 Vol.14 | 跟著世界一起聽》
其實很簡單，在編輯器搜索選擇「自動-向左滾動條」組件（編號：10888）和「自動-向右滾動條」組件（編號：10889）然后上傳素材就完事，還可以調整圖片滾動的時間。
組件：自動-向右滾動條
編號：10889（組件）
說到Apple的圖片自動展示效果，小品哥更想推薦給大家這個效果：
*素材來自Apple《技能便利店 Volume 5：學上幾招，春節尬聊飯局絲滑通關。》
組件：Apple同款-停頓放大式切換輪播-向左
編號：11535（組件）
它像網站banner又比banner更高級，當輪播到中間時，圖片會放大切換為另一張圖片進行重點展示。
如果輪播的圖片可以點擊跳轉超鏈接或小程序，放在文章末尾用作拓展閱讀也會更有吸引力。
這次點擊輪播圖試試：
*素材來自Apple《技能便利店 Volume 5：學上幾招，春節尬聊飯局絲滑通關。》
組件：停頓放大式切換輪播-向左(超鏈接)
編號：11536（組件）
該效果同樣使用 iPaiban Pro 黑科技編輯器就能制作，我們以「Apple同款-停頓放大式切換輪播-向左」為例，一起看下教程吧：
*支持點擊跳轉超鏈接或小程序的效果，使用相應組件后的制作方法基本一致，只是多了一步輸入超鏈接或小程序。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：x.iPaiban.com
組件：Apple同款-停頓放大式切換輪播-向左
編號：11535（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，在「自動」-「 Banner/輪播 」分類中找到「Apple同款-停頓放大式切換輪播-向左」組件，或者直接搜索組件編號11535，點擊選擇。
第2步：上傳圖片素材
為了讓大家更好得了解該效果的素材組成，該組件提供有默認素材。上傳自己的素材前請將默認素材全部刪除。
刪除默認素材后點擊第一個「+」號上傳準備好的自動輪播圖，點擊第二個「+」號上傳與自動輪播圖對應的切換圖。所有圖片尺寸需保持一致。
第3步：調整動畫參數
在上傳圖片位置的下方，可以調整輪播動畫的參數，如無特殊要求保持默認即可。
點擊最右側「預覽草稿」可預覽效果。通過單獨調整某一參數然后預覽效果可以判斷這一參數的作用哦。
第4步：導入公眾號后臺
效果滿意后點擊「同步至微信后臺」同步到自己的公眾號就可以了。
使用同步功能不用頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼預覽在公眾號的效果。
如需局部導入可參考：《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業標準版會員體驗權，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）