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

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

 

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

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

如果你做的PPT動(dòng)畫看起來硬邦邦的，不夠流暢，那一定是時(shí)間和空間的節(jié)奏沒搭配好。細(xì)微地調(diào)整每項(xiàng)動(dòng)畫的起止點(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)景。畫一個(gè)大大的【圓】，假裝它是地球，實(shí)際上我們只用得上它一側(cè)的輪廓。如果想用【曲線】工具畫也可以，不過用【圓】畫嚴(yán)謹(jǐn)一些。依次打出G，R，A，V，I，T，Y幾個(gè)字母，斜成一條直線排列好。

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

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

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

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

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

 

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

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