熱?到?模?糊?糊?糊?糊?糊?糊?糊?糊?
真的是快要熱死了！
這幾天每次想要出門逛逛，在太陽底下走幾步就感覺頭腦發(fā)昏，熱?到?模?糊?。
北京端午假期每天都超過了40度，節(jié)后第1天全國很多地方高溫依舊，那就給大家推薦下圖片模糊的交互效果吧。
效果1：點擊圖片模糊變清晰
組件：點擊-圖片模糊變清晰
編號：9796（組件）
效果2：點擊模糊GIF動圖變清晰后播放
組件：點擊-模糊GIF動圖變清晰后播放
編號：9800（組件）
效果3：點擊清晰圖片變模糊
組件：點擊-清晰圖片變模糊
編號：9797（組件）
這不是普通的點擊切換圖片，我們無需設計制作模糊的圖片，圖片的模糊效果都是編輯器生成的，并且模糊度可以任意調整。
以上3種效果，在制作時過程基本一致，只有效果2多了一步。我們就以效果2為例，一起看下教程吧：
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組件：點擊-模糊GIF動圖變清晰后播放
編號：9800（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器右側「組件」按鈕，在「毛玻璃特效」分類中找到「點擊-模糊GIF動圖變清晰后播放」組件，或者直接在搜索框中搜索組件編號9800。
第2步：上傳圖片素材
點擊右側兩個「換圖」按鈕分別GIF動圖和GIF動圖的第一幀圖片。
第3步：調整動畫參數(shù)
在頁面右側下方位置，依次調整設置模糊程度、變清晰需要的時間、變清晰后動圖開始播放前的停留時間。一般保持默認即可。
點擊頁面最右側「預覽草稿」可隨時預覽效果。
第4步：導入公眾號后臺
效果滿意后繼續(xù)點擊「同步至微信后臺」同步到自己的公眾號就可以了。
使用同步功能可以不用頻繁在編輯器和微信后臺切換，同步成功后可以立即掃碼預覽二維碼查看。
如需局部導入可參考：《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可注冊，編輯器1500+組件/組合現(xiàn)已全部支持免費試用了。
新用戶在「新手禮包」可領取3天企業(yè)標準版會員免費商用，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優(yōu)惠券，每單最高立降500元。
2023年6月12-30日618活動買贈福利：
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯(lián)系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）