充會(huì)員,很劃算

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

動(dòng)畫2014-02-27
留言 1
PPT動(dòng)畫大師之路(07):推波助瀾
導(dǎo)讀

秋葉語錄《動(dòng)畫大師之路》系列PPT動(dòng)畫教程更新,主要由網(wǎng)友投稿,質(zhì)量極高,對(duì)PPT動(dòng)畫提高學(xué)習(xí),有極大的作用。本節(jié)教程為PPT動(dòng)畫大師之路(07):推波助瀾

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

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

“這么簡(jiǎn)單?

好,你打開我準(zhǔn)備好的素材文件,啪啪啪五個(gè)元素設(shè)定好飛入效果,然后播放測(cè)試。不錯(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)路徑的長(zhǎng)度和方向了。這里我們要求移動(dòng)路徑保持水平,可以按住“shift”配合鼠標(biāo)調(diào)整。

因?yàn)槁窂降拈L(zhǎng)度設(shè)定沒有具體的參數(shù)可以設(shè)定,全靠鼠標(biāo)拖動(dòng),所以每個(gè)素材移動(dòng)距離要不斷預(yù)覽測(cè)試,保證移動(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、通過對(duì)【平滑進(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

《“PPT動(dòng)畫大師之路(07):推波助瀾”》 有 1 條評(píng)論

  1. AskinJoe說道:

    每一個(gè)微小改變都值得花費(fèi)心思!

發(fā)表回復(fù)

有困難加站長(zhǎng)微信
購(gòu)買咨詢電話15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348
疑難雜癥找站長(zhǎng)遇到困難,找站長(zhǎng)!