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

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

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

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

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

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

它的有些PPT動畫還是挺意思的，比如像這些：

或者是這些：

很酷，對嗎？

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

動態(tài)數(shù)據(jù)圖表動畫

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

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

這是個很實用的動畫效果，我們在呈現(xiàn)產(chǎn)品數(shù)據(jù)比例關(guān)系的時候，也可以使用這個動畫：

那這個是怎么做的呢？弧形擦除動畫呢，無非是添加一個『輪子』動畫即可：

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

其實也很簡單，我們需要做的就是分為3個步驟：

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

就像這樣：

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

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

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

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

元素聚中路徑動畫

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

那這個動畫的效果是怎么實現(xiàn)的呢？它的原理也很簡單。無非就是給頁面上所有的元素，都添加一個直線路徑動畫，終點是頁面中心。

就像這樣：

那使用這個動畫，在我們平時做幻燈片中，都有什么用途呢？

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

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

頁面遮罩呈現(xiàn)動畫

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

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

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

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

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

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