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