創建一個簡單的動畫
常用快捷鍵：command + 3 打開預覽界面；空格鍵 直接預覽
1、 command + N 創建一個工作空間，尺寸選擇 720 x 1280
或者如圖在當前工作空間右鍵 New Composition
2、在下方工作空間中右鍵New –> Solid –> ok,新建一個正方形於工作區間。如圖
3、打開剛剛新建圖層的選項，直至最後一級，我們可以看到Anchor Point,Position,Scale,Rotation,Opacity等動畫變換。
接下來我們做一個簡單的位移動畫。
如圖點擊Position，如圖左側一個菱形圖標是打點的東西，打點是記錄當前圖形位置的重要操作。
4、拖動進度指示器至某一時間點，再次打點，通過拖動這個圖形，發現Position的位置已經改動。
這時候一個簡單的動畫已經完成，將進度指示器歸置爲初始位置0，點擊空格進行預覽。
其他旋轉，伸縮簡單變換同理。慢慢折騰吧，哈哈。
5、導出json文件
點擊Window –> Extensions –> Bodymovin，如圖
6、渲染並導出，如圖，選中素材，設置導出目錄，渲染就可以輸出到指定目錄了。
這時候如果遇到一個如圖的警告，很有可能是軟件寫文件的權限設置沒打開，按照提示操作即可，有可能在Edit目錄下找不到這個設置選項，那麼試試下面這個目錄一定就有了。
Affect Effects CC —> Preferences—> General—> Allow Scripts To Writr Files ….
7、 什麼？你覺得麻煩，ok，下面我們用airbnb現成的動畫資源來試一下
利用airbnb 開源庫提供的資源
1、 Git clone 一份資源到本地，找到目錄 After Effects Samples/TwitterHeart.aep
將這個資源拖入AE 工作區間。雙擊選中,點擊空格 進行預覽
2、同上6，導出json文件即可
