那個(gè)超炫酷的小鹿茶PPT動(dòng)畫,到底是怎么做出來的?

應(yīng)各位讀者的強(qiáng)烈要求,這篇文章,就來拆解下,昨天文章中那頁P(yáng)PT動(dòng)畫的設(shè)計(jì)。
怕有些讀者感到陌生,咱們?cè)賮砜匆槐檫@頁 PPT :

那它具體是怎么制作出來的呢?
不得不說,太簡(jiǎn)單了,簡(jiǎn)單到什么程度呢?借用我一位同事的話講,就是『點(diǎn)一下』就完成了??!
對(duì),今天咱們就來說說這個(gè)『點(diǎn)一下』,到底是怎么回事兒。
這里呢,需要使用到 PPT 中的兩項(xiàng)技術(shù),分別是:
三維旋轉(zhuǎn)
路徑動(dòng)畫
好了,那這兩項(xiàng)技術(shù),到底是怎么被運(yùn)用的呢?
第一步,我們打開原稿頁面,就是這一堆截圖。注意盡量排放整齊:

第二步,將這些圖片全部選中,鼠標(biāo)右鍵設(shè)計(jì)形狀格式,找到三維旋轉(zhuǎn):

因?yàn)槲覀円阉戒?,所以?strong>選擇一個(gè)平鋪的效果即可,什么參數(shù)都不用調(diào)整:

第三步,就是加動(dòng)畫,在說具體制作之前,咱們?cè)賮砜匆槐椋?br/>

看起來有點(diǎn)像『浮入』動(dòng)畫,對(duì)嗎?
的確,粗糙的做法,就是直接給它們添加浮入動(dòng)畫,也能實(shí)現(xiàn)類似的效果。但這種做法,導(dǎo)致的后果就是,動(dòng)畫特別傻,很生硬:

我們工作室研究出來的結(jié)果是,想要讓 PPT 動(dòng)畫更加流暢自然,最好的方法是,給它加一個(gè)復(fù)合動(dòng)畫,就是淡入+路徑動(dòng)畫。
咱們與前面的浮入動(dòng)畫效果做一比較,就看的清清楚楚了:

那問題來了,這個(gè)復(fù)合動(dòng)畫是怎么完成的呢?
咱們拿一張圖來說,可以給它加上復(fù)合動(dòng)畫,就是先添加淡入動(dòng)畫,然后再添加路徑動(dòng)畫:

注**色的動(dòng)畫圖標(biāo)
另外,我們還需要修改直線路徑動(dòng)畫的方向,這里有個(gè)小竅門是,沿著圖片的方向,繪制一根平行的直線,以此,來調(diào)整動(dòng)畫的方向:

除此之外,還有一點(diǎn)要注意,一定要將動(dòng)畫設(shè)置為平滑結(jié)束,只有這樣,才可以讓動(dòng)畫更絲滑:

完成了這一張圖片的動(dòng)畫之后,接下來,使用『動(dòng)畫刷』,把其它圖片都刷上相同的動(dòng)畫格式:

最后,最關(guān)鍵的一步來了,這是大神和小白的第2個(gè)區(qū)別,就是要調(diào)整動(dòng)畫的延遲出現(xiàn),從而形成時(shí)間差:
比如這一頁 PPT 中,有些圖片的動(dòng)畫是先出,有些是后出的:



注意動(dòng)畫的延遲時(shí)間
只有這樣,才能形成錯(cuò)落出現(xiàn)的感覺:

這里再次強(qiáng)調(diào)一遍,千萬不要一下子讓所有圖片同時(shí)出現(xiàn)。
好了,到這里呢,咱們的 PPT 動(dòng)畫就算完成了。這就是設(shè)計(jì)師口中,所謂的『點(diǎn)一下』的具體操作。
咱們一起來想一下,當(dāng)我們學(xué)會(huì)了這個(gè)動(dòng)畫之后,它還能在哪些場(chǎng)合中使用呢?
來,我先拋幾塊磚。
比如在簡(jiǎn)歷 PPT 中,我們來展示自己的以往工作中的作品:

再比如,我們是不是可以考慮把圖片換成文字,來做文字云動(dòng)畫呢?

還有哪些呢?比如:
在公司年會(huì)上,我們是不是可以展現(xiàn)一年來的工作場(chǎng)景片段呢?
在旅游 PPT 上,是不是可以做一個(gè)旅游地的照片展示呢?
......
不得不說,真是太多了,多到什么程度呢?再借用我另一位同事的話講,就是『想一下』就有?。?/p>
哈哈哈哈,竟然與前面的『點(diǎn)一下』呼應(yīng)了。
最后的最后,如果你沒有看昨天的文章,竟然還看到了這里,那我就要給你點(diǎn)個(gè)贊了,順便推薦下我昨天的文章。
點(diǎn)閱吧:我花了2個(gè)小時(shí),為瑞幸咖啡修改了一份發(fā)布會(huì)PPT!
本文內(nèi)容為 旁門左道PPT?原創(chuàng)出品
再小的技能,
也值得被認(rèn)真對(duì)待。