時(shí)間軸,做動(dòng)畫(huà)時(shí)主要用到的時(shí)間軸理論和技巧

2022-12-25 10:43:43 來(lái)源/作者: / 己有:9人學(xué)習(xí)過(guò)

例如我們想要做一個(gè)圓形變成矩形的動(dòng)畫(huà),首先畫(huà)足夠大的(為什么要足夠大就不多說(shuō)了)圓并將其轉(zhuǎn)換為智能對(duì)象,再畫(huà)一個(gè)矩形,填充設(shè)置0,圖層樣式設(shè)置如圖

_035213A28-4.png

然后添加將圓形添加到矩形的圖層蒙版,轉(zhuǎn)到時(shí)間軸,給圓形做一個(gè)變化的動(dòng)畫(huà),打開(kāi)變換的關(guān)鍵幀開(kāi)關(guān),添加開(kāi)始幀關(guān)鍵幀將其縮小,拉動(dòng)時(shí)間線到指定位置并且將其放大

_035213GS-5.jpg

動(dòng)畫(huà)制作完成。

_03521354a-6.gif

雖然這個(gè)變換動(dòng)畫(huà)并沒(méi)有像專(zhuān)業(yè)動(dòng)畫(huà)工具中的形狀變化那樣過(guò)渡自然,但是這確實(shí)是從一個(gè)圖形變成另外一個(gè)圖形的最佳辦法。

剪貼蒙版+移動(dòng)

你還可以使用移動(dòng)的方法來(lái)制作各種動(dòng)畫(huà),移動(dòng)的對(duì)象可以是上面的圖層,也可以是下面的圖層

_0352135264-7.jpg

這個(gè)方法可以制作寫(xiě)字動(dòng)畫(huà)、波浪動(dòng)畫(huà)等。

_035213AP-8.gif

(上圖第一個(gè)紅色動(dòng)畫(huà)如果是方形可以直接用拉伸實(shí)現(xiàn),然而很多圖形都必須使用圖層蒙版+移動(dòng))

3、確立旋轉(zhuǎn)圖形新的中心點(diǎn)

上一篇跟大家分享過(guò)的旋轉(zhuǎn)的時(shí)鐘,在這里再跟大家補(bǔ)充,如何確立新的中心點(diǎn),當(dāng)時(shí)只是粗略地說(shuō)調(diào)整智能對(duì)象的畫(huà)布,其實(shí)有個(gè)更好更方便的方法。為了方便參考,我們制作旋轉(zhuǎn)動(dòng)畫(huà)以畫(huà)布的中心點(diǎn)旋轉(zhuǎn),首先畫(huà)一個(gè)正圓垂直水平居中對(duì)齊這個(gè)畫(huà)布,圓的大小最好超出需要旋轉(zhuǎn)的圖形,旋轉(zhuǎn)的圖形水平居中圓形(有的圖形不需要)最后將這個(gè)圓和旋轉(zhuǎn)的圖形編組并轉(zhuǎn)換為智能對(duì)象,再將該圓隱藏/刪除即可。

(溫馨提示:在某些情況下,轉(zhuǎn)換為智能對(duì)象的畫(huà)布會(huì)超出實(shí)際元素本身容納的畫(huà)布,例如上圖的圓形是300px×300px,和轉(zhuǎn)換的圖形一起轉(zhuǎn)換為智能對(duì)象后可能會(huì)超出300px×300px的畫(huà)布,事實(shí)上這是很讓人頭疼的問(wèn)題,而我們只能把智能對(duì)象的畫(huà)布調(diào)整為300px×300px,再將圖層編組后飽滿畫(huà)布。)

_0352135R8-9.jpg

4,導(dǎo)出動(dòng)畫(huà)