動畫技巧，幾個制作GIF的動畫技巧(2)

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

以上4步已經(jīng)完成了一個loading從無到有，從有到無的動畫，你可以設(shè)置更多樣式，比如設(shè)置圓環(huán)的填充為0，給圓環(huán)添加內(nèi)陰影，轉(zhuǎn)換為智能對象再添加樣式等等。

綻放的煙花

Step1——畫長條

新建一個500×900px（取決于煙花綻放尺寸）的畫布，用鋼筆工具（填充無，描邊4，端點圓角，色值任意但我喜歡用黃）畫一根長182px（你要長短都行，不要影響到最后效果便可）的線條，ctrl+j復(fù)制多一根（保持一樣的位置），然后調(diào)出時間軸并且創(chuàng)建時間軸動畫。

Step2——條子動畫

通過學(xué)習【玩轉(zhuǎn)PS時間軸-3】中的剪貼蒙版+移動，我們先將其兩根條子按下圖設(shè)置

下面的圖層填充設(shè)置為0，圖層樣式的混合選項設(shè)置為

回到時間軸，將長度設(shè)置為30f（等于1s），選擇兩個圖層轉(zhuǎn)換為一個智能對象，雙擊智能對象可以得知畫布大小與畫的條子是一樣的（4×182px），而我們要將畫布的長度調(diào)整如下圖

（這是為了煙花的綻放有更大的伸展空間）。此時我們在這個智能對象制作動畫，先打開下面圖層矢量蒙版位置的關(guān)鍵幀開關(guān)，拖動時間線先在起始幀（1f）添加關(guān)鍵幀，再移動時間線到最后（29f，時間線定位到最后只能在總幀數(shù)-1的位置，做好動作后直接把關(guān)鍵幀拉到30f即可），

移動這個圖層的條子如圖所示（設(shè)置條子底部與畫布頂部相切大概的位置）

打開上面圖層的矢量蒙版位置的關(guān)鍵幀開關(guān)，在起始幀（1f）的條子拖動到如下圖的位置：

將條子在畫布底部露出幾個像素，這樣在制作變換動作的時候起到參考的作用，然后在15f處添加關(guān)鍵幀并且把條子移動到如下圖（剛好頂置畫布）