頁面加載動效怎么做
桂華
在使用手機跳轉(zhuǎn)頁面的過程中,如果應(yīng)用的UI做得比較細(xì)致的話,肯定會有相應(yīng)的加載動效,加載一般就是運動等待的情況,雖然做起來不難,但是用戶體驗比較好,下面來學(xué)習(xí)一下怎么做一個簡單的頁面加載動效。
打開電腦中的AE軟件,ctrl+n新建一個合成,合成的幀速率一般都是30f,寬高自定。
創(chuàng)建合成之后,在畫布上我們先繪制一個橢圓,然后用“錨點工具”將圓的中心店移動到圓心。
接著將這個圓ctrl+c/v復(fù)制3個出來,要保證每個圓都是在不同的圖層,一共有4個形狀圖層。
選擇4個圓形,將位置距離進行適當(dāng)調(diào)整,直接使用分布圖層中的“水平居中分布”也可以進行對齊排列。
接著我們就來加關(guān)鍵幀,順序是從左到右運動,先給左側(cè)的圖形在開始的位置加一個關(guān)鍵幀。
我們舉例往上跳動,算好幀數(shù),然后向上移動,再次添加關(guān)鍵幀。
跳上去之后肯定要落下去,再往后的幀數(shù)中向下移動,添加一個關(guān)鍵幀,幀數(shù)最好保證一致。
框選所有關(guān)鍵幀,右鍵關(guān)鍵幀后點擊“關(guān)鍵幀輔助”,在里邊給關(guān)鍵幀添加“緩動”輔助。
最后復(fù)制左側(cè)圓的關(guān)鍵幀,算好相應(yīng)的運動位置之后ctrl+v粘貼在別個圖層中,這樣就做好了一個簡單的加載動效。