前天晚上,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交互排版《又稱公眾號交互圖文、互動圖文、黑科技排版、互動式排版》