本文作者：程麗荃
本文是本周繼「封面設(shè)計(jì)」、「數(shù)據(jù)圖表」、「借鑒思路」三篇文章后又一篇需要認(rèn)真咀嚼的干貨，如有不適，請(qǐng)收藏或轉(zhuǎn)發(fā)。
PPT的定位是演示軟件，并不是專業(yè)的動(dòng)畫(huà)軟件，但又因PPT動(dòng)畫(huà)種類多、易上手、易修改等優(yōu)勢(shì)，一直以來(lái)被很多PPT愛(ài)好者追捧。本篇文章中，作者將從PPT動(dòng)畫(huà)設(shè)計(jì)的基本法則入手，為大家能更好地學(xué)習(xí)PPT動(dòng)畫(huà)提供更好的思路。
如何更好更快地學(xué)好PPT動(dòng)畫(huà)，不只需要你看很多優(yōu)秀的案例，還需要熟悉PPT動(dòng)畫(huà)設(shè)計(jì)的這6種法則：
01.屬性轉(zhuǎn)換法
這是最普遍，也是最簡(jiǎn)單的一種動(dòng)態(tài)切換思路。
屬性也就是說(shuō)每個(gè)元素所具有的性質(zhì)，其中包含了位置、大小、個(gè)數(shù)、角度、透明度、顏色等，而讓這些屬性直接發(fā)生變化，就可以實(shí)現(xiàn)一個(gè)動(dòng)態(tài)效果。
比如讓物體從左往右，或從右至左，讓物體由大變小，讓它從紅色變成綠色，等等都是屬性轉(zhuǎn)換法。
而在PPT動(dòng)畫(huà)里面，位置的改變會(huì)使用到動(dòng)作路徑、大小的改變會(huì)使用到放大縮小，角度的變化可以用旋轉(zhuǎn)、層疊，透明度和顏色的改變會(huì)用到強(qiáng)調(diào)動(dòng)畫(huà)里的填充顏色，字體顏色、線條顏色、畫(huà)筆顏色、補(bǔ)色等等。
（圖片文字較小，請(qǐng)放大觀看）
幾乎所有的動(dòng)畫(huà)都離不開(kāi)屬性變化，任何有創(chuàng)意的動(dòng)圖里多多少少都是將物體的屬性發(fā)生改變的，比如：
第一個(gè)示例 動(dòng)態(tài)的wifi是在改變?cè)氐慕嵌?，第二個(gè)示例 點(diǎn)贊動(dòng)畫(huà)是改變了素材的顏色和大小，第三個(gè)示例 下載成功的動(dòng)畫(huà)是改變了元素的位置和顏色。
這個(gè)很容易上手的屬性轉(zhuǎn)換法可以設(shè)計(jì)出很多動(dòng)畫(huà)，你可以只改變素材的1個(gè)屬性，也可以是2個(gè)，甚至也可以是3個(gè)乃至更多
腦洞繼續(xù)發(fā)散：
只為1個(gè)屬性添加動(dòng)畫(huà)：
改變［位置］：小圓從第二層圈向第三層圈移動(dòng)，最后回到第一個(gè)圈的軌道上.
同時(shí)為2個(gè)屬性添加動(dòng)畫(huà)：
改變［顏色］和［角度］：［顏色］由紫色－變成綠色，［角度］紫色的方塊翻轉(zhuǎn)一個(gè)面變成綠色的方塊
同時(shí)為3個(gè)屬性添加動(dòng)畫(huà)：
改變［大?。荩垲伾荩畚恢茫荩?/strong>［大?。蔹c(diǎn)擊之后愛(ài)心變大，［顏色］有灰色變紅色＋藍(lán)色，［位置］確認(rèn)之后向右移動(dòng)
同時(shí)為4個(gè)屬性添加動(dòng)畫(huà)：
改變［個(gè)數(shù)］［角度］［位置］［大?。荩?/strong>［個(gè)數(shù)］由1個(gè)變多個(gè)?，［角度］三角形在不斷的旋轉(zhuǎn)，［位置］右中心向外不斷擴(kuò)張，［大?。葜行牡娜切尾粩嘧兇?，周邊三角形不斷變小
02.路徑重組法
將元素的本質(zhì)路徑（或筆畫(huà)）進(jìn)行重組，構(gòu)成一個(gè)新的元素，這需要觀察兩個(gè)元素筆畫(huà)之間的關(guān)系，具有一定的挑戰(zhàn)性。
第一個(gè)示例 對(duì)上下兩個(gè)支線段進(jìn)行重組,中間的線段由線變成點(diǎn)進(jìn)行縮放
第二個(gè)示例 通過(guò)周圍的圈重組形成線性的效果最后變成勾
第三個(gè)示例 將三條線重組，產(chǎn)生位移，形成箭頭
第四個(gè)示例 對(duì)音量的2條線段進(jìn)行路徑重組，產(chǎn)生X型
第五個(gè)示例 對(duì)右邊的線段以中心點(diǎn)變形,產(chǎn)生三角的效果
除此之外，利用這種路徑重組切換法可以設(shè)計(jì)很多種動(dòng)畫(huà)，比如以下這組動(dòng)畫(huà)：
03.點(diǎn)線面升降法
這是一種很常見(jiàn)的思路，面和面進(jìn)行轉(zhuǎn)換的時(shí)候，可以用線作為介質(zhì)，一個(gè)面先轉(zhuǎn)換成一根線，再通過(guò)這根線轉(zhuǎn)換成另一個(gè)面。
同理，線和線轉(zhuǎn)換時(shí)，可以用點(diǎn)作為介質(zhì)，一根線先轉(zhuǎn)換成一個(gè)點(diǎn)，再通過(guò)這個(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)線面升降法：
04.遮罩法
兩個(gè)圖形之間相互轉(zhuǎn)換時(shí)，可以用其中一個(gè)圖形作為另一個(gè)圖形的遮罩，也就是作為它的邊界，當(dāng)這個(gè)圖形放大的時(shí)候，因?yàn)榱硪粋€(gè)圖形作為邊界的緣故，讓人覺(jué)得它轉(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)中，比如：
05.分裂融合法
打個(gè)貼切的比方，就是把兩塊巧克力融化了合在一起，成為一塊新的巧克力
分裂融合法尤其適用于上一個(gè)動(dòng)畫(huà)為整體，下一個(gè)動(dòng)畫(huà)為分散的情況。
同樣，在這個(gè)基礎(chǔ)上，能夠使用到的動(dòng)畫(huà)也特別多：
06.物體特性法
顧名思義，便是結(jié)合我們生活中的常識(shí)，在潛意識(shí)里有對(duì)某個(gè)物體腦補(bǔ)的狀態(tài)，比如我們想到眼睛就會(huì)想到眨眼的動(dòng)作，想到射箭就會(huì)想到會(huì)有一個(gè)拉伸的動(dòng)作，想到...
因此，在物體特征的基礎(chǔ)上，這些動(dòng)畫(huà)就出現(xiàn)了：
（以上的設(shè)計(jì)思路總結(jié)靈感來(lái)源于優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)，動(dòng)畫(huà)靈感來(lái)源于花瓣網(wǎng)）
本文原標(biāo)題：這也許是最全的PPT動(dòng)畫(huà)設(shè)計(jì)法則
鄂公網(wǎng)安備 42050602000108號(hào)
在哪里能看到源文件，學(xué)習(xí)學(xué)習(xí)。制作過(guò)程也可以
太棒了，求分享
求源文件
求問(wèn)這是用什么動(dòng)畫(huà)效果做出來(lái)的
求源文件
求源文件學(xué)習(xí)一下啊啊啊
我表示看不懂
同求源文件，學(xué)習(xí)
學(xué)習(xí) ，好羨慕
求源文件！