本文總計：2311 字

預計閱讀時間：6 分鐘

平時寫排版設計、思路技巧以及素材靈感偏多，動畫方面的内容，我寫的比較少。

一方面是動畫涉及的參數較多，圖文的形式較難連貫的寫明白，如果一步步都寫全的話，篇幅往往會很長。

另一方面，動畫相對來說學習門檻更高，對多數人來說并不常用，如果挑關鍵的内容寫，很多人看不太明白。

所以，如果想要系統的學習動畫，沒有興趣支撐，沒有熬夜掉頭發的那股勁，還是比較難的。

比較複雜的動畫效果，還是建議看視頻逐步操作，圖文理解起來還是略費勁。

今天給大家分享的，是一篇來自 stinsondesign 的文章，介紹了 5 個小動畫的制作方法。

我就根據自己的理解與經驗，做個簡單的翻譯與分享吧，希望你喜歡。

以下是正文：

很多設計公司都會将 PPT 中的複雜動畫，導出後作為視頻分鏡嵌入，但我們知道，對客戶來說，可編輯修改的 PPT 源文件是多麼重要。

這就是我們盡力在 PPT 中做出各種效果，包括用 PPT 制作動畫的原因。

在 PPT 中制作專業級的動畫效果，往往需要設置很多動畫同步進行，雖然做起來比較複雜，但我們認為是值得的！

可以通過上面這個視頻，查看 5 種動畫的效果，下面具體解析每個動畫的設計思路。

01. 輪轉動畫

在這個動畫中，我們可以通過路徑動畫，讓每個對象圍繞圓進行順時針對稱旋轉。

兩種不同的路徑移動方法

第一步，先将每個對象放到初始位置，也就是動畫的起點。

接着使用路徑動畫，将每個對象繞圓環移動四分之一，可以根據你的喜好，把路徑動畫設置成圖1的曲線路徑，也可以設置成圖2的直線路徑。

兩種設置方法，看起來的動畫效果差别不是特别大，當然了，如果路徑是曲線的，效果會更好。

設置好第一個動畫之後，記得把動畫設置成與上一動畫同時播放，這樣所有的對象才會同步旋轉。

後面再次旋轉四分之一圈的時候，隻要再重複添加一次上面的動畫即可。

拓展一下：如果你用的是高版本，可以直接移動位置後，使用平滑切換，效果差不多。

02. 矢量插畫動畫

給矢量圖形添加動畫，在 PPT 中很常見，做好了會非常有創意，比如一些 MG 動畫作品就是采用這種形式。

通常來說，在有了大緻想法後，可以在矢量軟件中畫好所需的元素，再導出 PNG 免摳圖放到 PPT 中添加動畫效果。

當然，也可以直接在 PPT 中繪制形狀與插畫，不過比較考驗設計師的鼠繪功底。

設計之前，需要選擇一種合适的插圖風格，比如等距 2.5D 或完全扁平化的風格都可以。

隻要主要保持插圖的風格一緻即可，包括配色方案和陰影等參數的設置。

A. 等距 2.5D 風格動畫

使用 2.5D 風格做動畫時，作品會給人更強的空間感，在畫好圖形後，一般使用路徑動畫來同步移動。

為了讓動畫看起來更加逼真準确，可以讓他們沿着形狀的軸線進行移動，就像上圖的圖1一樣。

B. 扁平化風格的動畫

當我們用純扁平化形狀來做動畫時，通常會把元素疊加擺放，并通過形狀顔色之間的明暗差别，來強化作品的空間感。

如圖2所示，可以使用路徑動畫進行水平或垂直移動，也可以使用縮放動畫，讓元素看起來有遠近的變化。

03. 推進動畫

推進動畫非常簡單實用，尤其是做頁面切換，或者風格變化的時候用，看起來會更加自然。

如何創建推進動畫呢？

原文用的是飛入動畫，或者配合平滑切換效果來實現。

其實也可以通過路徑動畫，或者使用 iSlide 插件的補間動畫來快速做出同樣的效果。

當然，如果你對動畫很感興趣，還可以使用口袋動畫插件的動畫錄制功能，操作非常簡單。

除此之外，口袋動畫中内置了非常多種頁内切換動畫，可以挨個下載拆解一下動畫的設置思路，對比不同動畫的差異，學起來會更快，印象也更深刻。

04. 視差動畫

視差動畫在網頁設計中用的比較多，在 PPT 中使用視差動畫，會讓作品看起來更靈動更精緻。

但是在做視差動畫效果之前，我們需要通過 PS 等軟件，分離出照片的前景與背景圖，分層越多，添加動畫效果後層次感越強。

選好所需制作的場景後，在 PS 等軟件中，把前景部分的圖形給摳出來保存成 PNG 免摳圖。

可以根據圖1所示，多制作幾層免摳圖像，之後如圖2所示，為不同的圖像分别添加路徑動畫。

當不同圖層的移動方向，以及移動速度有所不同時，視覺上的空間層次感就有了。

拓展一下：如果這部分看不明白，可以回頭翻翻之前那篇交互作品的文章，那個作品第一頁的背景，就用到了視差動畫效果。

05. 幾何拼貼動畫

這個動畫效果看起來不錯，而且不需要裁剪圖片，簡單在 PPT 中給形狀添加動畫就可以做出來。

首先，我們通過布爾運算的拆分，得到無縫拼貼的幾何形狀，可以是三角形，也可以是菱形、正方形或者六邊形。

當形狀都繪制好後，确定所有的形狀都對齊了，并且數量足夠覆蓋住整個 PPT 頁面。

這個動畫的關鍵在于，不同形狀的動畫有一定的先後順序，你可以按照自己的喜好，把不同形狀分三批加動畫，如圖2參考類似。

之後分别為不同的形狀添加淡入淡出，或者翻轉等動畫效果，讓它們一個接一個的出現或消失就好了。

（正文完）

以上，就是 5 種不同小動畫的設置思路，其實實際操作起來并不難。

關鍵在于，剛開始的時候你要打開軟件，一步步去嘗試，在你的腦海中形成連貫的動畫場景。

至少你要能夠想象出來，之後才能夠用 PPT 做出合适的動畫效果。

我知道，肯定有很多動畫新手看的有點懵，這是很正常的，動畫相對平時 PPT 的排版教程，說是隔行隔山也不為過。

若是有一天，你能夠看到一個動畫效果，在不開 PPT 的情況下，理清楚每個步驟是如何去實現的，就算不一定能完美的複現出來，你的動畫也不賴了。

好了，這就是今天分享的全部内容，希望對你有所啟發~

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!