為了避免寫僵尸教程，有些地方還是需要大家自行思考并且延伸到更多的制作，如果僅僅參考教程做出的東西而不動腦經，除了臨時練手以外意義真的不大。

類似loading的動畫

Step1——畫圓環

新建一個500px²(以下出現的所有數值可以自定義不用完全照搬)的默認畫布，并用橢圓工具(填充無，描邊30，色值#f2f2f2)畫一個正圓環，然后調出時間軸并且創建時間軸動畫。

Step2——圓環漸變

給圓環上色，技巧也就在這里。首先我們分析顏色的變化是從無到有，再從有到無。利用圖層樣式的漸變，可以實現這個效果(事實上利用圖層樣式實現的動畫實在是太多了并且太好用了)。在時間軸的第一幀位置打開樣式動畫的關鍵幀開關，調出圖層樣式勾上漸變，樣式為角度，打開漸變編輯器并選取一個顏色如下圖，

因為是從無到有的過程，因此【無】(即白色)的透明度設置0，【有】(即綠色)的透明度設置100%，

然后把【無】的透明度和顏色拖到跟【有】重疊如下圖，

溫馨提示：當漸變的兩個數值(標)完全重疊時，事實上還區分左右(上下)的位置，并且這個位置很重要。單擊標可以切換標的位置，如果無法切換則沒有完全重疊，此時你可以拉伸漸變編輯器盡可能讓數值完全重疊，當然這個是在0的起始位置重疊，拉不拉伸沒有太大意義~

回到時間軸，拖動時間線到指定位置(20f)，把所有數值的標拖到最右邊的位置如下圖

Step3——添加圓形旋轉動畫

一個動畫基本完成，再給頭部跟尾部添加圓形，尾部(起始位置)的圓固定不動，而頭部的圓跟隨顏色的變化一起運動。所以我們需要給這個圓做旋轉(轉換為智能對象方可做變換動作)，確立旋轉圖形新的中心點在玩轉PS時間軸第三篇有講過，這里就不多說了，我們還需要注意的是旋轉的時候不能超過180°，這個也在第二篇文章有講過，因此我們需要給這個旋轉的圓圈至少添加4個關鍵幀，并且時長與旋轉的位置要跟圓環的顏色對應。

Step4——復制+反向

還有一個從有到無的過程，把剛才從無到有的動畫編組并且復制，轉到時間軸把這個組向后拖動到一定位置(在前面組的結尾往前一點點，使其神不知鬼不覺地循環運動)，然后在復制組的圓環圖層的關鍵幀(起始幀與結束幀)互相對調，最后將時間線拖到關鍵幀的位置調出圖層樣式，漸變勾上反向。當然你不喜歡這種復制+反向的方法而要重新做顏色的漸變也沒人攔你~

以上4步已經完成了一個loading從無到有，從有到無的動畫，你可以設置更多樣式，比如設置圓環的填充為0，給圓環添加內陰影，轉換為智能對象再添加樣式等等。