AE教程!10分鐘制作趣萌小動(dòng)效

作品作者: Gal Shir

教程作者:@如如醬w

效果圖:

1217如如臨摹果凍小人.gif

步驟一:
首先我們?cè)贏I里面繪制果凍小人?,不過(guò)身體要留在AE里創(chuàng)建哦方便之后調(diào)整
AI具體繪制方法不講啦,主要是運(yùn)用?形狀工具和布爾運(yùn)算,在之前的教程里面有詳細(xì)講過(guò)注意分好圖層喲
?【自主忽略這個(gè)丑的不要不要的背景啊只是為了給你們看一下眼鏡的高光orz,用布爾運(yùn)算制作hin簡(jiǎn)單hin實(shí)用一定要學(xué)會(huì)敲黑板不會(huì)的去百度~】

Paste_Image.png

步驟二:
在?AE中導(dǎo)入AI,選擇【合成】,右鍵創(chuàng)建矢量形狀,設(shè)置合成的幀速率為30幀/秒,持續(xù)時(shí)間為3秒11幀。

Paste_Image.png
Paste_Image.png

步驟三:
在“眼睛”圖層下方新建純色,設(shè)置為任何你喜歡的顏色,圖層名稱改為“背景”記得【**鎖起來(lái)】**,以免做動(dòng)效時(shí)被隨意移動(dòng)
雙擊圓角矩形工具,創(chuàng)建一個(gè)大小合適的圓角矩形,填充自己喜歡的顏色,改名為“身體”,放在“眼睛”圖層和純色圖層中間,選擇【**圓角矩形圖層-內(nèi)容-矩形1-矩形路徑1-圓度 】 **,可以設(shè)置圓角矩形的角度,數(shù)值越大,圓角越圓潤(rùn)喲~

Paste_Image.png

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

Paste_Image.png

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

Paste_Image.png

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

Paste_Image.png

步驟七:
選擇“嘴巴”圖層,按“P”鍵調(diào)出位置選項(xiàng),在2秒23幀處K關(guān)鍵幀,并復(fù)制粘貼至3秒7幀處;在3秒處將嘴巴往左邊稍微挪動(dòng)一點(diǎn),K關(guān)鍵幀。
按“T”調(diào)出不透明度選項(xiàng),在11幀、2秒2幀處K關(guān)鍵幀,設(shè)置不透明度為100%;在19幀、1秒26幀處設(shè)置不透明度為0%。
選中所有關(guān)鍵幀,點(diǎn)“F9”鍵添加緩動(dòng)效果~

Paste_Image.png

步驟八:
按“ctrl+m”添加合成至渲染隊(duì)列,渲染出來(lái)之后導(dǎo)入PS并且導(dǎo)出為gif格式~

Tips 1.教程學(xué)會(huì)之后可以根據(jù)自己的愛(ài)好在小人上添加各種元素及動(dòng)效~

Tips 2.所有數(shù)值都可以自行調(diào)整,不必拘泥于教程,只要?jiǎng)有Я鲿尘蚈K啦~

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 官網(wǎng)中文版 1 簡(jiǎn)易天空替換## 技能:線性擦除,追蹤運(yùn)動(dòng),用顏色鍵K出人物,用色彩曲線調(diào)色。(1)天空?qǐng)D片素材放...
    朱細(xì)細(xì)閱讀 11,683評(píng)論 4 81
  • 一、工作區(qū)和工作流程 1.工作區(qū)和面板 保存、刪除、重置工作區(qū)???、編組、浮動(dòng)面板 2.首選項(xiàng) 常規(guī)、預(yù)覽、導(dǎo)入、...
    朱細(xì)細(xì)閱讀 8,212評(píng)論 0 52
  • 【說(shuō)明:本文是從Principle官網(wǎng)翻譯過(guò)來(lái)的,因個(gè)人能力和水平有限,部分術(shù)語(yǔ)可能不準(zhǔn)確,對(duì)軟件功能的理解也可能...
    shea閱讀 43,268評(píng)論 23 117
  • 如果你是初級(jí)階段的水平,熟讀此文并掌握,馬上進(jìn)階為中級(jí)水平。絕對(duì)不是廣告噢。 常見(jiàn)技巧 經(jīng)典的Photoshop技...
    打豆豆閱讀 9,786評(píng)論 0 81
  • 綜述 第一階段的嘗試結(jié)束了,雖然最后沒(méi)有實(shí)現(xiàn)60kg的目標(biāo),但是積累了很多經(jīng)驗(yàn)。 經(jīng)驗(yàn)1:決心第一 這次給自己30...
    駭客文閱讀 303評(píng)論 0 0

友情鏈接更多精彩內(nèi)容