前天寫了一篇PPT修改的文章，里面用到了一些圖片墻動(dòng)畫效果的呈現(xiàn)，很多讀者問我這是怎么做的：?
鑒于提問的人數(shù)有點(diǎn)多，所以，索性就直接寫一篇文章吧，這樣說的更清楚一點(diǎn)。?
?
1. 直接旋轉(zhuǎn)法
2. 三維旋轉(zhuǎn)法?
然后呢，為了讓圖片的出場(chǎng)順序更加流暢自然，我們可以調(diào)整動(dòng)畫的延遲時(shí)間：??
其次是這個(gè)，有放大后并縮小的效果：?
但是，這里有一個(gè)點(diǎn)一定要注意，我們?cè)谠O(shè)置< 放大/縮小 >動(dòng)畫時(shí)，一定要在效果選項(xiàng)里，勾選< 自動(dòng)翻轉(zhuǎn) >：?
最后呢，也是一樣，要添加動(dòng)畫的延遲效果，時(shí)間也盡量不要固定。只有這樣，動(dòng)畫的呈現(xiàn)效果，才是最完美的：??
明白了嗎？這就是一些非常簡(jiǎn)單，但是很實(shí)用的動(dòng)畫知識(shí)點(diǎn)，希望對(duì)各位有所幫助。
好了，以上就是這篇文章的全部?jī)?nèi)容，那通過這篇文章呢，希望大家能夠掌握三個(gè)點(diǎn)：?
一是當(dāng)表現(xiàn)『多』這一概念時(shí)，可以考慮使用圖片墻或文字云的形式。 二是直線型動(dòng)畫的完整路徑。 三是放大縮小型動(dòng)畫的完整路徑。
在 PPT 設(shè)計(jì)中，我們通常會(huì)使用一些光效素材，來(lái)增強(qiáng)頁(yè)面的視覺效果，比如下面這些頁(yè)面：
標(biāo)題文字光效
板塊分割光效
標(biāo)題欄光效
光效出現(xiàn)動(dòng)畫
輔助企業(yè) logo 展示的光效：
這個(gè)出現(xiàn)效果怎么做呢？
然后光效放大，最后再縮回原來(lái)大小：
這下明白了吧？其實(shí)只用這兩個(gè)動(dòng)畫效果：
咱們來(lái)看一個(gè)具體的案例，動(dòng)手練一下，假如就下面這個(gè)封面了：
我們先選中光效，為其添加??[淡化]??效果：
接著，添加??[放大/縮小]??效果。這里我把放大的尺寸設(shè)置為 120%。另外，一定要勾選??[自動(dòng)翻轉(zhuǎn)]?，只有勾選了?[自動(dòng)翻轉(zhuǎn)]?，光效在放大后才會(huì)自動(dòng)復(fù)原：
最后，設(shè)置兩個(gè)動(dòng)畫同時(shí)播放即可：
來(lái)看下最終效果：
光效滑動(dòng)動(dòng)畫
這是我最喜歡用的一個(gè)光效動(dòng)畫，在以往的定制設(shè)計(jì)中經(jīng)常用到。相比出現(xiàn)動(dòng)畫，滑動(dòng)動(dòng)畫的效果幅度及強(qiáng)度都更大一些，所帶來(lái)的視覺效果，自然就更強(qiáng)一些。
通過讓光效大幅運(yùn)動(dòng)，能夠起到很好強(qiáng)調(diào)作用，比如最常見的標(biāo)題光效滑動(dòng)：
那這個(gè)效果該怎么實(shí)現(xiàn)呢？其實(shí)原理很簡(jiǎn)單，首先是光效淡入出現(xiàn)，接著光效平移，最后光效淡出消失！
明白了嘛？主要用到了這三個(gè)動(dòng)畫效果：
為了方便你去理解，咱們實(shí)際動(dòng)手操作一下，就以這頁(yè) PPT 為例：
先找一個(gè) png 光效素材，為了保證頁(yè)面的風(fēng)格，可以使用重新著色或者提高圖片亮度，將光效調(diào)整為白色：
接下來(lái)，就該開始添加動(dòng)畫效果啦。
首先，給光源添加??[淡化]??的進(jìn)入效果：
接著，為其添加??[直線]? 路徑動(dòng)畫，并調(diào)整光效消失位置：
然后，再添加??[淡化]??退出的效果。
最后，在動(dòng)畫窗格中，調(diào)整三個(gè)動(dòng)畫的開始及持續(xù)的時(shí)間：
看一下最終的效果：
還不錯(cuò)，對(duì)吧？當(dāng)然，光效滑動(dòng)效果除了可以強(qiáng)調(diào)文本標(biāo)題，還有其他很多應(yīng)用場(chǎng)景。這里，我再多舉幾個(gè)例子。比如用于頁(yè)面多個(gè)板塊的分割：
或者是在圖片、色塊的邊框滑動(dòng)，增強(qiáng)頁(yè)面的科技感：
又或者在頁(yè)面的邊緣滑動(dòng)，烘托氛圍：
光效旋轉(zhuǎn)動(dòng)畫
前段時(shí)間游戲的時(shí)候，發(fā)現(xiàn)游戲中的光暈效果真的是太酷，我還特意了錄了屏：
接著，就是動(dòng)畫的添加了。這個(gè)效果由三種動(dòng)畫組合完成：?
老規(guī)矩，還是先來(lái)添加??[淡化]? 的進(jìn)入效果：
其次是，給光源添加??[直線]??的路徑動(dòng)畫，在效果選項(xiàng)中點(diǎn)擊??[反向路徑]? 方向：?
最關(guān)鍵的一步來(lái)了，添加?[陀螺旋]?效果，好讓光效有旋轉(zhuǎn)效果：
最后，調(diào)整一下動(dòng)畫的時(shí)間：
來(lái)看下完整的動(dòng)畫效果：
不過，和前兩個(gè)動(dòng)畫相比，這個(gè)動(dòng)畫效果對(duì)于背景圖的要求會(huì)更高一些，不過好在效果很棒！
以上，就是這篇文章的全部?jī)?nèi)容啦！
建議各位在使用光效動(dòng)畫的時(shí)候，可以和我上次講的背景偏移動(dòng)畫結(jié)合使用，效果更佳。
再看兩個(gè)案例：
怎么樣？很贊吧！
另外，我為你準(zhǔn)備了部分案例源文件，回復(fù)本文?，即可免費(fèi)獲取。
]]>
本教程您將學(xué)習(xí)到以下內(nèi)容：
-
- 動(dòng)畫效果的介紹
- 切換效果的介紹
昨天晚上刷朋友圈，看到好友分享了一個(gè)來(lái)自B站的視頻，UP主借用《卡路里》的旋律，對(duì)歌詞進(jìn)行了改編。
并且，最厲害的是，愣是用PPT動(dòng)畫，還做了一個(gè)MV，還是跟 PPT 有關(guān)的：
流量充足的朋友，可以看一下，只有7M
除了這個(gè)視頻之外，前段時(shí)間，有位旁門左道的讀者，還給我發(fā)來(lái)一個(gè)PPT動(dòng)畫：
借用3D和平滑功能完成，也是超贊的。
當(dāng)然，除了這些大神的作品之外，在工作PPT中，如果你能善用PPT動(dòng)畫，那么，我相信，所到之處，皆為焦點(diǎn)。
所以，這篇文章，就來(lái)跟大家分享一些簡(jiǎn)單、實(shí)用的PPT動(dòng)畫。
一共8個(gè)，先列個(gè)目錄，方便大家預(yù)覽：
翻轉(zhuǎn)動(dòng)畫
簡(jiǎn)單來(lái)說，就是把一個(gè)元素給倒過來(lái)，就像這樣：
在PPT設(shè)計(jì)中，比如當(dāng)我們想要表現(xiàn)一件事情發(fā)生了顛倒性的改變，像銷售轉(zhuǎn)化模型發(fā)生了改變，用這個(gè)動(dòng)畫就會(huì)非常合適：
好了，關(guān)鍵問題來(lái)了。
疊加動(dòng)畫
所謂疊加動(dòng)畫，就是說，我們每疊加一層形狀，頁(yè)面的元素就發(fā)生一次改變。很抽象對(duì)嗎？看個(gè)圖示：
怕你還不是那么清楚，我也做了一個(gè)案例。比如我們?cè)谡故井a(chǎn)品時(shí)，可以在同一頁(yè)上，同時(shí)展示不同系列的產(chǎn)品：
好了，關(guān)鍵問題又來(lái)了。
- 元素淡入，出現(xiàn)在頁(yè)面上；
- 形狀飛入，遮擋住頁(yè)面元素；
- 稍微停頓后，飛出，并且，底部的元素消失，新元素出現(xiàn)。
縮放動(dòng)畫
這簡(jiǎn)直是課件制作中，最好用的一個(gè)動(dòng)畫，可以讓頁(yè)面的邏輯呈現(xiàn)的更加清晰。
什么意思呢，同樣來(lái)看一個(gè)圖示：
大概就像這樣。那我們可以用它來(lái)干什么呢？
比如我們?cè)诜窒碚n件時(shí)，為了能夠清楚地讓觀眾，了解我們課程的邏輯框架，我們可以使用它：
好了，關(guān)鍵問題又來(lái)了。
克隆動(dòng)畫
克隆總該清楚吧，就是說從一個(gè)變成了多個(gè)，用圖示表現(xiàn)的話，大概就像這樣：
這個(gè)動(dòng)畫的應(yīng)用場(chǎng)景就非常廣泛了。
比如我們可以來(lái)表現(xiàn)公司集團(tuán)業(yè)務(wù)下放到各地域：
再比如，用來(lái)表現(xiàn)復(fù)雜事情的拆解步驟：
好了，關(guān)鍵問題又來(lái)了。
然后，依次選中大圓，小圓，添加平滑過渡；大圓，小圓，平滑過渡......
數(shù)值變動(dòng)
聽名字也知道，就是數(shù)字發(fā)生了一些變化。比如像這樣：
那它可以用來(lái)干啥呢？比如表現(xiàn)公司某產(chǎn)品銷售量，或者是公司營(yíng)業(yè)額等：
好了，關(guān)鍵問題又來(lái)了。
延遲動(dòng)畫
當(dāng)頁(yè)面中有多個(gè)元素需要同時(shí)出現(xiàn)時(shí)，使用延遲動(dòng)畫，讓他們按照一定的節(jié)奏出現(xiàn)，不至于喪失焦點(diǎn)。
用個(gè)圖示來(lái)表現(xiàn)，大概是這樣：
看起來(lái)是不是更加自然呢？
那我們可以用它來(lái)做什么呢？比如來(lái)表現(xiàn)當(dāng)今社會(huì)面臨的幾個(gè)問題：
或者是表現(xiàn)研發(fā)的過程：
好了，關(guān)鍵問題又來(lái)了。
遮罩動(dòng)畫
什么叫遮罩動(dòng)畫呢？簡(jiǎn)單點(diǎn)說就是，頁(yè)面上有兩層元素，上層是一個(gè)形狀，下層是要出現(xiàn)的動(dòng)畫。
那我們能用它來(lái)干什么呢？
比如我們可以在形狀底部，添加一個(gè)視頻，那么，可以讓文字的視覺效果更加動(dòng)感：
當(dāng)然，用它來(lái)做人物介紹，或者是產(chǎn)品介紹，也是很好的用法：
好了，關(guān)鍵問題又來(lái)了。
2. 在形狀底部，設(shè)置元素動(dòng)畫或者是有一個(gè)視頻自動(dòng)播放即可；
彈幕動(dòng)畫
這個(gè)不用我多說了吧？彈幕總該知道。我們只需要在頁(yè)面上胡亂的打一堆字，然后添加飛入動(dòng)畫就好了。
通常來(lái)說，彈幕動(dòng)畫可以用來(lái)表現(xiàn)頁(yè)面元素很多，比如很多人留言，很多人的謾罵等：
好了，關(guān)鍵問題又來(lái)了。
當(dāng)然，本文提到的部分動(dòng)畫效果，可能對(duì)powerpoint軟件的版本有一定要求，所以，建議大家能夠升級(jí)一下自己的軟件，畢竟工欲善其事，必先利其器，對(duì)嗎？
好了，以上就是今天要跟各位分享的九種PPT動(dòng)畫效果，希望能夠?qū)δ阌兴鶈l(fā)。
另外，相信有些讀者看完本文后，依舊對(duì)操作不甚了解，所以，在此把源文件放出，在下方留言并刷新本頁(yè)，即可領(lǐng)取下載地址。
不少同學(xué)在看過之后都覺得十分舒服，而這種讓人愉悅的動(dòng)畫風(fēng)格被統(tǒng)稱為MG動(dòng)畫（Motion Graphic）以往只有通過AE這樣的專業(yè)軟件才能實(shí)現(xiàn)，但在PPT功能越來(lái)越完善的今天，只要使用得當(dāng)，也可以實(shí)現(xiàn)相當(dāng)壯觀的效果。
今天我把MG動(dòng)畫里最重要的特征總結(jié)出來(lái)，做到下面5點(diǎn)可以使你的PPT動(dòng)畫得到質(zhì)的飛升！
1.? 神秘的加速度
關(guān)于加速度，在PPT中常用的就是飛入飛出/移動(dòng)動(dòng)畫了，如果直接添加【移動(dòng)】效果，不會(huì)有任何加速度的感覺。
這時(shí)候，只要我們?cè)趧?dòng)畫菜單欄中打開【動(dòng)畫窗格】，右鍵設(shè)置【移動(dòng)】動(dòng)畫，就可以打開新世界的大門！
在這個(gè)設(shè)置窗口中，如果我們對(duì)平滑開始/平滑結(jié)束設(shè)置一定的數(shù)值，就會(huì)產(chǎn)生完全不同的視覺效果?。ㄔ陂_始和結(jié)束時(shí)有明顯的加速度效果）
如果把前后效果進(jìn)行對(duì)比，很明顯的發(fā)現(xiàn)有加速度的這一組充滿了“生命力”，效果更讓人容易接受！
動(dòng)畫示例：
在上面的這組動(dòng)畫中，背景中出現(xiàn)的白色氣泡均使用了【平滑結(jié)束】這一功能。結(jié)束之前的加速度讓整個(gè)畫面都富有活力~同時(shí)也避免了動(dòng)畫戛然而止的突兀感。
2.? 細(xì)節(jié)上的彈跳性
其實(shí)在很久之前，PPT就已經(jīng)支持運(yùn)動(dòng)彈跳的功能了。如果是細(xì)心的同學(xué)，相信你已經(jīng)發(fā)現(xiàn)在加速度的設(shè)置窗口下面有一個(gè)額外的選項(xiàng)【彈跳結(jié)束】。
對(duì)彈跳結(jié)束設(shè)置一定的數(shù)值，同樣也可以加強(qiáng)動(dòng)畫的柔和感~這一功能對(duì)于飛入/飛出這樣的路徑動(dòng)畫同樣適用！
動(dòng)畫示例：
在上面數(shù)字的掉落過程中，我是用了明顯的【彈跳結(jié)束】效果。讓物體具有彈性，幾乎是所有MG動(dòng)畫的特點(diǎn)，這樣的運(yùn)動(dòng)帶給人柔和的美感。
? ? 3.? 運(yùn)動(dòng)感的修飾
在MG動(dòng)畫中，往往存在不少?zèng)]有實(shí)際意義但不可或缺的元素，其實(shí)他們就是對(duì)畫面運(yùn)動(dòng)感的補(bǔ)充！例如我們常常見到的直角射線，圓環(huán)線等。
這樣的效果如何在PPT里面實(shí)現(xiàn)呢？其實(shí)只要設(shè)置好動(dòng)畫的先后出現(xiàn)順序即可！
例如最簡(jiǎn)單的圓環(huán)線，其實(shí)是由3組圓環(huán)組成，圓環(huán)本身可以在PPT里直接插入~對(duì)其添加【進(jìn)入效果-輪子】，【退出效果-輪子】，這樣就可以實(shí)現(xiàn)下面的簡(jiǎn)單效果，即圓環(huán)線的基本原理~
復(fù)制幾層以后，對(duì)他們的時(shí)間稍稍調(diào)節(jié)先后順序，不難實(shí)現(xiàn)較為復(fù)雜的圓環(huán)線效果！
動(dòng)畫示例：
在放大鏡的出現(xiàn)中，圓環(huán)線的使用恰到好處，這些元素存在的意義就是使得畫面更加飽滿和豐富，圖形的運(yùn)動(dòng)感也得到了大大加強(qiáng)！
? ? 4.? 運(yùn)動(dòng)的隨機(jī)性
隨機(jī)是物理世界中常見的形態(tài)了，幾乎所有物體都在運(yùn)動(dòng)著。同樣地，在PPT當(dāng)中同樣可以對(duì)這種看似“隨機(jī)”的運(yùn)動(dòng)進(jìn)行模仿。
例如添加好路徑動(dòng)畫后，再設(shè)置好循環(huán)次數(shù)，就可以實(shí)現(xiàn)下面的效果。
路徑動(dòng)畫的設(shè)置也十分簡(jiǎn)單，這種看似隨機(jī)的運(yùn)行其實(shí)是圍繞一點(diǎn)進(jìn)行不規(guī)則的“圓周”運(yùn)動(dòng)。
可以先對(duì)形狀添加“圓周”運(yùn)動(dòng)，之后右鍵選擇圓周，對(duì)圓周的形狀進(jìn)行編輯（在圓周上右鍵-編輯頂點(diǎn)），讓它看起來(lái)是不規(guī)則圖形即可~
再對(duì)圓周運(yùn)動(dòng)設(shè)置循環(huán)次數(shù)，就可以看到類似上面的隨機(jī)動(dòng)畫了！
動(dòng)畫示例：
仔細(xì)觀察，不難發(fā)現(xiàn)上圖人物部分的動(dòng)畫都添加了“隨機(jī)”運(yùn)動(dòng)效果，這樣做的好處顯而易見，整個(gè)人物都“活”了起來(lái)，仿佛真實(shí)存在一般，這也是MG動(dòng)畫的重要特征之一。
5.? 動(dòng)畫的層次感
在MG動(dòng)畫當(dāng)中，常常會(huì)對(duì)同一個(gè)動(dòng)畫添加較多的層次（同一個(gè)效果重復(fù)數(shù)次），以此來(lái)進(jìn)一步豐富畫面效果~
將同一組動(dòng)畫分多次出現(xiàn)，可以讓畫面顯得不單調(diào)，例如上圖制作方法也不算復(fù)雜。
加好圓形，設(shè)置好【進(jìn)入動(dòng)畫-輪子】之后，將它復(fù)制幾份，調(diào)整顏色，放置到原有圖形的上方即可！
動(dòng)畫示例：
看似簡(jiǎn)單的圓形擦除動(dòng)畫，在復(fù)制了3次并調(diào)整時(shí)間順序之后，也可以形成不錯(cuò)的視覺效果！層次感也是MG動(dòng)畫細(xì)節(jié)里的重要組成部分。
趕快學(xué)起來(lái)吧！
]]>
本文作者：程麗荃
本文是本周繼「封面設(shè)計(jì)」、「數(shù)據(jù)圖表」、「借鑒思路」三篇文章后又一篇需要認(rèn)真咀嚼的干貨，如有不適，請(qǐng)收藏或轉(zhuǎn)發(fā)。
PPT的定位是演示軟件，并不是專業(yè)的動(dòng)畫軟件，但又因PPT動(dòng)畫種類多、易上手、易修改等優(yōu)勢(shì)，一直以來(lái)被很多PPT愛好者追捧。本篇文章中，作者將從PPT動(dòng)畫設(shè)計(jì)的基本法則入手，為大家能更好地學(xué)習(xí)PPT動(dòng)畫提供更好的思路。
如何更好更快地學(xué)好PPT動(dòng)畫，不只需要你看很多優(yōu)秀的案例，還需要熟悉PPT動(dòng)畫設(shè)計(jì)的這6種法則：
01.屬性轉(zhuǎn)換法
這是最普遍，也是最簡(jiǎn)單的一種動(dòng)態(tài)切換思路。
屬性也就是說每個(gè)元素所具有的性質(zhì)，其中包含了位置、大小、個(gè)數(shù)、角度、透明度、顏色等，而讓這些屬性直接發(fā)生變化，就可以實(shí)現(xiàn)一個(gè)動(dòng)態(tài)效果。
比如讓物體從左往右，或從右至左，讓物體由大變小，讓它從紅色變成綠色，等等都是屬性轉(zhuǎn)換法。
而在PPT動(dòng)畫里面，位置的改變會(huì)使用到動(dòng)作路徑、大小的改變會(huì)使用到放大縮小，角度的變化可以用旋轉(zhuǎn)、層疊，透明度和顏色的改變會(huì)用到強(qiáng)調(diào)動(dòng)畫里的填充顏色，字體顏色、線條顏色、畫筆顏色、補(bǔ)色等等。
（圖片文字較小，請(qǐng)放大觀看）
幾乎所有的動(dòng)畫都離不開屬性變化，任何有創(chuàng)意的動(dòng)圖里多多少少都是將物體的屬性發(fā)生改變的，比如：
第一個(gè)示例 動(dòng)態(tài)的wifi是在改變?cè)氐慕嵌?，第二個(gè)示例 點(diǎn)贊動(dòng)畫是改變了素材的顏色和大小，第三個(gè)示例 下載成功的動(dòng)畫是改變了元素的位置和顏色。
這個(gè)很容易上手的屬性轉(zhuǎn)換法可以設(shè)計(jì)出很多動(dòng)畫，你可以只改變素材的1個(gè)屬性，也可以是2個(gè)，甚至也可以是3個(gè)乃至更多
腦洞繼續(xù)發(fā)散：
只為1個(gè)屬性添加動(dòng)畫：
改變［位置］：小圓從第二層圈向第三層圈移動(dòng)，最后回到第一個(gè)圈的軌道上.
同時(shí)為2個(gè)屬性添加動(dòng)畫：
改變［顏色］和［角度］：［顏色］由紫色－變成綠色，［角度］紫色的方塊翻轉(zhuǎn)一個(gè)面變成綠色的方塊
同時(shí)為3個(gè)屬性添加動(dòng)畫：
改變［大小］［顏色］［位置］：［大?。蔹c(diǎn)擊之后愛心變大，［顏色］有灰色變紅色＋藍(lán)色，［位置］確認(rèn)之后向右移動(dòng)
同時(shí)為4個(gè)屬性添加動(dòng)畫：
改變［個(gè)數(shù)］［角度］［位置］［大?。荩?/strong>［個(gè)數(shù)］由1個(gè)變多個(gè)?，［角度］三角形在不斷的旋轉(zhuǎn)，［位置］右中心向外不斷擴(kuò)張，［大?。葜行牡娜切尾粩嘧兇螅苓吶切尾粩嘧冃?/p>
將元素的本質(zhì)路徑（或筆畫）進(jìn)行重組，構(gòu)成一個(gè)新的元素，這需要觀察兩個(gè)元素筆畫之間的關(guān)系，具有一定的挑戰(zhàn)性。 第一個(gè)示例 對(duì)上下兩個(gè)支線段進(jìn)行重組,中間的線段由線變成點(diǎn)進(jìn)行縮放 第二個(gè)示例 通過周圍的圈重組形成線性的效果最后變成勾 第三個(gè)示例 將三條線重組，產(chǎn)生位移，形成箭頭 第四個(gè)示例 對(duì)音量的2條線段進(jìn)行路徑重組，產(chǎn)生X型 第五個(gè)示例 對(duì)右邊的線段以中心點(diǎn)變形,產(chǎn)生三角的效果 除此之外，利用這種路徑重組切換法可以設(shè)計(jì)很多種動(dòng)畫，比如以下這組動(dòng)畫： 這是一種很常見的思路，面和面進(jìn)行轉(zhuǎn)換的時(shí)候，可以用線作為介質(zhì)，一個(gè)面先轉(zhuǎn)換成一根線，再通過這根線轉(zhuǎn)換成另一個(gè)面。 同理，線和線轉(zhuǎn)換時(shí)，可以用點(diǎn)作為介質(zhì)，一根線先轉(zhuǎn)換成一個(gè)點(diǎn)，再通過這個(gè)點(diǎn)轉(zhuǎn)換成另一根線。當(dāng)然，三者之間也可以相互遞增或遞減。 第一個(gè)示例 將彎曲的路徑匯聚成一個(gè)點(diǎn)，然后再繪制出一個(gè)交叉的新圖形 第二個(gè)示例 讓點(diǎn)不斷的移動(dòng)形成圓形和矩形之間的切換 第二個(gè)示例 將環(huán)形上的點(diǎn)匯聚，繪制出勾的形狀（既屬于路徑重組也屬于點(diǎn)線面升降） 除了這些小的圖標(biāo)變換之外，我們做成GIF的形式也有很多，比如這個(gè)，就是將3個(gè)icon聯(lián)系在一起，也綜合了一點(diǎn)路徑重組法： 此外還有這也是運(yùn)用的點(diǎn)線面升降法： 兩個(gè)圖形之間相互轉(zhuǎn)換時(shí)，可以用其中一個(gè)圖形作為另一個(gè)圖形的遮罩，也就是作為它的邊界，當(dāng)這個(gè)圖形放大的時(shí)候，因?yàn)榱硪粋€(gè)圖形作為邊界的緣故，讓人覺得它轉(zhuǎn)換成了另一個(gè)圖形的形狀。 思路很簡(jiǎn)單，但也有一點(diǎn)局限性，兩個(gè)圖形必須是包含關(guān)系。 這個(gè)示例中，圓形頂部有層圓角矩形的遮罩實(shí)現(xiàn)圓形與圓角矩形之間的切換分針與時(shí)針運(yùn)用路徑重組法，形成T字 使用遮罩法的例子也有很多，常用于APP動(dòng)態(tài)當(dāng)中，比如： 打個(gè)貼切的比方，就是把兩塊巧克力融化了合在一起，成為一塊新的巧克力 分裂融合法尤其適用于上一個(gè)動(dòng)畫為整體，下一個(gè)動(dòng)畫為分散的情況。 同樣，在這個(gè)基礎(chǔ)上，能夠使用到的動(dòng)畫也特別多： 顧名思義，便是結(jié)合我們生活中的常識(shí)，在潛意識(shí)里有對(duì)某個(gè)物體腦補(bǔ)的狀態(tài)，比如我們想到眼睛就會(huì)想到眨眼的動(dòng)作，想到射箭就會(huì)想到會(huì)有一個(gè)拉伸的動(dòng)作，想到... 因此，在物體特征的基礎(chǔ)上，這些動(dòng)畫就出現(xiàn)了： （以上的設(shè)計(jì)思路總結(jié)靈感來(lái)源于優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)，動(dòng)畫靈感來(lái)源于花瓣網(wǎng)） 本文原標(biāo)題：這也許是最全的PPT動(dòng)畫設(shè)計(jì)法則
02.路徑重組法
03.點(diǎn)線面升降法
04.遮罩法
05.分裂融合法
06.物體特性法
在進(jìn)行 ppt 演示時(shí)，動(dòng)畫是一個(gè)很容易為演示效果加分的選項(xiàng)，它不僅能給滿足視覺上對(duì)于動(dòng)畫的喜好，同時(shí)，還承載著很多的功能，比如讓邏輯更加清晰，引導(dǎo)觀眾的視覺焦點(diǎn)等。
另外，在 PowerPoint 軟件中，我們也可以很輕松地為元素添加動(dòng)畫，這是件好事兒，降低了操作成本；但同時(shí)，它因?yàn)椴僮鳂O其簡(jiǎn)單，尤其是很多新手而言，也容易毫不克制地去胡亂添加動(dòng)畫，導(dǎo)致放映時(shí)，頁(yè)面看起來(lái)非?；靵y。
那么，在 ppt?演示中，有哪些常用的動(dòng)畫組合，能為演示加分呢？
結(jié)合上一次關(guān)于動(dòng)畫組合的公開征集結(jié)果，加上我自身的經(jīng)驗(yàn)，在這里，向各位推薦10組常用的 ppt?動(dòng)畫。
? 1.倒計(jì)時(shí)開場(chǎng)動(dòng)畫 ?
使用場(chǎng)景不用詳細(xì)說了吧，各位都能想得到。這個(gè)動(dòng)畫在營(yíng)造正式莊嚴(yán)的氣氛上，非常適合，而且，會(huì)給人一種期待感。試想，誰(shuí)不想知道在3，2，1之后，到底會(huì)發(fā)生什么事情？
那么，這個(gè)動(dòng)畫的邏輯是什么樣的呢？想必很多人都見過，無(wú)非就是出現(xiàn)，消失，出現(xiàn)，消失，一直到結(jié)束。
大概就是這樣：
那么，它是哪些動(dòng)畫組成的呢？
大家趕快掏出小本，記上：它就是縮放+消失。
? 2.快閃視頻中常出現(xiàn)的一個(gè)動(dòng)畫 ?
快閃視頻在這兩年還挺常見，尤其是手機(jī)廠商的發(fā)布會(huì)上。一個(gè)鮮明特點(diǎn)是節(jié)奏快，當(dāng)然，也決定了一次出現(xiàn)在你眼前的信息量肯定很少。
所以，快閃動(dòng)畫的其中一個(gè)邏輯就是，出現(xiàn)，消失，出現(xiàn)，消失，信息更迭的頻率很快，跟上面的倒計(jì)時(shí)動(dòng)畫的不同之處就在于，一個(gè)是為了營(yíng)造緊張氣氛，節(jié)奏穩(wěn)且慢；另一個(gè)是為了不讓你分心，節(jié)奏很快。
就像這樣：
那么，它是哪些動(dòng)畫組成的呢？
大家趕快掏出小本，記上：它就是出現(xiàn)+消失。
? 3.多個(gè)元素進(jìn)入頁(yè)面時(shí)的動(dòng)畫 ?
當(dāng)元素需要從頁(yè)面外進(jìn)入時(shí)，通常，大多數(shù)人的選擇可能是同時(shí)為這些元素添加飛入動(dòng)畫。但是，有一點(diǎn)需要知道，如果讓幾個(gè)元素同時(shí)出現(xiàn)，會(huì)顯得有些混亂，讓人失去焦點(diǎn)，不知道該注意哪一個(gè)。
就像這樣，一下子全部出現(xiàn)：
那怎么辦呢？我的經(jīng)驗(yàn)是，給每個(gè)動(dòng)畫間添加一個(gè)延遲時(shí)間，調(diào)整其進(jìn)入頁(yè)面的順序。另外，為了讓動(dòng)畫出現(xiàn)的效果，看起來(lái)優(yōu)雅，建議使用平滑結(jié)束。
就像這樣，注意與上圖之間的對(duì)比：
那么，它是哪些動(dòng)畫組成的呢？
大家趕快掏出小本，記上：它就是同時(shí)飛入，在動(dòng)畫選項(xiàng)中，設(shè)置間隔延遲0.25秒，并且使平滑結(jié)束的時(shí)間與動(dòng)畫時(shí)長(zhǎng)保持一致。比如動(dòng)畫時(shí)長(zhǎng)為1秒，那么，平滑結(jié)束時(shí)間也設(shè)置為1秒。
? 4.多個(gè)元素出現(xiàn)，但強(qiáng)調(diào)某一個(gè)的動(dòng)畫 ?
這也是做幻燈片時(shí)，常遇到的一個(gè)場(chǎng)景。比如說做目錄時(shí)，為了讓別人能夠清晰知道一共講了幾個(gè)部分，也同時(shí)為了能夠讓別人知道，接下來(lái)要講的是哪個(gè)部分。我們一般要對(duì)其進(jìn)行重點(diǎn)強(qiáng)調(diào)。對(duì)不對(duì)？
所以，這個(gè)動(dòng)畫的邏輯就應(yīng)該是，讓所有目錄出現(xiàn)，然后，為單個(gè)目錄項(xiàng)添加一個(gè)強(qiáng)調(diào)動(dòng)畫，比如脈沖，或者變色，或者放大等。
我在這里拿其中一個(gè)組合舉個(gè)例子，比如我們選擇，飛入+脈沖，看下效果：
那么，它是哪些動(dòng)畫組成的呢？
大家趕快掏出小本，記上：飛入（動(dòng)畫3）+脈沖或變色或放大等。
? 5.時(shí)間軸動(dòng)畫 ?
這個(gè)動(dòng)畫的應(yīng)用場(chǎng)景也不細(xì)說了，就是用來(lái)表現(xiàn)時(shí)間的發(fā)展以及相應(yīng)每個(gè)節(jié)點(diǎn)發(fā)生的事情。
那么，一般來(lái)說，時(shí)間軸動(dòng)畫的邏輯是什么呢？腦海中思考一下，無(wú)非就是先出現(xiàn)時(shí)間軸，通常是一條線，接下來(lái)出現(xiàn)每個(gè)時(shí)間點(diǎn)以及相應(yīng)的事情，依次重復(fù)，直到最后一個(gè)時(shí)間節(jié)點(diǎn)。對(duì)不對(duì)？
就像這樣：
那么，它是哪些動(dòng)畫組成的呢？
大家趕快掏出小本，記上：讓直線從左到右擦除，時(shí)間節(jié)點(diǎn)為出現(xiàn)+縮放。
? 6.卷宗型動(dòng)畫 ?
什么叫卷宗型動(dòng)畫呢？就是說，通過一定的動(dòng)畫形式，使得畫面一點(diǎn)一點(diǎn)地被展現(xiàn)出來(lái)。那么，這個(gè)動(dòng)畫有什么用呢？
給各位舉個(gè)例子。當(dāng)我們需要展示一些長(zhǎng)卷的時(shí)候，比如公司的發(fā)展歷程，那么，最適合使用這種動(dòng)畫：
那么，它是哪些動(dòng)畫組成的呢？
大家趕快掏出小本，記上：它是將頁(yè)面上的所有內(nèi)容進(jìn)行組合后，添加了從左到右的徑向移動(dòng)。
? 7.強(qiáng)調(diào)某句文本內(nèi)容動(dòng)畫 ?
這個(gè)場(chǎng)景也很常見，為了能夠引起別人對(duì)頁(yè)面上某句話的重視，我們通常會(huì)為那句話添加動(dòng)畫。動(dòng)畫的邏輯很簡(jiǎn)單，無(wú)非就是加強(qiáng)這一句話的出場(chǎng)方式，在此不細(xì)說。常用的形式有兩種。
一是從遠(yuǎn)到近的出場(chǎng)方式：
那么，它是哪些動(dòng)畫組成的呢？這里要先提一點(diǎn)，文本框分為兩層，一層是實(shí)地兒文字，上面那一層文字的透明度設(shè)置為50%。
大家趕快掏出小本，記上：它是對(duì)上層透明度為50%的文字設(shè)置淡入+基本縮放+淡出。
另一種是從近到遠(yuǎn)的出場(chǎng)方式，視覺上看起來(lái)，就是文字從大變小。
那么，它是哪些動(dòng)畫組成的呢？
大家趕快掏出小本，記上：它就只有一個(gè)動(dòng)畫，是基本縮放，但要設(shè)置字母之間延遲出現(xiàn)：
? 8.聚焦動(dòng)畫 ?
當(dāng)想要把全場(chǎng)所有人的目光聚焦在頁(yè)面的某一個(gè)點(diǎn)上時(shí)，這個(gè)動(dòng)畫簡(jiǎn)直是絕配。我第一次看到這個(gè)動(dòng)畫，是《PPT要你好看》的作者楊臻，在演示峰會(huì)上的 PPT 演講，毫不夸張地說，當(dāng)時(shí)被驚艷到了。
這個(gè)動(dòng)畫的邏輯也很簡(jiǎn)單，就是把一張純色的色塊，罩在非聚焦點(diǎn)外。大概就是這樣：
那么，它是哪些動(dòng)畫組成的呢？這里也要先提一點(diǎn)，其實(shí)，內(nèi)容上面覆蓋了兩層黑色形狀，且每一層形狀上，都挖出了一個(gè)圓形小洞。
大家趕快掏出小本，記上：它只利用了一個(gè)動(dòng)畫，叫基本縮放。
? 9.放射型動(dòng)畫 ?
什么叫放射型動(dòng)畫呢？你可以理解為從一到多的一種出現(xiàn)方式。老羅之前的發(fā)布會(huì)上用過這個(gè)動(dòng)畫，用來(lái)展示團(tuán)隊(duì)規(guī)模的擴(kuò)大。
動(dòng)畫方式大概是這樣：
大家可以看到，從一個(gè)點(diǎn)發(fā)射出現(xiàn)了多個(gè)點(diǎn)，這就是我要說的放射型動(dòng)畫。那么，除了剛才展示的擴(kuò)大團(tuán)隊(duì)規(guī)模之外，還有哪些應(yīng)用場(chǎng)景呢？
舉個(gè)例子，比如企業(yè)為了展示服務(wù)流程，可以這么做：
再比如，城市霧霾那么嚴(yán)重，究竟是什么造成的呢？也可以使用這個(gè)動(dòng)畫效果：
那么，它是哪些動(dòng)畫組成的呢？
大家趕快掏出小本，記上：它就是利用基本縮放，讓隱藏元素的出現(xiàn)方式為從屏幕中心放大。
? 10.變體切換動(dòng)畫 ?
相信很多旁友們，都知道這個(gè)動(dòng)畫效果。用來(lái)展現(xiàn)連續(xù)兩頁(yè)之間的縮放效果非常合適。
當(dāng)然，不過遺憾的是，這個(gè)功能只在最新版的 PowerPoint 軟件中才能使用到，不過，的確很炫：
上圖來(lái)自我的好朋友謝天劍（公眾號(hào) JustMoment）前幾天寫的一篇文章中，掃描下方二維碼可以跳轉(zhuǎn)閱讀：
那么，它是哪些動(dòng)畫組成的呢？
大家趕快掏出小本，記上：想用好這個(gè)功能，必須要確保連續(xù)的兩頁(yè)又一個(gè)共同的元素，比如手持手機(jī)的元素。
好了，以上就是今天向各位推薦的10個(gè)動(dòng)畫組合。以后如果有更實(shí)用的動(dòng)畫，同樣會(huì)向各位推薦。
另外，考慮到參數(shù)設(shè)置的精準(zhǔn)性，我把文章所有案例的源文件分享給你，回復(fù)文章就可以拿到文件。
好了，本文就到此為止吧。不廢話了。