<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 比GIF更好用的Lottie動(dòng)畫是什么?

    2024-5-17    前端達(dá)人

       不知道大家有沒有這樣的困擾,每次制作GIF圖的時(shí)候,難免會(huì)出現(xiàn)邊緣鋸齒,就算加上白邊之后,在夜晚模式的時(shí)候鋸齒就更明顯了。除此之外,GIF圖對(duì)于漸變填充的呈現(xiàn)也很糟糕,會(huì)出現(xiàn)漸變斷層的情況,看起來很不自然。
    最讓人難以接受的情況是:
            稍微把動(dòng)畫做流暢一些,GIF的文件大小就變得巨大無比。
            在2017年的時(shí)候,一款比GIF動(dòng)畫更好用的動(dòng)畫圖片格式誕生了?。?!
            那就是我們今天將要介紹的Lottie動(dòng)畫。
         
            什么是Lottie動(dòng)畫?
           Lottie動(dòng)畫是一種基于 JSON 的動(dòng)畫文件格式,允許在任何平臺(tái)上發(fā)送動(dòng)畫,就像發(fā)送圖片一樣輕松。Lottie是可在任何設(shè)備上運(yùn)行的小文件,并且可以放大或縮小而不會(huì)出現(xiàn)鋸齒的一種動(dòng)畫格式。
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
     
    相較于其他動(dòng)圖格式,Lottie有哪些優(yōu)點(diǎn)?
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
    ①文件大小
    和GIF、Apng 或 MP4 等其他格式相比,Lottie 動(dòng)畫要小得多,同時(shí)保持相同的動(dòng)畫表現(xiàn),甚至更流暢。
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
    ②無線擴(kuò)展
    Lottie動(dòng)畫是基于矢量設(shè)計(jì)制作的,這意味著可以隨意放大或縮小它們,而不必?fù)?dān)心分辨率的大小導(dǎo)致的鋸齒問題。放大無數(shù)倍也是清晰如初。
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
    ③支持多平臺(tái)
    對(duì)于所有開發(fā)人員來說,Lottie動(dòng)畫的交接非常簡單?,F(xiàn)在我們可以在 iOS、Android、Web 和 React Native 上使用 Lottie 動(dòng)畫,也不需要修改。使用和調(diào)用都非常方便。
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
    ④可交互
    在 Lottie 動(dòng)畫中,動(dòng)畫元素可以設(shè)計(jì)為可交互組件,用戶可以操縱它們進(jìn)行交互,實(shí)現(xiàn)滾動(dòng)、單擊和懸停等交互效果。這是GIF、Apng和MP4等動(dòng)畫文件都沒辦法做到的。
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
      怎么設(shè)計(jì)制作Lottie動(dòng)畫呢?
           目前,Lottie官網(wǎng)提供了很多動(dòng)效設(shè)計(jì)軟件的插件供大家使用和下載。目前下面這些設(shè)計(jì)軟件可以在官網(wǎng)下載到Lottie動(dòng)畫的導(dǎo)出插件。
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
    其中,Lottie Creator是Lottie官方的網(wǎng)頁版動(dòng)畫制作工具,登錄官網(wǎng)就可以使用。
    Lottie官網(wǎng)地址 
     https://lottiefiles.com
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
           說了這么多Lottie的優(yōu)點(diǎn),其實(shí)Lottie也是有短板的。比如說,AE里面的fx效果,Lottie就全部不支持,另外復(fù)合路徑動(dòng)畫等等動(dòng)效效果也不支持。
           為了方便大家快速上手Lottie動(dòng)畫,作者把Lottie支持的效果整理歸類成了幾張圖片,方便大家制作的時(shí)候快速查閱。
     
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     
    比GIF更好用的Lottie動(dòng)畫是什么?
     
     


    作者:江浩大叔工作室
    鏈接:https://www.zcool.com.cn/article/ZMTYxODY4MA==.html
    來源:站酷
    著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

    日歷

    鏈接

    個(gè)人資料

    存檔

    主站蜘蛛池模板: 欧美日韩精品一区二区三区| 在线精品视频播放| 97久久久精品综合88久久| 国产精品.XX视频.XXTV| 国产精品无套内射迪丽热巴| 久久精品国产亚洲7777| 99麻豆久久久国产精品免费| 亚洲精品乱码久久久久久蜜桃| 99热成人精品国产免男男| 大伊香蕉精品一区视频在线| 拍国产乱人伦偷精品视频| 国产内地精品毛片视频| 国产一精品一av一免费爽爽| 精品免费久久久久久久| 欧美精品综合视频一区二区| jizz国产精品| 久久精品无码一区二区三区| 国产AV午夜精品一区二区入口| 午夜精品射精入后重之免费观看| 久久91精品综合国产首页| 国产精品videossex白浆| 久久精品国产免费| 国产精品91在线| 99久久精品毛片免费播放| 日韩精品无码熟人妻视频| 亚洲精品中文字幕乱码三区| 无码人妻精品一区二| 欧美成人精品网站播放| 久久久久人妻精品一区三寸蜜桃 | 国产精品亚洲欧美大片在线看| 2021国产成人精品国产| 久热这里只有精品视频6| 欧美久久久久久午夜精品| 久久无码精品一区二区三区| 国产在线精品一区二区夜色| 国产91精品黄网在线观看| 99精品国产成人一区二区| 一区二区三区日韩精品| 91精品国产福利在线观看麻豆| 91精品国产色综久久| 中文字幕精品一区二区日本|