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

 

構思ing:

Step1.用AI做出貓咪的圖;

Step2.用AE讓它動起來,可以看出頭尾在動畫的一個周期中,開始和結束的位置是相通的,中間有所不同,所以可以通過控制中間尾部的運動速度來實現;

Step3.AE導出.mov,用ps保存為gif。

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

 

Step1.用AI做出貓咪的圖

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

Image title

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

Image title

把貓咪身體的部分單獨導出一個圖,會用到~

Image title

AI里需要做的就這些啦~因為沒有復雜的路徑動畫,可以直接導出png來用

 

Step2.用AE讓它動起來

AE新建合成,導入這兩張圖片


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

Image title

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

Image title

Image title

嗯,完成一半了

因為頭尾旋轉速度不一樣(貓咪身體拉長的效果),復制一個貓咪圖層(ctrl+d),分別命名頭/尾,用鋼筆工具畫蒙版

Image title

Image title

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

Image title

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

 

Step3.AE導出.mov,用ps保存為gif

Image title

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

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