就在上周三凌晨 1 點(diǎn)，蘋(píng)果在圣何塞舉辦了一年一度的秋季新品發(fā)布會(huì)。相信有不少讀者都熬夜看直播了吧！
作為一名 PPT 定制設(shè)計(jì)師，我的關(guān)注點(diǎn)，當(dāng)然不是產(chǎn)品，而是整場(chǎng)發(fā)布會(huì)的 PPT 設(shè)計(jì)。與往年類似，深色背景搭配高質(zhì)量的產(chǎn)品圖，再加上柔和的動(dòng)畫(huà)效果，只看視頻轉(zhuǎn)播都有一種震撼感。
不得不說(shuō)，這次發(fā)布會(huì)中的動(dòng)畫(huà)效果的確是個(gè)亮點(diǎn)，舉幾個(gè)例子：
有沒(méi)有覺(jué)得很酷呢？相信你一定也想在自己的 PPT 中用上這些動(dòng)畫(huà)效果吧？別急，這篇文章我就跟各位拆解三個(gè)，蘋(píng)果發(fā)布會(huì)中超酷的動(dòng)畫(huà)效果！
位移縮放動(dòng)畫(huà)
可以說(shuō)，這個(gè)動(dòng)畫(huà)，絕對(duì)是本次發(fā)布會(huì)中，出現(xiàn)次數(shù)最多的動(dòng)畫(huà)。只看名字你可能不太明白，所以我特意錄了一些發(fā)布會(huì)的動(dòng)圖供你參考。
比如講到 Apple TV+ 的影視資源：
iPad:
Apple Watch ：
又是或者是，在講解 A13 芯片時(shí)候：
等等......
這些頁(yè)面都是先單獨(dú)展現(xiàn)某個(gè)元素，然后通過(guò)位移縮放，進(jìn)行全局呈現(xiàn)，能夠很好的傳遞演講者的意圖。
那么，這個(gè)動(dòng)畫(huà)該怎么做呢？
我先簡(jiǎn)單說(shuō)一些它原理，整個(gè)動(dòng)畫(huà)大致分為兩步：
01.頁(yè)面中的元素縮小，并發(fā)生位移：
02.其他元素?zé)o規(guī)律出現(xiàn)：
來(lái)看下完整的效果：
對(duì)于第二步，很簡(jiǎn)單，對(duì)各個(gè)元素添加基本縮放的動(dòng)畫(huà)效果，并錯(cuò)開(kāi)動(dòng)畫(huà)開(kāi)始的時(shí)間即可。
不過(guò)對(duì)于第一步，就犯難了，元素的移動(dòng)距離，還有縮小的比例，都不好把控！
可能有讀者會(huì)說(shuō)，用平滑切換?。?/span>
的確，使用平滑切換功能夠做出這樣的效果。但是，這個(gè)功能在 Office 365/2019 的 PPT 版本上才有，并不是每個(gè)人軟件版本都是最新的。
為了照顧軟件版本偏低的讀者，接下來(lái)，我會(huì)跟各位分享一個(gè)，不用平滑切換，只在一頁(yè) PPT 上，也能夠做出位移縮放效果的方法 ——?借助 iSlide 插件中的平滑過(guò)渡。
具體該怎么操作呢？
就拿蘋(píng)果發(fā)布會(huì)中的頁(yè)面為例，我簡(jiǎn)單說(shuō)一下操作步驟。
首先，將圖片復(fù)制一份，并分別擺放在初始位置，和位移縮放后的位置。
就像這樣：
接著，先選中大圖，按 Shift 鍵，再選中小圖，點(diǎn)擊平滑過(guò)渡即可。
注意：這里圖片的先后選中順序不要搞錯(cuò)了
然后，對(duì)其他圖片添加「基本縮放」動(dòng)畫(huà)：
最后，我們來(lái)看下整體效果：
學(xué)會(huì)了嘛？即使沒(méi)有平滑切換這個(gè)功能，也一樣能夠做出酷炫的動(dòng)畫(huà)效果。
波紋擴(kuò)散動(dòng)畫(huà)
這是在介紹手機(jī)空間音頻時(shí)，所用的動(dòng)畫(huà)效果，通過(guò)圓環(huán)的的擴(kuò)散，來(lái)模擬聲音的傳播。
這個(gè)動(dòng)畫(huà)看似很難，但其實(shí)它的原理非常簡(jiǎn)單，就是多個(gè)同心圓環(huán)，依次出現(xiàn)，然后再消失。
那具體該怎么做呢？難到要一個(gè)一個(gè)的去給圓環(huán)添加動(dòng)畫(huà)？
當(dāng)然不是。不是說(shuō)這個(gè)方法行不通，而是太浪費(fèi)時(shí)間了！
嘿嘿，接下來(lái)，再跟各位分享一個(gè)更簡(jiǎn)單快捷的方法 ——?借助 iSlide 插件中的補(bǔ)間動(dòng)畫(huà)。
跟各位說(shuō)一下具體的操作步驟：
01.在頁(yè)面中畫(huà)出兩個(gè)同心圓，我把它命名為圓 A 和圓 B。
02.先選中圓 A和圖片 B，然后點(diǎn)擊「補(bǔ)間動(dòng)畫(huà)」，并設(shè)置具體參數(shù)。
來(lái)看下現(xiàn)階段的效果：
雖然生硬，但已經(jīng)很接近了，我們?cè)賮?lái)優(yōu)化一下。
03.先將圓A、B刪除，調(diào)出「動(dòng)畫(huà)窗格」，并全選所有動(dòng)畫(huà)選項(xiàng)，在「效果選項(xiàng)」中，將「重復(fù)」設(shè)置為 5。
再來(lái)看下效果：
看起來(lái)還不錯(cuò)，對(duì)吧？
那么，問(wèn)題來(lái)了，在我們平時(shí)的幻燈片制作中，這個(gè)動(dòng)畫(huà)有什么用呢？
比如，我們利用它來(lái)模擬音頻的傳播，將看不見(jiàn)的聲音具象化：
除此之外，我們可以利用它不斷擴(kuò)散的特點(diǎn)，表達(dá)對(duì)外開(kāi)放的含義，就像這樣：
光源淡入動(dòng)畫(huà)
這是在展現(xiàn) Apple TV+ 的 logo 時(shí)，所用到的動(dòng)畫(huà)效果。
這個(gè)動(dòng)畫(huà)在操作上不難，沒(méi)什么好說(shuō)的，給光源添加一個(gè)淡入效果就可以了，就像這樣：
我個(gè)人也是非常喜歡這個(gè)動(dòng)畫(huà)效果的，在以往的定制案例中，經(jīng)常會(huì)用到。
比如我們可以用于在品牌 logo 的展示上：
除了用于品牌 logo 展示，光源動(dòng)畫(huà)用在封面的標(biāo)題的呈現(xiàn)上也十分的合適。
比如標(biāo)題本身產(chǎn)生光源效果：
或者是單獨(dú)添加光源修飾：
效果都很不錯(cuò)！
好了，以上呢，就是這次蘋(píng)果發(fā)布會(huì)中，3 個(gè)讓我非常驚喜的動(dòng)畫(huà)效果。希望能夠?yàn)槟銕?lái)一些啟發(fā)！
另外，再送給大家一個(gè)福利，回復(fù)本文，就能獲取我為你準(zhǔn)備的動(dòng)畫(huà)源文件啦！想用上酷炫的動(dòng)畫(huà)，不用自己設(shè)置，直接拿動(dòng)畫(huà)刷，刷一下就行。
]]>