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