AE加載動畫的制作
發(fā)布時(shí)間:2021-12-11 11:05 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 4401

 

構(gòu)思ing:

Step1.用AI做出貓咪的圖;

Step2.用AE讓它動起來,可以看出頭尾在動畫的一個(gè)周期中,開始和結(jié)束的位置是相通的,中間有所不同,所以可以通過控制中間尾部的運(yùn)動速度來實(shí)現(xiàn);

Step3.AE導(dǎo)出.mov,用ps保存為gif。

哇感覺好簡單趕快做起來…

 

Step1.用AI做出貓咪的圖

就是同心圓咯,圈圈圓圓圈圈~建立參考線分割成適合的長度,給一個(gè)合適的粗細(xì)

Image title

然后刪掉不需要的部分,輪廓化描邊,加上眼睛嘴巴~可愛~

Image title

把貓咪身體的部分單獨(dú)導(dǎo)出一個(gè)圖,會用到~

Image title

AI里需要做的就這些啦~因?yàn)闆]有復(fù)雜的路徑動畫,可以直接導(dǎo)出png來用

 

Step2.用AE讓它動起來

AE新建合成,導(dǎo)入這兩張圖片


居中新建一個(gè)圓形的形狀圖層(以便找到貓咪的旋轉(zhuǎn)中心)

Image title

導(dǎo)入的兩個(gè)圖片對齊圓形邊緣,將錨點(diǎn)移動到中心位置(錨點(diǎn)位置如果沒對齊轉(zhuǎn)起來會對不上哦)

Image title

Image title

嗯,完成一半了

因?yàn)轭^尾旋轉(zhuǎn)速度不一樣(貓咪身體拉長的效果),復(fù)制一個(gè)貓咪圖層(ctrl+d),分別命名頭/尾,用鋼筆工具畫蒙版

Image title

Image title

先給3個(gè)圖層相同的2秒360度旋轉(zhuǎn),加緩動,然后在速度曲線面板里調(diào)整速度~就是尾部要比頭部轉(zhuǎn)的慢一些,easy~

Image title

然后身體圖層就是用來填補(bǔ)頭部和尾部中間的空隙啦,隨便調(diào)一下就好了,如果有超出頭尾的部分,就畫個(gè)蒙版遮一下~Image title

 

Step3.AE導(dǎo)出.mov,用ps保存為gif

Image title

這個(gè)沒什么好說的,就醬~大功告成!

文章評論
添加表情
遵守中華人民共和國的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計(jì) 會計(jì)課程 興趣成長 AIGC