AE小動畫 小雞步行動畫
發(fā)布時間:2021-12-11 10:56 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 7998


今天的案例內(nèi)容是步行動畫,下面是步驟分解:

1  繪制插畫,導(dǎo)入AE,前期準(zhǔn)備

前期準(zhǔn)備:圖形居中,指派父級,移動中心點,裁剪工作區(qū)

2  給動物形象創(chuàng)建關(guān)鍵幀

  重點:對路徑K幀

3  創(chuàng)建陰影,導(dǎo)出動畫

(AI和AE都是CC版本的)

 

第一步:繪制插畫,導(dǎo)入AE,前期準(zhǔn)備

1.在AI中繪制插畫(肚子上的黃色塊使用了剪切蒙版),圖層命名和順序如圖所示,

共計6個圖層,保存后導(dǎo)入到AE中。

2.將圖形移到畫布中間。

3.將矢量圖層轉(zhuǎn)換為形狀圖層(因為矢量圖層不具備內(nèi)容屬性,無法對路徑創(chuàng)建關(guān)鍵幀):全選所有圖層>右鍵>從矢量圖層創(chuàng)建形狀,刪除矢量圖層。

4.指派父級,讓各部位跟隨身體運動:拖動螺旋icon到父級圖層即完成指定,具體操作是將“眼睛,嘴的父級指向頭,頭的父級指向身體,翅膀父級指向身體”。

5.移動中心點:用中心點工具將翅膀和頭的中心點移動到如圖位置。

 

6.裁剪工作區(qū):按住ctrl并單擊“當(dāng)前時間編輯框”,切換到如圖時間顯示模式,

將時間線移動到40位置按B,移動到56位置按N,完成裁剪。

 

第二步:給動物形象創(chuàng)建關(guān)鍵幀

1.身體K幀,使身體上下擺動:選中身體圖層,按P調(diào)出位置參數(shù),在40位置創(chuàng)建幀,在48位置創(chuàng)建幀,在44位置將y參數(shù)向下移動約25個單位,選中三個關(guān)鍵幀按F9添加緩動,按住alt單擊位置參數(shù)前面的小圖標(biāo)添加循環(huán)表達式 loopOut(“cycle”); 。

2.眼,嘴K幀,使其左右移動:選中眼和嘴圖層,按P調(diào)出位置參數(shù),在40位置同時創(chuàng)建幀,x向左移動約30個單位;在48位置x向右移動約35個單位;將40位置的兩個幀復(fù)制到56位置處;將所有幀添加緩動,兩個圖層的位置參數(shù)都添加表達式 loopOut(“cycle”);。

3.肚子K幀,使其左右移動:選中身體圖層,展開內(nèi)容參數(shù),組1是肚子的剪切蒙版層,包含兩個路徑,一個是黃色肚子一個是剪切的蒙版路徑,組2是尾巴層。選中組1的路徑1,也就是黃色塊路徑,在40位置創(chuàng)建幀,按左箭頭將其路徑向左移動到如圖位置,

在48位置將黃色塊右移,

將40位置幀粘貼到56位置處,給三個幀添加緩動。

4.尾巴K幀,使其左右擺動:展開身體圖層的組2,選中路徑,在40位置創(chuàng)建幀,選中尾巴左部分錨點,向右移動,

在48位置將左部分錨點向左移動,

將40位置的幀粘貼到56位置處,給三個關(guān)鍵幀添加緩動。

5.翅膀K幀,使其左右旋轉(zhuǎn):選中翅膀圖層,按R調(diào)出旋轉(zhuǎn)屬性,在40位置旋轉(zhuǎn)+27°,在48位置旋轉(zhuǎn)-51°,將40位置的幀粘貼到56位置處,給幀添加緩動,并且添加表達式 loopIn(“cycle”); 。

6.給翅膀K幀,使其左右移動:選中翅膀圖層,按P調(diào)出位置參數(shù),在40位置x向左移約35個單位,48位置x右移約70個單位,將40位置的幀粘貼到56位置處,所有幀添加緩動。按R顯示旋轉(zhuǎn)關(guān)鍵幀,將三個幀向右移動兩個位置。

7.給翅膀K幀,甩臂動畫:展開翅膀圖層的內(nèi)容屬性,選中路徑,在40位置創(chuàng)建幀,用轉(zhuǎn)換頂點工具調(diào)節(jié)翅膀的頂點手柄如圖;

在48位置調(diào)節(jié)翅膀頂點手柄如圖,

將40位置幀粘貼到52位置和56位置,將48位置幀粘貼到44位置;復(fù)制五個關(guān)鍵幀在56位置處粘貼,將所有關(guān)鍵幀向左移動一個單位。

8.后翅K幀:將原來的翅膀圖層重命名為前翅,復(fù)制該層命名為后翅,放置到最底層,按S調(diào)出縮放屬性,關(guān)閉約束比例圖標(biāo),將前一個參數(shù)改為-100,再開啟約束比例圖標(biāo);

按R調(diào)出旋轉(zhuǎn)屬性,將第一個幀改為-27°,第二個幀改為51°,第三個幀改為-27°;按P調(diào)出位置屬性,40位置x向右移動,

48位置x向左移動,

40位置幀粘貼到56位置。

9.頭K幀,使其上下旋轉(zhuǎn):選中頭圖層,按R調(diào)出旋轉(zhuǎn)屬性,在40位置旋轉(zhuǎn)+16°,在48位置旋轉(zhuǎn)-8°,將40位置幀粘貼到56位置,所有幀添加緩動,給旋轉(zhuǎn)屬性添加表達式 loopOut(“cycle”); ,選中三個幀向左移動4個單位。

10.腳掌K幀,使其上下左右移動:選中腳圖層,重命名為右腳,向下移動一定距離,將中心點移動到左端,拖一根參考線作為地面位置;

按P調(diào)出位置屬性,選中位置屬性右鍵>單獨尺寸,在40位置給xy創(chuàng)建幀,將40位置的幀粘貼到44和48位置,刪除44位置的x關(guān)鍵幀,時間線移動到40位置,拖參考線確定腳運動的范圍;在40位置將中心點移動到左側(cè)參考線上,在48位置將中心點移動到右側(cè)參考線上,在44位置將y向上移動20個單位,將40位置的幀粘貼到56位置;給44位置的y關(guān)鍵幀添加緩動f9,給40位置的x關(guān)鍵幀添加緩出ctrl+shift+f9,給56位置的x關(guān)鍵幀添加緩入shift+f9。

11.腳掌K幀,使其旋轉(zhuǎn)運動:選中右腳圖層,按R調(diào)出旋轉(zhuǎn)屬性,在40位置創(chuàng)建幀,在41位置旋轉(zhuǎn)+30°,在43位置旋轉(zhuǎn)+80°,在44位置旋轉(zhuǎn)+14°,在48位置旋轉(zhuǎn)-47°,在49位置旋轉(zhuǎn)0°,復(fù)制40位置幀到56位置。

12.腳掌K幀,實現(xiàn)腳掌動畫:展開右腳圖層的內(nèi)容,選擇路徑,在40位置創(chuàng)建幀,并將其復(fù)制到41位置,在41位置用鋼筆工具在腳掌路徑中間添加錨點,并向下拉使前腳掌水平,

40位置幀粘貼到42位置處,48位置調(diào)節(jié)錨點如圖,

42位置的幀粘貼到49和56位置。給旋轉(zhuǎn),x位置和y位置添加表達式 loopOut(“cycle”); ,然后全選路徑關(guān)鍵幀在56位置粘貼。

13.左腳掌動畫:復(fù)制右腳命名為左腳,按U展開所有關(guān)鍵幀,全選左腳的所有幀向左移動(48位置的幀移動到40位置處)。

14.右大腿:在圖層面板的空白區(qū)域右鍵>新建>形狀圖層,選擇鋼筆工具,關(guān)閉“使用自動曲線創(chuàng)建新蒙版”,在肚子和腳掌位置畫一根斜線命名為右大腿,放置在右腳圖層之下。

選擇路徑,在40位置創(chuàng)建幀,拖一根豎參考線到右大腿頂點位置。接下來是對右大腿做逐幀動畫:主要使路徑的錨點位置和彎度的調(diào)節(jié),下圖是41,42,43,44,45,46,47,48,49,50,51,52,53,54,55位置的參考圖,

   

   

   

  

最后將40位置的幀粘貼到56位置處。全選所有幀在56位置粘貼,復(fù)制右大腿圖層命名為左大腿,將所有幀向左移動8個單位。

 

第三步:創(chuàng)建陰影,導(dǎo)出動畫

1.陰影:新建形狀圖層命名為陰影,用鋼筆工具在地面位置畫一水平路徑,大概和動物形象等寬。展開圖層的內(nèi)容,選擇描邊>線段端點>圓頭端點。選擇路徑屬性,在40位置創(chuàng)建幀,將其粘貼到48和56位置,在44位置,將路徑向中間縮短,將44位置的幀粘貼到52位置,所有幀添加緩動。

2.導(dǎo)出動畫:在AE中添加到渲染隊列,格式選擇Quicktime,將導(dǎo)出的視頻拖入PS,然后導(dǎo)出gif動畫。

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