教程：AE製作一個loading動效
原設計師：Nick Buturishvili
老規矩，看到這張圖，我的第一件事是尋找出這張動圖的難點，很明顯液體的上升過程，波浪由起伏到平穩可能是我們需要斟酌一下的。
考慮過難點以後，我們需要的是一個瓶子了，當然我們可以在AI裡面繪製一個瓶子，不過我選擇了一個偷懶的方式，我在網上尋找了一個瓶子的圖片，並在ps裡面摳了出來。 
這裡放了原圖，大家可以自己去摳一下，當然如果怕摳的話，我也將摳好的作為附件上傳了。（這次用的瓶子和封面動圖的瓶子用的不是一張圖片，所以最終做出的結果會有一定的差異，原因是我忘記整理檔案素材，把之前的png圖片弄丟了T^T）。
有了圖片，我們就可以著手開始做了。首先將圖片匯入AE了，合成為 800*600,24fps。 調整圖片大小及位置，錨點居中,取名為瓶子，這裡我的縮放值為 （15，17%） ，位置為 （284.0,281.0）。 這裡注意一下，右鍵 位置—單獨尺寸 ，原因是我們可以看到瓶子在X軸上的運動是一個勻速直線運動，但是在y軸上有一個壓瓶蓋的下壓回彈，所以講他們分開k幀的話，調節起來會方便很多。
接下來，我們需要確定一下整個動畫的週期，這裡我確定為56f（即2秒8幀），這裡我有意去設定為4的倍數，後續做到迴圈動畫再回頭說。
那麼整體週期確定了，就只需要K幀了，數值如下：
0f 27f 30f 34f 56f
x: 284 513.5
y: 281 281 288.3 281 281
給藍色數值關鍵新增緩動，兩邊速度都設為16% （右鍵 關鍵幀—關鍵幀速度 ）。
那麼我們就的到了一個這樣的動畫。
然後將瓶子這一層Ctrl+D複製一層，取名為瓶子描邊mask，選中該圖層，按兩下u，展開所有關鍵幀，將時間定位在第0幀，刪掉所有關鍵幀，同時將該層的連結父級為瓶子，這時會發現縮放，變成了（100,100%），但是大小與瓶子相同，我們在將縮放的數值改為 （90,98%） ，同時把瓶子的軌道遮罩模式改為 Alpha反轉遮罩 ，那麼我們就的到了一個描邊了。至於為什麼要刪掉關鍵幀，連結父級。因為我們有的時候需要二次調整瓶子的運動節奏，如果還是關鍵幀驅動的話，那麼一個調，個個調。但用父級連結的話，瓶子運動節奏一調整，子級也就自動跟著調整了。
之後就是波浪的製作了，其實方法有很多，我這裡介紹一下我的方法，首先繪製一個800*600的矩形（雙擊矩形工具就可以的到合成大小的矩形），然後展開內容新增 Z字形 。
設定每段的背脊為25.7，複製一層，然後對Z字形大小及圖層位置k幀，數值如下：
0f 30f
第一層：大小 2.4 0
位置 -13.5,632 458.5，548.2
填充為黑色
第二層：大小 2.4 0
位置 -36.5,629.3 435.5，547.3
填充為白色
這裡填充改為黑白，方便合成外調節。將兩個圖層打預合成，命名為波浪，連結父級至瓶子。給波浪新增 效果-顏色校正-色調 。這個效果可以讓我們將黑白兩色對映到別的顏色。
將瓶子圖層複製一層，命名為波浪mask，同樣的刪關鍵幀，連結父級至瓶子，同時縮放調節為（100,100%）~（90,98%）之間，這樣是避免遮罩處理時有1畫素的異色邊出現。將波浪合成放在波浪mask下面，同時將波浪合成的軌道遮罩模式改為 Alpha遮罩 。那麼我們就得到了下面這個動畫:
最後就是壓瓶蓋的動畫了，我們用鋼筆繪製兩條橫的路徑（一長一短，長的是壓瓶蓋前，短的是壓瓶蓋後），一條豎的路徑，橫的路徑定位在瓶子上方，連結父級為瓶子。
對於橫的路徑位置k幀，數值如下：
29f 30f 31f
位置： 122.7，-88.5 122.7，14.8 122.7,10.9
31幀前長的顯示，31幀後短的顯示。然後我們將豎的路徑放好位置，連結父級為橫的路徑（任意一條），然後對於路徑K幀，這裡可以用縮放，可以用遮罩，但是我選擇憑感覺來k幀。
上面的步驟都完成之後，我們一個週期的動畫就做好了，打好預合成，效果如下： 
然後就是最後的迴圈動畫了，回到之前的週期為56幀，之所以要刻意去設定為4的倍數，因為我們可以看到整個動效最多的時候我們可以看到4個瓶子，週期為56f,我們就可以設定每14f出現一個瓶子，所以我們可以複製好多份瓶子動畫的合成，將他們錯開14f，週期為56f，確保瓶子動畫出現之前存在瓶子，即不要以第一個瓶子動畫作為週期的初始點，將週期往後設定一下。
不過我沒有按上述做法做，我僅僅複製了4份，然後錯開14f，然後將超出合成的部分ctrl+shift+D切斷，然後將超出的部分移至0幀出。 
上圖可以很直接了當的看懂，最後，給我們沒有裁減的那個瓶子合成在週期的始末 對不透明度k幀 ，做出逐漸出現，逐漸消失的效果。
各個顏色色值：黃色液體即瓶子色值：#FCCF0E，暗綠色背景色值：#222A31
最後恭喜你，得到了一個瓶子裝水的loading動效。