電影感排版,一個超簡單的效果就實現了……
圖片自動原地切換,可能是最簡單的一種圖片自動切換效果了。
就是這種:
*素材來自DanielWellington《新品 | 時光見證,每分每秒》
組件:自動-多圖連續切換(無限循環)
編號:11210(組件)
在各種花式圖片自動切換效果中,顯得極不顯眼,所以也沒有專門給大家介紹過。
沒想到的是,有的效果很酷炫,只是風靡一時,而它卻持續不斷地一直有小伙伴來問——有沒有這種圖片自動原地切換的效果啊?
當然有!
扒了扒品牌們的案例后,這才發現原來它看著簡單,卻被用出了各種創意效果。真的是越簡單,越好用。
我們先來看下有哪些創意效果,最后會教大家如何實現。
效果1,最為常見的用法,和前面的案例一樣,單純地展示產品:
*素材來自TNTSPACE《新品丨白蛇一傳,夢繞千年,杭州城市限定首發!》
組件:自動-多圖連續切換(無限循環)
編號:11210(組件)
效果2,當切換圖帶有進度條設計,可以提醒讀者切換的圖片數,就像網頁banner一樣:
*素材來自FOTILE方太《方太母嬰級凈水機,開啟全場景凈水新范式》
組件:自動-多圖連續切換(無限循環)
編號:11210(組件)
效果3,切換圖加上漸變和文字設計,給人一種高級的電影畫面感:
*素材來自華帝《拒絕定義,「凈」情綻放》
組件:自動-多圖連續切換(無限循環)
編號:11210(組件)
效果4,當畫面有了順序性,就可以展示事物的進程:
*素材來自雅馬哈樂器音響《雅馬哈鋼琴問你咖啡喝伐?》
組件:自動-多圖連續切換(無限循環)
編號:11210(組件)
效果5,拼圖玩法:
*素材來自極米投影《宅家比旅行還快樂的秘訣 我給你說幾個》
組件:自動-多圖連續切換(無限循環)
編號:11210(組件)
效果6,實現文字逐行顯現:
*素材來自Onitsuka Tiger 鬼塚虎《至臻匠藝:NIPPON MADE系列》
組件:自動-多圖連續切換(無限循環)
編號:11210(組件)
以上效果使用 iPaiban Pro 編輯器的一個組件「自動-多圖連續切換(無限循環)」(編號:11210)即可實現。
其中效果5如果像原文放在圖文開頭,可以使用組件「自動-多圖連續切換(不循環)」(編號:11209)制作。效果6其實也可以像原文使用專門的組件「自動-逐行顯示」(編號:11111)來實現(教程)。
下面以效果1為例,一起看下如何使用編輯器制作圖片原地切換吧。
詳細教程:
工具:iPaiban Pro 黑科技編輯器,網址:SVG.iPaiban.com
組件:自動-多圖連續切換(無限循環)
編號:11210(組件)
第1步:選擇組件
登錄 iPaiban Pro 編輯器后,點擊編輯器右側「組件」按鈕,在「自動」-「漸變切換」分類中找到「自動-多圖連續切換(無限循環)」組件,或者直接在搜索框中搜索組合編號11210,點擊選擇。
第2步:上傳圖片素材
在頁面右側點擊「+」號,按順序批量上傳準備好的切換圖。所有圖片尺寸需保持一致。上傳后如果發現順序不對,還可以上下拖動圖片進行調整。
第3步:調整動畫參數
根據所需效果,拖拽滑塊分別調整「每張圖片停留時間」和「每次輪播切換時間」。
點擊最右側「預覽草稿」預覽效果,根據效果可隨時進行調整。
第4步:導入到公眾號后臺
效果滿意后點擊「同步至微信后臺」就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換,同步成功后可以立即掃描二維碼查看。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)