在使用手機(jī)跳轉(zhuǎn)頁面的過程中，如果應(yīng)用的UI做得比較細(xì)致的話，肯定會(huì)有相應(yīng)的加載動(dòng)效，加載一般就是運(yùn)動(dòng)等待的情況，雖然做起來不難，但是用戶體驗(yàn)比較好，下面來學(xué)習(xí)一下怎么做一個(gè)簡(jiǎn)單的頁面加載動(dòng)效。

打開電腦中的AE軟件，ctrl+n新建一個(gè)合成，合成的幀速率一般都是30f，寬高自定。

創(chuàng)建合成之后，在畫布上我們先繪制一個(gè)橢圓，然后用“錨點(diǎn)工具”將圓的中心店移動(dòng)到圓心。

接著將這個(gè)圓ctrl+c/v復(fù)制3個(gè)出來，要保證每個(gè)圓都是在不同的圖層，一共有4個(gè)形狀圖層。

選擇4個(gè)圓形，將位置距離進(jìn)行適當(dāng)調(diào)整，直接使用分布圖層中的“水平居中分布”也可以進(jìn)行對(duì)齊排列。

接著我們就來加關(guān)鍵幀，順序是從左到右運(yùn)動(dòng)，先給左側(cè)的圖形在開始的位置加一個(gè)關(guān)鍵幀。

我們舉例往上跳動(dòng)，算好幀數(shù)，然后向上移動(dòng)，再次添加關(guān)鍵幀。

跳上去之后肯定要落下去，再往后的幀數(shù)中向下移動(dòng)，添加一個(gè)關(guān)鍵幀，幀數(shù)最好保證一致。

框選所有關(guān)鍵幀，右鍵關(guān)鍵幀后點(diǎn)擊“關(guān)鍵幀輔助”，在里邊給關(guān)鍵幀添加“緩動(dòng)”輔助。

最后復(fù)制左側(cè)圓的關(guān)鍵幀，算好相應(yīng)的運(yùn)動(dòng)位置之后ctrl+v粘貼在別個(gè)圖層中，這樣就做好了一個(gè)簡(jiǎn)單的加載動(dòng)效。