你離高效制作動(dòng)畫只差這一篇文章的距離
看完本文，前端能快速開發(fā)一些 H5動(dòng)畫，設(shè)計(jì)師也能高效地制作出合自己心意的動(dòng)畫來(lái)讓別人高保真還原，希望能給大家?guī)?lái)一點(diǎn)幫助。
前言
說起動(dòng)畫H5，作為一個(gè)前端，可謂是「又愛又恨」。愛的是加上動(dòng)畫動(dòng)效后 H5會(huì)變得生動(dòng)有趣，吸引力 Max；恨的是做動(dòng)畫時(shí)都是一邊在腦海中 yy效果，一邊用 css、js代碼模擬出來(lái)，既低效又不直觀，正所謂「產(chǎn)品一句話，設(shè)計(jì)一根線，重構(gòu)一身汗」。慶幸的是，你現(xiàn)在看到了這篇文章了，我將結(jié)合實(shí)例來(lái)介紹一下 Adobe Animate CC 如何高效直觀地實(shí)現(xiàn)動(dòng)畫效果，并指出一些2018版本新特性。
一、好戲來(lái)了
首先我們先來(lái)看一個(gè)動(dòng)畫，大家估一下這個(gè) H5 需要做多久時(shí)間？ 答案是一天。
能這么快完成這個(gè) h5，靠的是可視化動(dòng)畫制作軟件 Adobe Animate CC。Adobe Animate CC 前身是 Adobe FlashProfessional CC，由于 H5 的出現(xiàn)，很多以前需要用 flash 才能實(shí)現(xiàn)的動(dòng)畫現(xiàn)在也可以用 H5 來(lái)實(shí)現(xiàn)了，另外 flash 一直以來(lái)備受不安全的詬病，使得業(yè)界越來(lái)越排斥 flash，例如 iphone 上的網(wǎng)頁(yè)上就不能播放 flash。Adobe 心想不能就此沒落啊，于是這個(gè)軟件就順勢(shì)轉(zhuǎn)型，在維持原有 Flash 開發(fā)工具基礎(chǔ)上，新增制作 H5動(dòng)畫功能。對(duì)于原 flash 開發(fā)人員來(lái)說可以輕松轉(zhuǎn)型，對(duì)于新手來(lái)說，這個(gè)軟件也比較容易上手。
在介紹如何做動(dòng)畫之前，我們先來(lái)熟悉一下軟件的界面：
評(píng)論
評(píng)論
推薦評(píng)論
暫無(wú)評(píng)論哦，快來(lái)評(píng)論一下吧！
全部評(píng)論（0條）