動(dòng)畫技巧，幾個(gè)制作GIF的動(dòng)畫技巧(2)

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

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

綻放的煙花

Step1——畫長條

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

Step2——條子動(dòng)畫

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

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

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

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

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

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

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