微動是什么?
“微動” 是一款快速制作動效設計平臺。能夠快速生成設計師想要的動態(tài)效果职车,并交付給開發(fā),極大地提高了設計效率和設計還原度鹊杖。作為一鍵式動效制作平臺悴灵,通過海量的動效素材以及可視化編輯能力,幫助零基礎的用戶輕松完成動效制作骂蓖。
科普一下什么是Lottie 积瞒?
能夠解析渲染通過 AE 上的 Bodymovin 插件將 AE 中制作好的動畫導出成的 json 文件 (1)、數(shù)據(jù)源多樣性—可從assets,sdcard,網(wǎng)絡加載動畫資源登下,動態(tài)更新 (2)茫孔、跨平臺—設計稿導出一份動畫描述文件,android,ios,react native通用
Lottie動畫Json結構 分為4層:
結構層:可以讀取到動畫畫布的寬高庐船,幀數(shù)银酬,背景色嘲更,時間筐钟,起始關鍵幀,結束幀等
asset:圖片資源信息集合赋朦,這里放置的是 制作動畫時引用的圖片資源
layers:圖層集合篓冲,這里可以獲取到多少圖層,每個圖層的開始幀 結束幀等
shapes:元素集合宠哄,可以獲取到每個圖層都包含多個動畫元素壹将。通過這樣的層級去讀取文件信息 然后映射成JavaBean對象,然后通過關鍵類LottieDrawable將JavaBean分層渲染繪制到Canvas的畫布上去
ok毛嫉,回歸正題诽俯。
微動動效素材的應用場景
微動支持全平臺 iOS、Android承粤、H5暴区、小程序闯团。無論是營銷展位、活動頁面仙粱、空狀態(tài)還是產(chǎn)品icon房交。微動編輯器一鍵式完成動效創(chuàng)意制作。
“我”就是這么強大...hhhh7ジ睢:蛭丁!
相信大家一定急于知道隔心,微動 如何使用白群?其實也簡單。
微動怎么用硬霍?
我們來到微動首頁川抡,鼠標懸浮模板上有個鉛筆按鈕,可以點擊须尚,我們只需要注冊->郵箱激活->登錄賬號即可崖堤。
基于模版直接制作
1、選擇模版
2耐床、從動畫倉庫選擇動畫進行當前動畫的替換
3密幔、通過替換圖片或來自定義骨骼動畫
4、自定義模板文字內容
5撩轰、選擇上傳模板背景圖片
6胯甩、完成保存,生成視頻mp4或者gif
7堪嫂、導出成功下載視頻或gif
有了這個動效文件偎箫,我們可以直接給開發(fā)使用替換。
總結
有了微動創(chuàng)意皆串,前端再復雜的動畫只需要有設計師或者小白也是可以搞定的淹办,而且不用費時費力的用ps一幀一幀k了。設計師小伙伴們可以去好好學習一下恶复,相信這也是未來的方向怜森。
附上官方使用地址:https://www.unrealfront.com?utm_source=ruanw&utm_medium=720
喜歡小編或者覺得小編文章對你有幫助的,可以點擊一波關注哦谤牡!