PPT動圖製作入門

2021-02-18 知家ZMO聯盟

學習了PS製作動圖以後，很多小夥伴都是一臉的懵比-PS雖然是一個功能無比強大的軟體，但受制於熟練度與專業性，很多小夥伴表示臣妾做不到啊……

於是我介紹了Gifcam給他們，可是又被吐槽受制於素材……

好吧，既然你們如此任性……

那麼今天我就帶大家學習一個更加簡單實用的製作動圖的方法……

本文作者：黑眼荃荃

轉載自：黑眼荃荃

想必大家也知道，我們對PPT的認識無非就是演示所需，偶爾見到動態最多的也是在動態PPT模板裡，但是其實ppt動畫存在著巨大的能量，它比AE簡單，比Flash方便，對專業也沒有要求，只要是願意嘗試做的人都很容易上手。所以我希望對ppt動畫感興趣的人都可以自己動手做起來喔。

在入ppt動畫這個坑之前，我希望你們是對ppt動畫有興趣的，那麼，你該怎麼產生興趣？

我認為就是

多看，多看，多看

重要的事情說三遍！

先給大家看看幾個我在網上找到的GIF動畫

不知道這些，你看了之後有沒有覺得很有意思？有沒有想盯著一個動圖可以看上10幾20遍甚至想看更多次？如果你有這種心態，我相信你就已經被動態所迷住，對動畫產生了一定興趣，那麼在看過之後，只要你動手做出一個成品出來，我相信你就會對它著了魔。

並且以上的3個動圖其實都是可以直接用PPT做出來的喔～

然後呢，產生了興趣就會有想去嘗試的欲望

接下來我來講小白到設計師的進階之路：

1.欣賞 2.分析 3.模仿 4.創造

第一步，欣賞

欣賞，是指欣賞好的作品，而不是所有的作品都喜歡都收藏，比如這種收藏起來也許有意思，但是對於你的PPT動畫提升卻沒有幫助

這種動畫雖然很有意思，但是很明顯是用逐幀動畫做的，而且它還有很多不完美的地方，比如有點銜接不上像卡頓了一樣，然後畫面過於粗糙，畫面速度不平衡有些失真，等等

所以我們在選取優秀作品的時候需要將這類的作品篩選掉

那麼，我們到底該去哪裡獲取靈感？

我推薦幾個我平常很喜歡的網站

第一個，花瓣網

這個網站很簡單，有各種各樣的圖片和一些設計靈感，如果想看動圖類的，直接在搜索欄輸入GIF就會出現很多，比如這個樣子：

圖片上的界面是我的花瓣帳戶，我平常會將我看到的比較喜歡的有意思的動圖收集在這個網站上，並且很多瀏覽器也有花瓣網的擴展項，也很方便日常生活中收集，如果大家平常懶得自己收集也可以直接關注我的花瓣帳號。［麗荃lost-and-found］

第二個，Pinterest

這個跟花瓣網長得幾乎一樣，只是這個網站上大部分是國外網站收集過來的作品，搜索的方式也只能輸入英文，但是我個人也是很喜歡這個網站的

第三個，Dribbble

這個網站是設計師的集群地，裡面的作品質量都相當的高，唯一不好的一點是，有時候會因為國內網絡問題不太穩定而需要翻牆才能完整的顯示出頁面內容，並且這個網站必須是原創作品才能上傳，上傳者必須得得到邀請碼才能發布，所以平常我都是把這個網站當成靈感站，自己從來不發（因為也發不了＝＝）看看我以後能不能得到邀請碼吧～😁

第二步，分析

怎麼個分析發呢？就是將你看到的，喜歡的，想嘗試做出來的GIF分解，思考它是如何做出來的，有哪些動畫效果，你都分析出來之後就會知道需要用到PPT的哪些功能來實現它

我以之前分享給的那個很可愛的太陽動畫舉例來說吧，大家請先自己多看幾遍思考一下這個動畫的流程是什麼樣的

多看幾遍之後，應該是能夠看出，這個動畫的步驟是剛開始的時候一個太陽從一個遮擋物的背後升起出現，然後太陽的眼珠邊在閃爍邊在左右的來回移動，最後太陽又很快的躲到了遮擋物的後面，並且在整個動畫中太陽的光芒全程都在360度的旋轉。

如果沒有看出來的話，還有另外一種方法，就是將GIF變成圖片，這樣也能夠更直觀的看出來整個畫面是如何變化的，如果是蘋果電腦的話，直接雙擊GIF就會出現所有幀數的圖片

用windows電腦的可以利用其他軟體進行查看，比如Adobe ImageReady，或者Photoshop

當然到後來做的練習多了，最好是能夠直接從gif中看出來～

分析動畫這一步結束之後，也就到了第三步

第三步：模仿

模仿的意思其實就是練習，嘗試用ppt做出來，然後才能夠能透徹的了解各個動畫能夠起到哪些作用，為之後自己設計做鋪墊。

我們在前面既然已經分析好了，那在嘗試模仿之前也應該理清一下思路

之前我們已經分析過了，這個動畫的步驟是剛開始的時候一個太陽從一個遮擋物的背後升起出現，然後太陽的眼珠邊在閃爍邊在左右的來回移動，最後太陽又很快的躲到了遮擋物的後面，並且在整個動畫中太陽的光芒全程都在360度的旋轉，我們可以提煉這些動作為：上升動作，左右動作，旋轉和閃爍，最後是下降動作

然後我們就在PPT動畫選項裡面查找有沒有能夠實現這些動畫的動作

當然，如果你已經熟悉了PPT動畫的指令，那麼你就應該可以的快速想到太陽上升的動作的時候，就是向上路徑，眼睛閃爍＋左右來回的移動，也就是強調動畫的閃爍＋路徑動畫的向左向右移動，太陽光一直在旋轉，就是強調動畫裡的螺旋轉，最後太陽向下躲進去也就是向下路徑。

想清了思路之後，我們就開始實現它，首先，我們先進行繪製，太陽就是形狀工具裡面的圓，不填充，輪廓描邊就可以了，太陽光就是形狀工具裡的直線，然後複製均勻的環繞一周，太陽的眼睛就是填充成黑色的小圓

我們知道動畫的第一步是所有的元素都從遮罩物的背後向上升起，所以先給所有的元素都添加向上的路徑動畫

太陽光是一直在360度旋轉的，所以給太陽光添加螺旋轉的強調動畫，當選擇螺旋轉的時候，默認為的速度是2秒，所以旋轉的速度會非常的快，因為我們要把他的持續時間改長一點，這樣他的速度就不會快的很誇張沒有美感，這裡就設置成5.5秒就可以了，為了大家方便看，所以我把眼睛和太陽的顏色降低了透明度，大家在練習的時候也要注意一下，完成一個GIF除了選擇正確的動作對之外，每個動畫持續時間的長短也對整個動畫效果至為重要

眼睛出現之後有眨眼的動作，並且向右，所以給它添加閃爍，然後再給它一個向右的動作路徑，閃爍的速度我們需要調的非常快，並且重複2次

向右的路徑會超過太陽的那個圓圈，我們要把它調整到正確的位置

然後把向右移動的路徑開始位置移到向上的路徑結束的位置，如果只將眼睛的位置移到右邊的話，就會出現這樣的情況

這樣的向右路徑才是正確的

眼珠位置調整之後，然後我們再重複做一次眼睛閃爍的動作，為什麼要這麼做？因為如果只是將閃爍這個動畫設置成直至幻燈片末尾，那眨眼的這個動作就會變得非常的魔性。

做完這一步之後就已經差不多快完成了，我們再做一個遮擋物，遮擋物就很簡單了，繪製一個矩形填充，然後再畫一條直線就可以了，將繪製出來的這個遮擋物放在所有素材的最前面，背景設置成與矩形相同的顏色

最後一步，就是所有的物體躲進遮擋物的背後的這個動作，所以給所有的物體添加向下的動作路徑就完成了～

我們再看看我們之前在分析這個動畫時的思路

是不是在實現它的時候所有的動畫就是用直線路徑、閃爍和螺旋轉實現的？所以做出動畫並不難，只要是按照步驟來，大家都可以做出來，第一步先欣賞多看，找到自己想嘗試做出來的，然後第二步進行分析，理清思路該怎麼做，會用到哪些動畫功能，第三步就是實踐，模仿出來。只要做出來第一次就會有無數次～

第四步，創造

知道了怎麼去做動畫之後，就到了去設計的這一步，這一步需要學會自己去總結，去思考，像今天做的這個就可以學會總結，眼珠的移動會讓你知道當動作路徑發生變化的時候可以直接將第二次的路徑拖到第一次路徑結束後的末尾，這樣就會讓兩次的路徑前後連結起來，其次，還要學會比較，一種動畫是可以用多種方法來實現的，我們需要對比那種方法最合適，哪種動作最適合在這個GIF中使用，學會思考和總結，就會有很多的腦洞去設計自己的GIF動圖

最後我分享一點點我做PPT動畫的心得與體會

PPT動畫雖然繁多，但是真正經常用到的就只有少數幾個

其中，進入動畫和退出動畫都有52個