PPT動(dòng)畫大師之路（07）：推波助瀾

一、動(dòng)畫分解：

今天這個(gè)動(dòng)畫效果粗看非常簡單，5\QUIT\BEATING\YOUSELF\UP幾個(gè)元素逐個(gè)飛入，順帶著還有上下的色塊和線條的的飛入。

“這么簡單？

好，你打開我準(zhǔn)備好的素材文件，啪啪啪五個(gè)元素設(shè)定好飛入效果，然后播放測試。不錯(cuò)，不錯(cuò)，PPT動(dòng)畫原來就這么回事啊。再看看原原視頻，咦。好像少了點(diǎn)什么？少了點(diǎn)那個(gè)自然生動(dòng)的感覺！

其實(shí)少的這一塊，就是專業(yè)和業(yè)余的區(qū)別！

如果用視頻編輯軟件將視頻逐幀播放，我們就可以看出，除了元素逐個(gè)飛入的動(dòng)畫效果外，這5個(gè)元素進(jìn)入之時(shí)，還撞到了前一個(gè)元素上，產(chǎn)生了一個(gè)排隊(duì)的多米諾骨牌的推擠動(dòng)畫效果。所以，在基本的飛入效果設(shè)定好了以后，我們今天的重點(diǎn)，是完成這個(gè)推波助瀾的細(xì)節(jié)動(dòng)畫的特效。

二、操作流程：

1、首先為頁面的上的5個(gè)素材：“5”、“quit”、”beating“、”youself"、“up”分別添加從右邊飛入的動(dòng)畫效果，計(jì)時(shí)設(shè)定為“上一動(dòng)畫同時(shí)"，持續(xù)時(shí)間設(shè)定為0.25秒。

2、我們注意到"quit"撞擊到“5”以后，“5”向左移動(dòng)了一段距離，然后其他素材依次飛入，撞擊到前一個(gè)素材，使得被撞擊的素材產(chǎn)生了移動(dòng)。所以，下一步就是設(shè)定被撞擊的素材的移動(dòng)。

我們可以一次選中所有的素材，添加向左移動(dòng)的動(dòng)畫，然后在動(dòng)畫窗格中選中單獨(dú)動(dòng)畫，按撞擊——移動(dòng)的順序排好。時(shí)間默認(rèn)為2秒，“和上一動(dòng)畫同時(shí)”

3、到這里也許會(huì)有童鞋問，為什么這里都是計(jì)時(shí)都是設(shè)定為“與上一動(dòng)畫同時(shí)”，其實(shí)這樣做是為了方便以后的動(dòng)畫時(shí)間的調(diào)整。做動(dòng)畫就像寫文章一樣，先規(guī)劃好動(dòng)畫的結(jié)構(gòu)和順序，然后再進(jìn)行細(xì)微的效果、時(shí)間上的調(diào)整。這也是設(shè)計(jì)復(fù)雜動(dòng)畫時(shí)要養(yǎng)成的好習(xí)慣。

首先逐個(gè)調(diào)整各素材被撞擊后移動(dòng)的距離。

在【動(dòng)畫窗格】選中要調(diào)整的動(dòng)畫后，拖動(dòng)頁面上路徑的紅點(diǎn)，就可以改變移動(dòng)路徑的長度和方向了。這里我們要求移動(dòng)路徑保持水平，可以按住“shift”配合鼠標(biāo)調(diào)整。

因?yàn)槁窂降拈L度設(shè)定沒有具體的參數(shù)可以設(shè)定，全靠鼠標(biāo)拖動(dòng)，所以每個(gè)素材移動(dòng)距離要不斷預(yù)覽測試，保證移動(dòng)后5個(gè)元素依然順序排為一句話，字母之間沒有重疊部分。

4、下面就是最關(guān)鍵的各動(dòng)畫的銜接和時(shí)間的調(diào)整。今天我們?nèi)坎扇　巴瑫r(shí)+延時(shí)”的方式來實(shí)現(xiàn)動(dòng)畫的時(shí)間上的銜接。這種方式最大的好處，就是我們可以將任一動(dòng)畫設(shè)定在我們需要它運(yùn)行的時(shí)間段上，而不受前后動(dòng)畫時(shí)間調(diào)整的影響。當(dāng)有的素材的動(dòng)畫在時(shí)間上出現(xiàn)重合的時(shí)候，這樣操作是最為方便的。

 

為了防止眼花，紅色表示是飛入的動(dòng)畫效果的計(jì)時(shí)設(shè)定，黑色表示撞擊后移動(dòng)的動(dòng)畫小鎖計(jì)時(shí)設(shè)定。在飛入的記時(shí)設(shè)定中，每個(gè)素材飛入后，間隔0.5秒，下一個(gè)元素飛入。而撞擊移動(dòng)效果則緊隨在飛入動(dòng)畫之后。

5、到這里，我們今天的動(dòng)畫基本上就算是完成了。點(diǎn)擊預(yù)覽看看效果。咦，奇怪，怎么那些素材被撞擊之后，移動(dòng)起來這么奇怪呢？按照真實(shí)的物理效果，被撞擊后應(yīng)該是個(gè)先快后慢然后逐漸停止的移動(dòng)效果。這樣的效果，該如何表現(xiàn)出來呢？

這里，就要進(jìn)到我們今天最后一種設(shè)置——移動(dòng)的真實(shí)物理效果設(shè)置。

在【動(dòng)畫窗格】中點(diǎn)擊選中"5"的移動(dòng)動(dòng)畫，打開詳細(xì)的設(shè)定選項(xiàng)。我們可以看到有【平滑開始】、【平滑結(jié)束】和【彈跳結(jié)束】三個(gè)選項(xiàng)。這里我們將平滑開始設(shè)為0，平滑結(jié)束時(shí)間設(shè)為1.75秒，然后再預(yù)覽看看，是不是出現(xiàn)了被撞擊后先快后面逐漸停止的移動(dòng)效果？大家可以嘗試不同的移動(dòng)開始和進(jìn)入的時(shí)間組合，模擬出最擬真的效果出來。下面的幾個(gè)撞擊的真實(shí)物理效果就留給大家自己嘗試了。

三、課程回顧

回顧今天的課程，雖然只有兩秒左右的動(dòng)畫，但是順路帶上的干貨不少。

1、我們一改以往逐個(gè)設(shè)定動(dòng)畫的方式，學(xué)習(xí)了設(shè)計(jì)復(fù)雜動(dòng)畫的流程，應(yīng)該是先搭好基本動(dòng)畫框架，設(shè)定順序，然后在逐個(gè)調(diào)整各動(dòng)畫間的銜接和時(shí)間。

2、當(dāng)復(fù)雜的動(dòng)畫中多個(gè)素材上時(shí)間有重疊時(shí)，建議采用“同時(shí)+延時(shí)”的方法來設(shè)定時(shí)間，諸多好處前面已經(jīng)詳細(xì)說明了。

3、通過對【平滑進(jìn)入】【平滑退出】【彈跳結(jié)束】的不同的時(shí)間設(shè)定組合，可以模擬出各種不同的移動(dòng)效果，使得動(dòng)畫效果更接近于現(xiàn)實(shí)物理效果。

 

點(diǎn)擊下面的【閱讀原文】，可以下載到今天的素材中，我沒有刪除動(dòng)畫效果，大家打開以后就可以直接看到動(dòng)畫。這樣做，也是方便大家研究和模仿。不過不要偷懶哦，大師是煉出來的，不是看出來的！

回復(fù)“動(dòng)畫01”、“動(dòng)畫02”等就可以看到以往各期動(dòng)畫大師之路的教程。第一期動(dòng)畫教程素材包中包括一個(gè)小巧的GIF錄屏軟件，歡迎大家把自己的動(dòng)畫創(chuàng)意在微博上與我們分享。

另外大家如果覺得這個(gè)使用不太順手的話，可以看“如何將PPT動(dòng)畫轉(zhuǎn)為GIF”,我們已經(jīng)為你提供了非常詳細(xì)的PPT動(dòng)畫轉(zhuǎn)為GIF的教程，還有一點(diǎn)點(diǎn)相關(guān)的小福利，那個(gè)啥，你懂的！

閱讀原文

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