用AE做一個佩奇行走動效設計。
課前準備
01 確定所需要做的動效
1、用AI繪製出佩奇
2、身體的運動
3、腳部的運動
4、如何用插件創建四肢的運動
5、其他部件的運動
6、嘴部運動
02 如何用AI繪製佩奇
1、準備開始繪製
打開AI軟件，創建一個1024*770的畫板
打開文件包中的參考圖，將其拖入AI中，並且將透明度壓低到30%
2、開始繪製佩奇
用鋼筆沿著原圖路徑繪製出佩奇頭部
改變圖層和描邊顏色（可複製原圖縮小以便於取色）可點擊快捷鍵“shift+i"然後點擊想要取色的區域，並且將描邊的粗度改為10pt
將此圖層透明度降到30%後可以更方便的開始繪製眼睛、腮紅、鼻子、耳朵（耳朵的圖層需要挪到臉部圖層後面“ctrl+[”可以移動圖層位置）
接下來繪製手、腳、尾巴和衣服，手腳繪製一個就夠了
注意其中手部是用3條鋼筆線條繪製成，需要將描邊選項調成圓角
佩奇已經繪製完成
3、將AI導入AE中
首先去掉其他不相干的元素，假如有編組的話首先取消編組
接著選中第一個圖層object，點擊右上角的三角形，選擇【釋放到圖層】
將下面的圖層往下拖動並且刪除掉主圖層
接著打開AE軟件，合成 - 新建合成，寬度和高度調成1000，幀速率調整成15
點擊“文件 - 導入文件”
可以看到項目中有以下文件
為了更好的處理動效將圖層全部命名
03 如何做出身體的運動動效
首先按照順序調整時間軸：
1、在類似小山的按鈕上點擊2次
2、將時間軸挪到01:00F處，按下“B”鍵
3、將時間軸挪到02:00F處，按下“N”鍵
將項目中的AI圖層拖到合成中
將參考圖片也拖進合成中的底層方便調整圖層位置
將透明度調到30%，調整透明度的快捷鍵是“T”
拼接完成後將背景刪掉，然後將整體挪到中間
由於頭部很多其他元素，為了更方便的調整圖層可將鼻子，鼻子描邊，眼睛，耳朵跟隨臉部，並且將臉部跟隨衣服。
完成操作後可以發現拖動衣服即可拖動整體的臉部圖層
接下來選中衣服圖層，選中“P”鍵，即位置屬性，選中01:00F時間軸，點擊時間小按鈕
然後將02:00F以及中間時間加上位置戳，可點擊時間小按鈕左側的小點
接下來將2個點中間的位置繼續加上位置戳
選中上一步加上的2個點，讓上挪動20px，從669調整成649，減少20px
這個時候按下“空格鍵”播放可看到身體和頭部上下運動
選中5個點，按下"F9"或者右鍵，即可加上緩動的動效
04 如何做出腳部的運動動效
選中腳圖層，選中“Y”快捷鍵，將錨點挪到到腳跟部位
點擊“P”位置，在下圖的那幾個位置加上位置戳
選中中間的位置戳，將此數值減少30
選中位置屬性右鍵選中“單獨尺寸”可以看到位置變成了X位置和Y位置
選中如圖所示的位置，將Y數值減少20，這個時候播放能看到腳部正在運動
接下來為了更真實，選中腳部，點擊“R”鍵，調整旋轉屬性，將時間挪到01：00F處點擊時間小圖標
往後挪動2幀，將旋轉變成-4
再往後挪動4幀，將旋轉變成6
再往後挪動4幀，將旋轉變成0，然後再02:00F出再加上一幀，保持不變，將5個點按下“F9”後加上緩動效果
將這3個參數加入循環代碼：按住alt+點擊左側額時間，在彈出的欄目中輸入 loopIn("Cycle")
選中腳圖層，“Ctrl+D”後即可得到一個複製的圖層，將其命名成右腳，然後點擊“U”即可將所有運動的時間戳顯示出來
選中所有的點往右側拖動，然後點擊空格鍵播放即可看到步行的效果
然後調整右腳位置，選中X位置和Y位置所有的時間戳，將時間軸挪到起始處，讓其整體往後拖動到適合位置，同理，覺得左腳不合適也可以拖動位置。
05 如何用插件創建四肢的運動
安裝完成插件後，選中“窗口 - RubberHose2”
為了方便操作可以將其拖到側邊欄
點擊箭頭指向的按鈕
即可在畫板中出現動畫
其中Hose1可以控制整個弧線的樣式，比如粗細，顏色等
Hose::Start是弧線的起始點
Hose::End是弧線的結束點，大部分操作即可在這完成
部分英文翻譯
Hose Length：彎曲程度
Bend Radius：彎曲的圓滑度
Bend DIrection：控制左右的方向
接下來建立腿部動畫
選中Start，將點拖到衣服下側，選中End，降點拖到鞋子根部
選中End，將其跟隨左側腳，選中Start，將其跟隨衣服
然後選中End，打開左上側效果控件，進行如下操作
Hose Length修改為90
Bend Radius修改為70
Bend DIrection修改為-100
選中Hose 將其樣式進行修改
可以將Hose移動到衣服圖層後面，這樣就不會有一小撮頭露出了，做完之後按下“空格鍵”即可看到腿部的動畫
接下來做右腿動畫，選中End，點擊插件中下圖的位置即可複製出右腿
重複左腿動作，將右腿的位置往右側挪動，選中End，將跟隨點改為右腳，即可完成腿部動畫
注意：假如覺得腿和腳的位置不對，可以挪動腳和Start的位置
接下來創建胳膊動畫
首先創建左手動畫，在動畫前由於左手有2個圖層，將中指圖層跟隨到手部1圖層，然後將手部1圖層跟隨到衣服圖層
和手臂一樣，創建一個弧線，將End和Start的點放到合適位置，選中Hose3修改樣式
接下來將End跟隨到手部1，Start跟隨到衣服，並調整End的參數
Hose Length修改為120
Bend DIrection修改為-100
複製手部1和手部2放在右側，選中右側的手部1點擊“右鍵 - 變換 - 水平翻轉”
接下來選中左手的End，複製過去，步驟和腿部一樣，注意跟隨到右手的手部1
06 確定所需要做的動效
做到這部發現了一個錯誤，少繪製了個尾巴，在AE中直接用鋼筆繪製，調整描邊即可
接下來調整耳朵，尾巴的動效
點擊"Y"分別調整耳朵和尾巴的中心點
選中尾巴，點擊"R"鍵，和衣服動畫一樣，首先創建五個點，然後選擇下圖2個點，調整旋轉角度
然後按“F9”加上緩動動畫
接下來的耳朵動畫步驟和尾巴一模一樣，可自行添加，並且假如有時間的話可以針對手部加上旋轉動效
07 如何創建嘴部動畫
點擊路徑左側的時間圖標，接下來每隔2幀調整路徑動畫
08 大功告成
Ctrl+A選中所有圖層，右鍵 - 預合成
Ctrl+N創建一個新的圖層，將剛剛創建的預合成拖入圖層中，並縮放到適當程度
創建一個圓形放在佩奇後面，調整顏色：#EAF6FF
Ctrl+D複製一層形狀，調整顏色：#C5E6FF，右鍵創建一個蒙版
打開蒙版，往下挪動
完成後即可渲染導入ps中製作gif，一個行走的佩奇就完成啦！！！
閱讀更多 乾學教育 的文章
