時間軸,制作GIF動畫技巧

2022-12-25 10:43:48 來源/作者: / 己有:41人學(xué)習(xí)過

制作類似咻一咻的動畫

首先分析動畫是由圓環(huán)從小變大并且慢慢消失,如果我們直接用圓圈減去的方法制作圓環(huán),那么圓環(huán)的寬度并不能保持一致,因此采用圖層樣式的方法,操作:用形狀工具畫一個足夠大的正圓(為什么要足夠大?幾年前已經(jīng)粗略講過圖層樣式和智能對象,這里再補(bǔ)一下,就是當(dāng)前形狀大小轉(zhuǎn)換為智能對象后,它最大的形狀也就是當(dāng)前固定了,如果轉(zhuǎn)換為智能對象后再放大,則會失真,所以寧可畫得大一些,轉(zhuǎn)換智能對象后縮小后再次放大也不至于失真了,圖片更是如此)→轉(zhuǎn)換為智能對象再將其縮小→將其圖層填充為0→添加圖層樣式→描邊。

接下來轉(zhuǎn)到時間軸上制作動畫。圓環(huán)發(fā)生縮放屬于變換的動作屬性,因此在變換旁邊打開關(guān)鍵幀開關(guān),然后拖動時間線到指定位置,再次放大圓環(huán)。圓環(huán)還有慢慢消失的動作,則在透明度上旁邊打開關(guān)鍵幀開關(guān),設(shè)置開始幀的透明度為100,結(jié)束幀的透明度為0,一個圓環(huán)的動作已經(jīng)完成了。我們需要很多個圓環(huán)跟著節(jié)奏,所以按照上面說的動畫的圖層拷貝,alt+鼠標(biāo)移動(復(fù)制N個),生成相同的動作以后,再調(diào)整各個圖層動畫預(yù)覽的位置錯開時間緊隨節(jié)奏,動畫制作完畢。

_0240122S7-4.gif

 

你還可以運用在其他動畫上

_02401213C-5.gif

 

制作模糊動畫

如果PS可以像flash那樣有濾鏡動畫,那是值得高興的事,很遺憾ps總歸是ps,它制作動畫的功能無法跟專業(yè)的動畫工具比,而我寫的這個文章也并不是做專業(yè)動畫的,因為已經(jīng)表明了是輕松制作簡單的gif動畫。但說是簡單,也需要實用才行,這還是符合我寫教程的三個基本原則的,簡單、實用、原創(chuàng)。好吧,又裝X了~

新建一個文字圖層并打上模糊,ctrl+J復(fù)制一個圖層,估計到這里大家已經(jīng)知道怎么做了。讓文字從模糊慢慢變得不模糊,將其中一個圖層轉(zhuǎn)換為智能對象再添加其高斯模糊濾鏡(這也就是為什么文字圖層也不絕對不用轉(zhuǎn)換智能對象了,必要情況下還是要轉(zhuǎn)的)。然后開始幀的透明度設(shè)置100,結(jié)束幀設(shè)置0,另外一個圖層開始幀的透明度設(shè)置0,結(jié)束幀設(shè)置100,參數(shù)反過來設(shè)置就是不模糊變得模糊,制作完畢。圖片模糊同樣方法。

_0240121055-6.gif

 

制作旋轉(zhuǎn)的時鐘

我還是要吐槽一下ps動畫沒有運動軌跡真是一個遺憾,這使得很多動畫的制作需要技巧,如果真的沒辦法做的動作建議還是使用專業(yè)的工具。但是還是許多動作可以做的,而更多動作都跟旋轉(zhuǎn)有關(guān),比如手腳的擺動,時鐘的轉(zhuǎn)動等。

值得注意的是,當(dāng)我們ctrl+T改變圖形的中心點的時候,只是在當(dāng)前操作起作用,而下一次再次ctrl+T,中心點位置還是會回歸到原始的中心位置。而旋轉(zhuǎn),正是跟這個中心點有關(guān)。既然中心點無法用ctrl+T改變后制作動畫,那我們需要用到技巧。因為中心點是固定在圖像垂直居中的中心位置,如果只是在當(dāng)前的圖形上旋轉(zhuǎn),那必定不是我們想要的動畫,因此需要添加額外的內(nèi)容填充。

以時鐘為例,將指針沿著時鐘的中心位置轉(zhuǎn)動起來:用形狀工具畫一個指針→將其指針轉(zhuǎn)換為智能對象→雙擊智能對象調(diào)整畫布的高度/寬度大小200%(參數(shù)的設(shè)置取決于你想要轉(zhuǎn)換智能對象后的中心點位置),確定再按ctrl+T,我們可以看到中心點還是在中間的位置,只是添加的額外內(nèi)容隱藏了。

_02401224C-7.jpg