tft每日頭條

 > 圖文

 > ae做簡單表情動畫

ae做簡單表情動畫

圖文 更新时间:2024-07-28 00:09:52

AE做這種小動畫的做法,非常适合初學者,都是基本步驟,經過這個臨摹,對于AE的基本功能将加深印象,讓我們開始吧!

先來看一下效果圖,如下圖

ae做簡單表情動畫(表情小動畫AE教程)1

提示:

  1. 在Ps中畫圖時記得多分圖層(需要動的元素);
  2. 繪制AE中的蒙版;
  3. 繪制AE中的形狀圖層;
  4. 表情的psd和AE文件要在一個文件夾裡。
第一步:在Ps中畫出表情

注意點:等會AE現實時需要動的元素分圖層畫,比如噪點和身體要分圖層畫。

第二步:用AE打開在Ps裡制作的表情

①打開After Effects。

②将Ps文件拖進After Effects裡,這時會彈出導入窗口,按照圖中紅框标記的選擇。

ae做簡單表情動畫(表情小動畫AE教程)2

第三步:制作表情小動畫

①雙擊下圖小動畫。

ae做簡單表情動畫(表情小動畫AE教程)3

這時就會看到之前Ps裡做的表情,以及最下方的時間軸區域會展示每個圖層,如果在Ps裡打組的話,則會顯示組需要雙擊該組,然後會看見組裡的圖層,我是故意拖進AE前取消組的,這樣更容易看某一元素在整體中的運動軌迹是否合理。

ae做簡單表情動畫(表情小動畫AE教程)4

②開始k幀,按照原動畫做10幀,我們先從最簡單的手來感受一下(圖層中的左右是按照我們的左右命名,方便講解,不要太在意),則會顯示組需要雙擊該組,然後會看見組裡的圖層,我是故意拖進AE前取消組的,這樣更容易看某一元素在整體中的運動軌迹是否合理。

ae做簡單表情動畫(表情小動畫AE教程)5

選中左手的圖層中的“位置”,将當前時間指示器拉到00f,然後将左手向右移,一直移到你想要的效果為止,然後點左手的“位置”前的秒表,繼續k下一個幀,先将時間指示器拉到某一幀,然後移動左手,它會自己k幀。右手和眼睛的制作方法如左手一樣。(一定要先确定指示器停在哪一幀後再移動圖層)

ae做簡單表情動畫(表情小動畫AE教程)6

③處理噪點層“點點”,用上一步的方法先處理“位置”形成運動軌迹。

ae做簡單表情動畫(表情小動畫AE教程)7

然後在選中“點點”圖層的狀态下,用鋼筆工具繪制胖胖的身體,這時“點點”圖層下會多出“蒙版”。

ae做簡單表情動畫(表情小動畫AE教程)8

根據“位置”上的幀的情況調整“蒙版”的軌迹,k幀和移動的順序和上面的一樣。

ae做簡單表情動畫(表情小動畫AE教程)9

嘴巴也可以如此實現,調節嘴巴時,如果k完第一幀,不知道怎麼選中一個錨點,用選取工具框選某一錨點即可,“雲”圖層的路徑變化也是如此。要注意的一點是嘴巴的上邊緣的中心處始終與雙眼的中心對齊,且高度不變。

ae做簡單表情動畫(表情小動畫AE教程)10

④圖層“噴”的變化軌迹是左右放大縮小,所以我們隻要調整圖層下的“縮放”寬的比例,圖層“噴底部”随圖層“噴”的縮放而縮放。

ae做簡單表情動畫(表情小動畫AE教程)11

添加蒙版使得其與橢圓重合,不再溢出來。

ae做簡單表情動畫(表情小動畫AE教程)12

⑤接下來我們來解決上面變化的直線和曲線,我們在Ps中提前畫好這些線做一下參考,也可以直接在AE中繪制形狀圖層。

ae做簡單表情動畫(表情小動畫AE教程)13

如上圖,如果是選中某一層的狀态下,那麼繪制的是蒙版,所以我們要在什麼都沒選中的狀态下繪制,在當前選中的圖層的空白處單擊一下即可,然後用鋼筆工具繪制雲上面的曲線,形狀調整後用轉換“頂點”工具處理一下,曲線會更圓滑。接下來就是在某些幀中改變路徑,方法上面已經說過了。

下面就是把剩下的曲線和直線完成就好了。

ae做簡單表情動畫(表情小動畫AE教程)14

第四步:導出gif

①整理一下圖層,清除一些不用的圖層,比如作為參考而在Ps中畫的圖層。

②調整動畫時長,我這邊是把當前指示器移動到09f處,按鍵盤上的“n”,把後面的時間截除掉。按空格鍵就可以預覽了。

③用gifgun插件導出,大功告成。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved