你是不是在某個無趣的瞬間,也會突然想找點樂趣,為平淡如水的時光添加一絲不同的味道。也許你真的期待過,但是期待過后,生活依舊平淡無味。
不過現在好了,你可以期待一些別的事情。
期待之美好,就像小時候走在去游樂場的路上,或是夢幻假期開啟前的最后幾小時工作。
PPT同樣充滿了樂趣,只是有些人表現的并不美好。我恰巧多花了點心思在和動畫有關的事情上,因為有太多妙趣橫生的東西在不停的沖擊我的好奇心。
大多數人希望擁有更多屬于自己的成就感,哪怕是微不足道的一點點,也充滿正能量。如果你也是其中的一員,準備開始告別煩惱,享受輕松愉悅的新體驗吧。
從今天起,iSlide每期推送都會有這個單獨為PPT動畫而開的小版塊。在這里,你和我一起,從0開始玩動畫,不為別的,只為玩兒。過不了多久,我相信你一定可以給自己一份驚喜。(歡迎關注微信公眾號:iSlidePPT)
如果你正好有空,不妨打開你的PowerPoint,我們先從一個小小的動效開始吧。(所有練習素材都已打包,在公眾號聊天界面回復關鍵詞“動畫#02”獲取下載鏈接。)
看到上面的小動畫了嗎?我們現在就一起來實現它。千萬不要嫌它太簡單,往后一切復雜的、震撼的動畫效果都是以這些最簡單的動畫為基礎的。因為是從0開始,一開始我會盡量把一些細節都掰開揉碎說詳細一些,你可千萬不要嫌我麻煩,畢竟有些人可能是第一次接觸這些。
學習PPT動畫,我非常希望你能夠始終記住下面這句話:
在設計動畫時,要把自己想象成透過鏡頭拍電影的導演,幻燈片中的視覺元素就好比演員,有入場、表演和離場的次序,也可能會伴隨整個場景的變化。
回到上面的小動畫,仔細觀察就能看出,參與表演的“演員”是幾個簡單的圓形形狀,它們在一個綠色的背景前面表演動作。
好了那么首先就來安排場景和演員吧。我們暫且把這一步叫做準備動畫素材吧。
第一部分:準備動畫素材
第一步:準備綠色背景。你可以用綠色填充整個幻燈片的背景,也可以畫一個綠色的矩形填滿整個幻燈片頁面。我這里選擇用背景填充的方法。
第二步:插入五個圓形。“插入”菜單“形狀”里面找到“橢圓”,按住shift鍵畫出一個正圓,然后連續按四次F4鍵,就有了五個一模一樣的正圓了。【為何F4鍵這么強大,請點擊這里查看】
第三步:每個圓填充不同的顏色,形狀輪廓都改成“無輪廓”。
好了,到這里所有的視覺元素已經都有了,接下來就讓它們開始表演。作為本次表演的導演,你不妨再回頭看看一開始的那個小動效,仔細觀察每個“演員”做了什么動作。
你應該已經看清楚了,這個動畫拆開來看其實就是幾個圓形依次從無到有縮放出現,只是速度很快而已。為了看的更清楚,我把動畫速度放慢一些再來看看。
這一下很清楚了吧,五個圓一個接一個依次從無到有縮放出現而已,是不是很簡單?假如把這個動畫中每個元素的時間軸形象的表示出來,就像下圖這樣:
上圖就是這個小動畫拆解后的時間軸示意圖,假如每個“縮放”動作用時1秒,第一個圓縮放完成以后第二個緊接著縮放出現,依次類推,直到第五個圓縮放完畢,一共用時5秒。這就是PPT動畫的基礎原理,你現在明白了吧。你是不是已經迫不及待想要給每個圓形添加動畫了,好吧,我們一起動手吧。
第二部分:添加動畫
第一步:先打開兩個窗格,一個叫“選擇窗格”,另一個叫“動畫窗格”。打開“選擇窗格”的快捷鍵是Alt+F10(現在就記住這個快捷鍵吧),打開“動畫窗格”的按鈕在“動畫”選項卡下面。下面我們先來看看加完動畫的案例中打開兩個窗格以后是什么樣的。
其實這兩個窗格能夠單獨拖出來,你可以自己拖出來試試看,還能隨意改變大小。看到上圖,相信聰明的你已經發現了,動畫窗格不就是前面的那個動畫時間軸示意圖嗎?在動畫窗格中你可以很清楚的看到每個元素的每個動作是什么時候開始和結束、以及每個元素之間的動畫是如何銜接的。再看選擇窗格,是不是很像PS里邊的圖層呢?在選擇窗格中能夠很清楚的看到每個元素在第幾層,如果上層的元素壓住了下層的元素,你可以點擊右邊的小眼睛暫時把它隱藏起來。為了你自己可以清楚每個元素在哪一層,要養成給每個元素命名的好習慣,就像上圖選擇窗格中一樣,我已經把每個圓分別進行了重命名(橢圓1、橢圓2……),重命名的方法是直接在名稱上雙擊,就可以編輯了。有了這兩個窗格以后你是不是豁然開朗了呢?
第二步:把五個圓重疊、對齊,并調整大小。“對齊”菜單能迅速搞定所有對齊問題,直接看下圖中的操作過程吧。
第三步:從最底層那個圓開始,給每一個圓添加“縮放”動畫。下層的圓被上層擋住,無法選中怎么辦?在選擇窗格中先把上層的隱藏起來呀!先給最底層那個圓添加“縮放”,然后依次添加。(注意,要對某個元素添加動畫你首先得選中它)
到這里就結束了嗎?還早,這時候你會發現動畫窗格中的時間軸是下圖這樣的。
打開動畫選項你會發現每一項都是“單擊開始”?!皢螕糸_始”的意思是這個動作在PPT放映的過程中只有單擊鼠標才會發生?!皬纳弦豁楅_始”是這個動作會和上一個動作一起發生?!皬纳弦豁椫箝_始”則是上一個動作完了之后,這個動作會緊接著發生。而那個綠色的進度條則表示每個動作從開始到結束的時長。
這個動畫中,我們想要的效果是動作連續發生,可以選擇“從上一項開始”,也可以選擇“上一項之后”。但是如果選擇“從上一項開始”的話,則需要調整一下每個動畫開始和結束的時間,下面我們就用這種方式操作一下。
第四步:調整時間軸。先把所有動畫都改成“從上一項開始”,然后延遲橢圓2、3、4、5的開始時間,使得每一項的開始時間剛好與上一項的結束時間銜接。調整完點擊動畫窗格中的“全部播放”預覽效果。
如果選擇“從上一項之后開始”,則不需要調整時間,操作過程如下
不管選擇哪種方式,最后呈現的效果是一樣的,在添加動畫的時候要根據實際情況選擇,哪種方便用哪種。
到此添加動畫基本上完成了,但是跟一開始的動效相比是不是速度有點慢呢?那我們就再做最后一步,把每一個動畫的時間縮短一點。
第五步:縮短動畫時間。操作很簡單,只要選中之后把持續時間減少一些就可以了。
好了,這個簡單的小動效已經完成了,恭喜你已經入坑了,哦不對,是入門了。PPT動畫的基礎原理就這么簡單,你就是導演,只要在時間軸中賦予每個元素適當的動作,讓它們按照你的安排有秩序的“表演”就好了。
為了檢驗你的學習成果,你可以用PPT模仿下面的動效試一試,練習文件在公眾號聊天界面回復關鍵詞“動畫#02”獲取。
如果操作中遇到困難,你可以在后臺留言,也可以在新浪微博上搜索“Bobbie_Li”關注我隨時向我提問。
或許現在看這篇文章的你從沒接觸過PPT動畫、也有可能你已經完全掌握了PPT動畫的精髓,不管你在哪個層次,我首先非常感謝你耐著性子看到了這里,讓我們一起給更多人一個從0開始學習動畫的機會。下期我們一起學習下面這個動效:
看起來有點復雜,其實實現起來非常簡單,下次再來一起玩吧!