作品作者： Gal Shir

教程作者：@如如醬w

效果圖：

1217如如臨摹果凍小人.gif

步驟一：
首先我們在AI里面繪制果凍小人?，不過身體要留在AE里創建哦_{方便之后調整}
AI具體繪制方法不講啦，主要是運用?形狀工具和布爾運算，在之前的教程里面有詳細講過_{注意分好圖層喲}
?【自主忽略這個丑的不要不要的背景啊只是為了給你們看一下眼鏡的高光orz，用布爾運算制作_{hin簡單hin實用一定要學會}敲黑板_{不會的去百度}~】

Paste_Image.png

步驟二：
在?AE中導入AI，選擇【合成】，右鍵創建矢量形狀，設置合成的幀速率為30幀/秒，持續時間為3秒11幀。

Paste_Image.png

Paste_Image.png

步驟三：
在“眼睛”圖層下方新建純色，設置為任何你喜歡的顏色，圖層名稱改為“背景”_{記得【**鎖起來】**，以免做動效時被隨意移動}
雙擊圓角矩形工具，創建一個大小合適的圓角矩形，填充自己喜歡的顏色，改名為“身體”，放在“眼睛”圖層和純色圖層中間，選擇【**圓角矩形圖層-內容-矩形1-矩形路徑1-圓度 】 **，可以設置圓角矩形的角度，數值越大，圓角越圓潤喲~

Paste_Image.png

?步驟四：
?點擊“Ctrl+R”，拉一條參考線在果凍小人的底部（如上圖）~
?OK，我們先來做果凍小人身體的彈跳動效，選中“身體”圖層，找到【內容-矩形1-矩形路徑1-大小】，在21幀，26幀，1秒23幀，1秒28幀處K關鍵幀，讓小人的大小保持不動；在23幀，1秒26幀處K關鍵幀，調整身體使之較之前略瘦長一點；在1秒03幀，1秒17幀處K關鍵幀，調整身體更加瘦長，1秒09幀和1秒10幀處K關鍵幀，調整身體至又矮又胖（=。=）。
點擊“P”鍵，在剛才K過大小關鍵幀處調整位置關鍵幀，讓小人身體不論如何變動都要緊貼著底部參考線不許動~
選中所有關鍵幀，點“F9”鍵添加緩動效果~
【數值可以按自己喜好更改_{不必拘泥教程}只要大致方向相似就可以】

Paste_Image.png

步驟五：
選擇“眼鏡”圖層，按“P”調出位置選項，在8幀和2秒12幀處K關鍵幀，在12幀處將眼鏡位置往下拉一點，復制關鍵幀粘貼至2秒9幀，在22幀處將眼鏡再往下拉一點，在16幀處將眼鏡往上挪動，復制關鍵幀粘貼至2秒5幀處。
按“R”調出旋轉選項，在16幀K關鍵幀，復制粘貼至1秒17幀，1秒27幀，2秒5幀處；在22幀處K關鍵幀調整旋轉角度，逆時針旋轉5度，復制粘貼至1秒29幀處；在28幀處K關鍵幀調整旋轉角度，順時針旋轉7度，并復制粘貼至1秒23幀。
【注意1.此處調整旋轉數值小一點比較自然，度數增大時按順時針旋轉，度數減小時按逆時針旋轉】
【注意2.如果眼睛旋轉的時候不是沿著中心旋轉，按“Y”鍵調整中心點位置】
按“S”調出縮放選項，在22幀處K關鍵幀，復制粘貼至1秒27幀，2秒9幀；在28幀處將縮放調大一點，K關鍵幀并且復制粘貼至1秒23幀，2秒5幀處；在1秒4幀處將縮放設置為0，K關鍵幀復制粘貼至1秒17幀處。
選中所有關鍵幀，點“F9”鍵添加緩動效果~

Paste_Image.png

步驟六：
?選擇“眼睛”圖層，按“P”鍵調出位置選項，在2秒4幀處K關鍵幀，復制粘貼至3秒7幀處；在2秒7幀處將眼睛往下挪動一點，K關鍵幀復制粘貼至2秒18幀；在2秒23幀處調整眼睛位置，使之往右上角移動（不要超出眼鏡和身體的范圍），K關鍵幀復制粘貼至3秒。
按“R”鍵調出旋轉選項，在18幀處K關鍵幀，復制粘貼至1秒29幀，在22幀處使眼睛往順時針旋轉8度，K關鍵幀復制粘貼至1秒21幀。
按“T”鍵調出不透明度選項，在0幀、5幀、18幀、1秒29幀、2秒11幀、2秒14幀處設置不透明度為100%；在1幀、4幀、22幀、1秒24幀、2秒12幀、2秒13幀處設置不透明度為0%，用這種方式可以制作出眨眼效果喲~
選中所有關鍵幀，點“F9”鍵添加緩動效果~

Paste_Image.png

步驟七：
選擇“嘴巴”圖層，按“P”鍵調出位置選項，在2秒23幀處K關鍵幀，并復制粘貼至3秒7幀處；在3秒處將嘴巴往左邊稍微挪動一點，K關鍵幀。
按“T”調出不透明度選項，在11幀、2秒2幀處K關鍵幀，設置不透明度為100%；在19幀、1秒26幀處設置不透明度為0%。
選中所有關鍵幀，點“F9”鍵添加緩動效果~

Paste_Image.png

步驟八：
按“ctrl+m”添加合成至渲染隊列，渲染出來之后導入PS并且導出為gif格式~

Tips 1.教程學會之后可以根據自己的愛好在小人上添加各種元素及動效~

Tips 2.所有數值都可以自行調整，不必拘泥于教程，只要動效流暢就OK啦~

Tips 3.如果有不懂的歡迎私戳~