Apple的《別走開》視頻,不斷放大的效果如何用排版實現?

前天晚上,Apple為宣傳新品,連發兩條推送,其中預熱視頻《別走開。

》中放大放大再放大的效果很是酷炫。

▲視頻錄制GIF

其實這種不斷放大的效果,用SVG交互排版也可以簡單模仿一下。

視頻中是放大後顯示第2張圖片,使用 iPaiban Pro 黑科技編輯器我們可以對同一張圖片進行中心無限放大,這張圖片越高清越好。

點擊試試:

也可以連續點擊,逐步放大到想要的畫面:

組件:連續點擊-圖片逐漸擴大

編號:11324《組件》

有放大,當然也有縮小:

連續點擊縮小:

組件:連續點擊-圖片逐漸縮小

編號:11323《組件》

詳細教程:

工具:iPaiban Pro 黑科技編輯器,網址:x.iPaiban.com

組件:連續點擊-圖片逐漸擴大

編號:11324《組件》

第1步:選擇組件

登錄 iPaiban Pro 編輯器後,點擊編輯器右側「組件」按鈕,在「點擊」-「擴大/縮小」分類中找到「連續點擊-圖片逐漸擴大」組件,或者直接在搜索框中搜索組件編號11324,點擊選擇。

第2步:上傳圖片素材

點擊右側「換圖」按鈕準備好的圖片。

圖片尺寸沒有要求,但放大倍數越大,圖片應該盡量高清一些。

第3步:設置動畫參數

通過設置連續點擊次數、最終放大倍數以及單次擴大時間,可以控制交互動畫效果。

點擊頁面最右側「預覽草稿」可隨時預覽效果。

第4步:導入公眾號後臺

效果滿意後接著點擊「同步至微信後臺」同步到自己的公眾號就可以了。

局部導入可參考:《iPaiban Pro小助手v2.0安裝和使用教程》《原文鏈接:https://mp.weixin.qq.com/s/0OjjcDQYPfubmcyYhJZ_2w》

現在新用戶註冊登錄iPaiban Pro 黑科技編輯器,在「新手禮包」可領取3天企業標準版會員體驗權,以及22個常用必備組件的大禮包《1年》。

認準編輯器網址:x.iPaiban.com,復制網址在 PC 端 Chrome《谷歌》瀏覽器打開,即可開始創作SVG交互排版《又稱公眾號交互圖文、互動圖文、黑科技排版、互動式排版》