動(dòng)畫(huà)真好玩（1）：地心引力——用PPT做一張動(dòng)態(tài)海報(bào)！

PPT動(dòng)畫(huà)中的Timing（時(shí)間點(diǎn)）和Spacing（空間幅度）

 

本次介紹的案例極其簡(jiǎn)單，但是理解了其中的思考方式可以讓PPT動(dòng)畫(huà)變得易于掌握。理想的情況是不用學(xué)習(xí)很多的案例，但是在你眼里，一個(gè)動(dòng)畫(huà)效果能夠被分解，并可以用多種途徑實(shí)現(xiàn)。好，開(kāi)噴。

真人+動(dòng)畫(huà)電影《誰(shuí)陷害了兔子羅杰》作者的《原動(dòng)畫(huà)基礎(chǔ)教程》一書(shū)開(kāi)篇即提到動(dòng)畫(huà)的“一切都在于Timing和Spacing”，用一些色塊和線(xiàn)條，再疊加一個(gè)時(shí)間的維度，就可以在平面上模擬出很多感覺(jué)逼真的物理特性，比如彈性、重力、加速度等等。舉例來(lái)看，一個(gè)揮手的動(dòng)作，手從靜止到加速，再經(jīng)過(guò)減速到達(dá)靜止。如果動(dòng)畫(huà)沒(méi)有還原出這樣的過(guò)程，就會(huì)有“違和感”，即使你說(shuō)不出其中的原因，也會(huì)覺(jué)得“不對(duì)勁”。

如果你做的PPT動(dòng)畫(huà)看起來(lái)硬邦邦的，不夠流暢，那一定是時(shí)間和空間的節(jié)奏沒(méi)搭配好。細(xì)微地調(diào)整每項(xiàng)動(dòng)畫(huà)的起止點(diǎn)、發(fā)生的時(shí)間和先后順序，就會(huì)讓精彩瞬間恰到好處地出現(xiàn)，而不是僅憑巧合。

以下進(jìn)入案例部分，讓我們給最近大熱的電影《地心引力》做一張動(dòng)態(tài)海報(bào)。PS.片子值得去IMAX的。先放個(gè)成品。

制作大致分為以下幾個(gè)步驟。

1、創(chuàng)建人物剪影。從豆瓣找一張電影海報(bào)，貼到PPT里之后，用【任意形狀】工具逐點(diǎn)描出輪廓，體力活啊……

2、搭建場(chǎng)景。畫(huà)一個(gè)大大的【圓】，假裝它是地球，實(shí)際上我們只用得上它一側(cè)的輪廓。如果想用【曲線(xiàn)】工具畫(huà)也可以，不過(guò)用【圓】畫(huà)嚴(yán)謹(jǐn)一些。依次打出G，R，A，V，I，T，Y幾個(gè)字母，斜成一條直線(xiàn)排列好。

3、設(shè)置動(dòng)畫(huà)。

①斯通博士會(huì)從畫(huà)面左上方運(yùn)動(dòng)到左下方，同時(shí)由于失重，她會(huì)不停地打轉(zhuǎn)。這當(dāng)中用到一個(gè)直線(xiàn)【路徑】，同時(shí)疊加一個(gè)【旋轉(zhuǎn)】的【強(qiáng)調(diào)效果】；

②關(guān)鍵部分！G，R，A，V，I，T，Y幾個(gè)字母從上方向地球墜落，同時(shí)不停地旋轉(zhuǎn)，但是在畫(huà)面中央位置，字母恰好同時(shí)處在同一水平線(xiàn)，并恢復(fù)0°原始位置。這里假設(shè)畫(huà)面中間有條參考線(xiàn)，這是字母旋轉(zhuǎn)過(guò)程中需要恢復(fù)0°原始狀態(tài)的位置。用直線(xiàn)【路徑】讓每個(gè)字母都從參考線(xiàn)一側(cè)運(yùn)動(dòng)到另一側(cè)的對(duì)稱(chēng)位置，同時(shí)疊加【強(qiáng)調(diào)效果】【旋轉(zhuǎn)】，并設(shè)置為【旋轉(zhuǎn)兩周】。這樣一來(lái)，字母都會(huì)在運(yùn)動(dòng)路徑的正中央會(huì)恰好恢復(fù)0°原始位置。剩下的工作是，把所有動(dòng)畫(huà)設(shè)置成同樣【時(shí)長(zhǎng)】，建議5秒，并且【與上一動(dòng)畫(huà)同時(shí)】。

4、取景。假裝你是攝像師，拉個(gè)矩形【框架】當(dāng)攝像機(jī)，只留想要的部分，把該遮的東西這一下。搞定！播放試一下吧！

好了，本期教程就是這樣，NO 素材下載，NO 源文件參考，甚至連截圖界面都是MAC版本的，你有勇氣挑戰(zhàn)一下么？感受一下時(shí)空交錯(cuò)后由PPT展現(xiàn)出來(lái)的動(dòng)畫(huà)的魅力。歡迎在原動(dòng)畫(huà)的基礎(chǔ)上加上你自己的想法和設(shè)計(jì)，做好的動(dòng)畫(huà)作品請(qǐng)轉(zhuǎn)為GIF后在微博上添加#三分鐘教程#標(biāo)簽并@賊啦好玩和@秋葉，好作品我們必轉(zhuǎn)！

 

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“動(dòng)畫(huà)真好玩”教程目錄列表