蘋(píng)果又開(kāi)發(fā)布會(huì)了，這些創(chuàng)意的PPT動(dòng)畫(huà)值得學(xué)習(xí)！

今天凌晨的蘋(píng)果發(fā)布會(huì)，各位熬夜看了嗎？沒(méi)有的話也沒(méi)關(guān)系，我用50個(gè)字給各位總結(jié)一下，它的內(nèi)容要點(diǎn)。

一共發(fā)布了4款產(chǎn)品，分別是：

• Apple News +
• Apple Card +
• Apple Arcade
• Apple TV+

幾乎與我們沒(méi)有半毛錢關(guān)系，總結(jié)完畢。

不過(guò)，這次發(fā)布會(huì)雖然沒(méi)有硬件產(chǎn)品，但它的PPT做的還是有點(diǎn)兒意思，整體的邏輯結(jié)構(gòu)我就不多說(shuō)了，依舊是總分結(jié)構(gòu)。

它的有些PPT動(dòng)畫(huà)還是挺意思的，比如像這些：

或者是這些：

很酷，對(duì)嗎？

有些讀者還拍了一些動(dòng)畫(huà)視頻，來(lái)問(wèn)我是怎么做的。所以，這篇文章就來(lái)跟各位分享3個(gè)創(chuàng)意的動(dòng)畫(huà)效果。

動(dòng)態(tài)數(shù)據(jù)圖表動(dòng)畫(huà)

發(fā)布會(huì)上有一段呈現(xiàn)。它是什么樣的呢？給大家截個(gè)動(dòng)圖：

大家可以看到，其實(shí)呢，這里面包含兩個(gè)小的動(dòng)畫(huà)，一個(gè)是數(shù)字滾動(dòng)，另一個(gè)是弧形擦除動(dòng)畫(huà)，二者是同時(shí)播放。

這是個(gè)很實(shí)用的動(dòng)畫(huà)效果，我們?cè)诔尸F(xiàn)產(chǎn)品數(shù)據(jù)比例關(guān)系的時(shí)候，也可以使用這個(gè)動(dòng)畫(huà)：

那這個(gè)是怎么做的呢？弧形擦除動(dòng)畫(huà)呢，無(wú)非是添加一個(gè)『輪子』動(dòng)畫(huà)即可：

比較難的，可能是數(shù)字滾動(dòng)。接下來(lái)，就給各位解析一下它的實(shí)現(xiàn)原理。

其實(shí)也很簡(jiǎn)單，我們需要做的就是分為3個(gè)步驟：

01.將數(shù)據(jù)拆分成單個(gè)數(shù)字，并且縱向添加一些數(shù)字。數(shù)字越多，滾動(dòng)時(shí)間越長(zhǎng)，但要注意，最后一個(gè)數(shù)字，一定要與需要呈現(xiàn)的數(shù)據(jù)保持一致。

就像這樣：

02.在數(shù)字的上下兩側(cè)，各添加一個(gè)形狀，做遮擋效果。為了確保形狀與背景融合度較高，建議形狀格式設(shè)置為『幻燈片背景填充』：

03.為每一列數(shù)字添加直線路徑動(dòng)畫(huà)，讓它們滾起來(lái)。就像這樣：

這就是它的實(shí)現(xiàn)原理，很簡(jiǎn)單就能做城這樣：

那么，除了弧形動(dòng)畫(huà)之外，其實(shí)我們還可以設(shè)計(jì)條形圖的動(dòng)畫(huà)，原理也是一樣的：

元素聚中路徑動(dòng)畫(huà)

在蘋(píng)果發(fā)布會(huì)中呢，有這樣的一個(gè)動(dòng)畫(huà)，為了體現(xiàn)A產(chǎn)品包含的內(nèi)容很豐富，制作了一個(gè)所有內(nèi)容匯集在A產(chǎn)品中的動(dòng)畫(huà)A：

那這個(gè)動(dòng)畫(huà)的效果是怎么實(shí)現(xiàn)的呢？它的原理也很簡(jiǎn)單。無(wú)非就是給頁(yè)面上所有的元素，都添加一個(gè)直線路徑動(dòng)畫(huà)，終點(diǎn)是頁(yè)面中心。

就像這樣：

那使用這個(gè)動(dòng)畫(huà)，在我們平時(shí)做幻燈片中，都有什么用途呢？

比如，我們可以用來(lái)表現(xiàn)一個(gè)由不同方面組成的一個(gè)概念，可以更清晰地展現(xiàn)出它們的邏輯關(guān)系：

在或者當(dāng)我們想要體現(xiàn)產(chǎn)品賣點(diǎn)的時(shí)候，比如一款CD產(chǎn)品，為了體現(xiàn)它的數(shù)量豐富，也可以采用這樣的方式：

頁(yè)面遮罩呈現(xiàn)動(dòng)畫(huà)

在發(fā)布會(huì)上，每一個(gè)過(guò)渡頁(yè)的文字內(nèi)容，都會(huì)有漸變流動(dòng)的效果：

那這個(gè)是怎么實(shí)現(xiàn)的呢？它的原理是這樣的，在頁(yè)面上插入一個(gè)形狀，在需要露出的部分呢，將它裁剪掉，這時(shí)候底部的元素變化，就會(huì)影響我們看到的視覺(jué)變化：

那它能干什么用呢？比如我們?cè)谠O(shè)計(jì)幻燈片時(shí)，對(duì)于過(guò)渡頁(yè)的內(nèi)容，我們可以在它的底部，添加一張漸變背景圖，從而保障文字發(fā)生相應(yīng)的漸變效果：

再比如，當(dāng)我們想要先局部，后整體展示的時(shí)候，也可以利用這個(gè)動(dòng)畫(huà)：

明白了嗎？這就是我們能夠從中g(shù)et到的一些創(chuàng)意動(dòng)畫(huà)方式，從原理來(lái)看，它的實(shí)現(xiàn)方式并不難，當(dāng)然，最關(guān)鍵的還是在于創(chuàng)意。

希望能夠?qū)δ阌兴鶈l(fā)，就這樣，寫(xiě)了半天，快累死了。