練習(xí)加載動(dòng)畫(huà)的時(shí)候，發(fā)現(xiàn)這么一個(gè)很簡(jiǎn)單的動(dòng)效也有很多小的知識(shí)點(diǎn)，總結(jié)一下分享大家，希望對(duì)有需要的人有所幫助，我們從零說(shuō)起，和大家一起在學(xué)習(xí)中成長(zhǎng)。

效果圖：

操作步驟：

第一步 建立合成800*800（大小自己決定就好），背景為#000000

第二步 繪制三角形
畫(huà)一個(gè)三角形方法很多，這里只說(shuō)我用到的這種。
在合成面板創(chuàng)建一個(gè)形狀圖層，點(diǎn)擊添加，選擇多邊星形，將“點(diǎn)”設(shè)置為3

將三角形調(diào)整到合適的大小和位置，繼續(xù)點(diǎn)擊添加“填充”設(shè)置三角形的顏色；添加“描邊”將三角形設(shè)置為圓角（描邊的“線段連接”選擇為“圓角連接”），根據(jù)需要設(shè)置描邊寬度，描邊的顏色與填充顏色保持一致，以下是我用參數(shù)

繪制好之后，復(fù)制一層（Ctrl+D），調(diào)整一下顏色

第三步 移動(dòng)位置
首先將兩個(gè)三角形的初始位置調(diào)整好，兩個(gè)三角形呈對(duì)角樣子，且稍有重合（可根據(jù)個(gè)人喜好決定是否重合），如圖

選中兩個(gè)三角形（記得給圖層命名以便于區(qū)分）點(diǎn)擊“p”位置選項(xiàng)，在起始點(diǎn)打上關(guān)鍵幀；依次調(diào)整三角形的位置，關(guān)鍵幀停留到1S處，將白色三角形向左平移至黃色三角形的上方，黃色三角形向右平移至白色下方，如圖

繼續(xù)調(diào)整位置，在2S處打上關(guān)鍵幀，將白色三角形沿斜線向下，黃色三角形沿斜線向上，移動(dòng)路徑如圖

繼續(xù)移動(dòng)位置，在3S處打上關(guān)鍵幀，直接復(fù)制0S處的關(guān)鍵幀即可，讓這個(gè)移動(dòng)路徑形成一個(gè)閉合的三角形。
注意：移動(dòng)的路徑是一個(gè)曲線三角形，這里選擇鋼筆工具，點(diǎn)擊一下錨點(diǎn)，曲線變成直線了（相當(dāng)于PS中的轉(zhuǎn)換點(diǎn)工具），如圖

選中兩個(gè)三角形的位置關(guān)鍵幀，給每個(gè)幀設(shè)置緩動(dòng)，快捷鍵F9（或者點(diǎn)擊動(dòng)畫(huà)-關(guān)鍵幀輔助-緩動(dòng)），優(yōu)化動(dòng)畫(huà)效果

第四步 添加空?qǐng)D層
新建一個(gè)空?qǐng)D層，添加旋轉(zhuǎn)動(dòng)畫(huà)，快捷鍵R。在初始位置打上關(guān)鍵幀，旋轉(zhuǎn)度數(shù)為0；移動(dòng)關(guān)鍵幀指標(biāo)到3S處（即結(jié)束點(diǎn)），將旋轉(zhuǎn)圈數(shù)設(shè)置為-1，即逆時(shí)針旋轉(zhuǎn)360度（與剛剛設(shè)的三角形移動(dòng)方向有關(guān)）。

隱藏空?qǐng)D層，將兩個(gè)三角形的父級(jí)選為剛才創(chuàng)建的空?qǐng)D層，為動(dòng)畫(huà)添加上一個(gè)旋轉(zhuǎn)的效果，使動(dòng)畫(huà)銜接更加流暢，如圖

完成：