抓住它......
最近很多地區又降溫了，之前發布的一篇圖文《2023年的最后1片「雪花」，抓住它！》又引起不少小伙伴的注意。
今天咱就給大家介紹介紹這篇圖文的交互——點擊移動元素放大消失后展開。
點擊雪花體驗視覺魔法的效果：
*素材來自i排版編輯器《2023年的最后1片「雪花」，抓住它》
組合：點擊移動元素后放大消失+展開
編號：11833（組合）
點擊展開類的效果給大家介紹過不少，但這種上來就有一個移動元素抓人眼球的不多。
再來看一個飛盤的：
*素材來自華潤置地成都公司《未來之城 | 2022年終總結圖鑒》
組合：點擊移動元素后放大消失+展開
編號：11833（組合）
點擊移動的雪花或飛盤后，圖片放大消失，接著圖文展開，這樣視覺變化十分吸引眼球。
這種交互效果非常適合突出強調圖文的創意點，不止可以抓住雪花和飛盤，還可以抓住紅包、流星等元素。尤其適逢春節，天降紅包雨點擊抓住紅包，用這種效果來實現再合適不過了！
上述兩個案例都可以用 iPaiban Pro 黑科技編輯器里的「點擊移動元素后放大消失+展開」組合（編號：11833）來實現。
一起來看看是如何制作的吧。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組合：點擊移動元素后放大消失+展開
編號：11833（組合）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點擊編輯器右側「組合」按鈕，在「花樣展開」分類中找到「點擊移動元素后放大消失+展開」組件，或者直接在搜索框中搜索組合編號11833，點擊選擇。
第2步：進入組合編輯模式
點擊「編輯組合」，進入組合編輯模式。
在組合編輯模式中，分為展開前和展開后兩塊設置區域。
第3步：設置「展開前」內容
①上傳圖片：點擊「展開前」區域，在右側點擊2個「換圖」按鈕，分別上傳準備好的背景圖和移動圖。移動圖尺寸無需和背景圖尺寸一致。
②調整參數：根據需求調整移動元素的動畫參數。
第4步：設置「展開后」內容
「展開后」的內容支持嵌套各種組件，需要什么效果就在左側「組件」分類中找到相應的組件拖動到組件位中，然后上傳需要的素材即可。
添加組件位-拖動組件到組件位中-上傳圖片，每需要一個樣式就按照這3步操作：
第5步：設置參數
點擊右側紅色小三角，可以設置展開時長。
如果預覽效果發現內容沒有完全展開或者展開過長，可以通過「加減展開高度（px）」進行調整，輸入負數減小展開高度。
第6步：導入公眾號后臺
內容編輯完畢后，點擊左上角「保存并退出」逐步退出組合編輯模式回到編輯器主頁面。
繼續點擊最右側「預覽草稿」，效果滿意后接著點擊「同步至微信后臺」就可以了。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）