1 瀑布流

在網(wǎng)頁(yè)圖片加載或者應(yīng)用圖片加載過程中，為了兼容性能和交互，圖片的瀑布流加載顯示方式較為常見。每一張圖片作為一個(gè)單獨(dú)的個(gè)體，滾動(dòng)的展現(xiàn)方式，在圖片展示中效果較佳。

需要說明的是，因?yàn)镻C的機(jī)器性能限制，這種動(dòng)畫方式的流暢性會(huì)隨著單頁(yè)幻燈片圖片加載數(shù)量增加、單張圖片的體積較大等客觀因素而降低。自己的筆記本測(cè)試：?jiǎn)螐?50kb，圖片超過20張就會(huì)稍微出現(xiàn)卡頓。大家可以根據(jù)自己機(jī)器情況自行決定展示的圖片數(shù)量。

1.1 3×n的版式

這種版式是三列排版，根據(jù)圖片排布整齊美觀與否，部分會(huì)設(shè)置為兩列版式。

使用幾何形狀的填充占位，這樣的好處就是，這里把一些基本的動(dòng)畫設(shè)計(jì)完畢，然后每次使用只需要更改需要的圖片即可。

下圖是將幾何圖形填充變換成圖片之后的整體排版，并且使用幾何圖形占位載替換每一張圖片時(shí)，可以對(duì)圖片進(jìn)行參數(shù)調(diào)整，使每一張圖片能夠滿足顯示要求。

1.2 2×n的版式

這里示例所列取的版式圖片，每張圖片均是16:9的比例，當(dāng)然可以根據(jù)實(shí)際需要改變成其他的尺寸。具體的展示原理都是一樣，主要是顯示圖片尺寸和數(shù)量有所區(qū)別。

1.3 瀑布流動(dòng)畫實(shí)現(xiàn)

如果對(duì)動(dòng)畫不太熟悉或者不了解，可跳過該小節(jié)。使用的時(shí)候可以將此頁(yè)拷貝到你的幻燈片之中，然后將圖片替換即可，不需要去關(guān)心這些動(dòng)畫。

該效果主要使用長(zhǎng)路徑動(dòng)畫+淡出動(dòng)畫實(shí)現(xiàn)。所有對(duì)象均使用同一個(gè)長(zhǎng)路徑動(dòng)畫，這樣能夠保證每一張圖片移動(dòng)的速度一致，使用淡出動(dòng)畫是為了體現(xiàn)瀑布流中圖片的延遲顯示視覺效果。

小結(jié)：瀑布流排版的列數(shù)，可以是2×n、3×n，還可以是4×n，5×n。當(dāng)然大于5之后，顯示的效果會(huì)受影響，2或3是比較合適的列數(shù)選擇。

場(chǎng)景：羅子雄大神在TEDx Chongqing開場(chǎng)圖片演示，演講視頻地址 【TEDx】如何成為一名優(yōu)秀的設(shè)計(jì)師：羅子雄

2 縮放/路徑動(dòng)畫

2.1 3圖路徑動(dòng)畫法

使用短路徑動(dòng)畫，中間使用細(xì)長(zhǎng)矩形填充作為圖片和圖片的分隔。使用場(chǎng)景多用于圖形展示中，三張圖的對(duì)比/并列。

下面是具體的動(dòng)畫顯示窗格圖，可以看出圖一和三方向一致、和圖二呈相反方向。這是為了在圖片演示過程中帶來(lái)交錯(cuò)感覺。

2.2 4圖路徑+縮放動(dòng)畫排版一

使用短路徑動(dòng)畫、縮放動(dòng)畫，中間使用細(xì)長(zhǎng)矩形填充作為圖片和圖片的分隔。使用場(chǎng)景多用于圖形展示中，四張圖的對(duì)比/并列顯示。

動(dòng)畫窗格顯示，圖一和圖四除了路徑動(dòng)畫之外還加了縮放動(dòng)畫。為啥是一和四，我也是加這張圖的時(shí)候才發(fā)現(xiàn)，就不改了，理解那個(gè)意思就行了。

2.3 4圖路徑+縮放動(dòng)畫排版二

不同于2.2中的4圖排版，這里圖片顯示有大有小，所展示的不是同等尺寸圖片的對(duì)比并列，而是多尺寸圖的錯(cuò)落有致，中間使用粗線條隔離。

動(dòng)畫窗格顯示可以看出，使用了路徑、縮放動(dòng)畫。圖三即左下，為了能夠保證縮小之后能夠填充頁(yè)面，將圖片尺寸設(shè)置較大，然后使用路徑動(dòng)畫慢慢向頁(yè)面中心移動(dòng)。

圖層分布如下：

分隔線條：是使用多個(gè)矩形框進(jìn)行拼接的整體，置于頂層

左下：使用藍(lán)色標(biāo)記，僅次于頂層

左上右下：使用綠色標(biāo)記，次于左下圖層

右上：使用紅色標(biāo)記，置于底層

并且這里的圖片圖層疊放需要去考慮，這里是將左下那張置于其他三張之上，這樣配合分隔線條能夠從視覺上體現(xiàn)圖和圖之間的分離。具體圖層設(shè)置參考源文件。

2.4 路徑動(dòng)畫圖片排版

類似于膠卷滾動(dòng)，但是會(huì)給特殊鏡頭特寫的趕腳。使用短路徑+長(zhǎng)路徑動(dòng)畫，短路徑動(dòng)畫用于每張圖片的展示，長(zhǎng)路徑用于圖和圖的切換。

小結(jié)：使用路徑動(dòng)畫和縮放動(dòng)畫，可以做出很好的展示動(dòng)態(tài)效果。上面這幾種排版思路是到目前為止所做的有關(guān)展示類幻燈片中所用到的，希望給想接觸這塊東西的各位朋友有所幫助。想要交流了解這一塊的朋友，留言吧。
最后，文字未經(jīng)本人同意，不許轉(zhuǎn)載更改

第八篇文字結(jié)束了

源文件 圖片動(dòng)態(tài)排版

---------------------------------

2017.02.11更新

為了讓朋友能夠在瀏覽文章時(shí)能夠看到動(dòng)態(tài)效果，錄制成視頻放在網(wǎng)上，下面是本篇文字動(dòng)態(tài)效果的視頻預(yù)覽地址。

幻燈片中圖片動(dòng)態(tài)展示-在線播放-優(yōu)酷網(wǎng)
必須要看的參考文：幻燈片中的占位邏輯

作者：JunLing
來(lái)源：https://zhuanlan.zhihu.com/p/25151431

今天，我們就來(lái)嘗試一下用PPT完成這種波光漣漪的效果。

首先得準(zhǔn)備好波光的素材。

這個(gè)相當(dāng)簡(jiǎn)單，用兩個(gè)橢圓重疊，選擇剪除即可得到這樣一個(gè)中空的波光效果。

波光素材輕松搞定，下面就考慮怎么做出比較逼真的動(dòng)畫效果來(lái)了。又要開始回憶漣漪的實(shí)際動(dòng)態(tài)效果了。

漣漪原理分析

漣漪一般都是從中心開始，逐漸向四周擴(kuò)散，最后慢慢變大、變淡消失。

想清楚了漣漪的實(shí)際動(dòng)態(tài)效果，下面就好做了。

開始制作漣漪動(dòng)畫

第一步，從中心出現(xiàn)，向四周擴(kuò)散，這種效果我們選用【進(jìn)入】動(dòng)畫中的【縮放】效果，效果選項(xiàng)設(shè)置為對(duì)象中心，這樣可以保證從這個(gè)波紋的中心開始出現(xiàn)并擴(kuò)散，持續(xù)時(shí)間可以設(shè)置長(zhǎng)一點(diǎn)，2秒。

第二步是逐漸變淡消失。

這里我們就只要疊加一個(gè)【強(qiáng)調(diào)】中的【放大】效果和【退出】中的【淡出】效果。這兩個(gè)持續(xù)時(shí)間設(shè)置為1秒，同時(shí)疊加在縮放的動(dòng)畫效果之后。

一些建議

動(dòng)畫的開始方式統(tǒng)統(tǒng)設(shè)置為與上一動(dòng)畫同時(shí)，然后通過延時(shí)來(lái)調(diào)節(jié)。

這樣，一個(gè)波光漣漪的基本效果就做好了。

動(dòng)畫窗格中應(yīng)該是這樣的：

接下來(lái)，復(fù)制一大堆的漣漪效果，改變大小，調(diào)整出現(xiàn)的時(shí)間，在頁(yè)面上的各個(gè)位置隨意放置，一個(gè)細(xì)雨中的波光漣漪的效果就做好了。

如果你還想進(jìn)一步優(yōu)化細(xì)節(jié)的話，可以加幾條雨絲哦。

另外大奉送，調(diào)節(jié)動(dòng)畫延時(shí)的小技巧：將鼠標(biāo)放到動(dòng)畫窗格的動(dòng)畫條上，鼠標(biāo)會(huì)變成左右箭頭的模樣，這時(shí)候可以隨意拖動(dòng)動(dòng)畫條在時(shí)間軸上的位置。對(duì)于計(jì)時(shí)不需要太精確的時(shí)間軸調(diào)整這一招很方便。

今天教程就到這里，OVER,下課。

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“動(dòng)畫真好玩”教程目錄列表

閃電，是大自然向人類展示的最偉而神奇力量之一。想當(dāng)年（數(shù)十億年前），第一代有機(jī)物就是在地球原始大氣中，由閃電催化而成。圣經(jīng)上說，上帝看周圍都是黑的，說，要有光，于是就有了光。這開天辟地的一道光，除了閃電，還能有什么？

今天的動(dòng)畫教程，我們就來(lái)做一次上帝，用PPT在我們的電腦中創(chuàng)造一個(gè)新的宇宙。

不要太緊張，其實(shí)做電腦中的上帝很簡(jiǎn)單，今天的動(dòng)畫只涉及到很少的幾種效果。

首先得準(zhǔn)備素材。我們從網(wǎng)上可以很輕松地找到一些閃電的圖片。下載下來(lái)，盡量選擇黑底的，準(zhǔn)備個(gè)7、8張，再找一張彩色的。點(diǎn)擊最下方的【閱讀原文】，可以下載到我們準(zhǔn)備的素材。

打開PPT，先將底色設(shè)置為黑色。

地 是 空 虛 混 沌 。 淵 面 黑 暗 。 神 的 靈 運(yùn) 行 在 水 面 上 。

把剛才找到的黑色底色的10來(lái)張張閃電的圖片放到PPT中。隨意拖放，改變圖片的大小。素材不夠的話，可以把圖片水平翻轉(zhuǎn)后多次利用。

神 說 ， 要 有 光 ， 就 有 了 光 。

然后用我提供的“閃爍一次”的動(dòng)畫效果，用動(dòng)畫刷在圖片上一一點(diǎn)過去。

稍微調(diào)整一下各個(gè)閃電出現(xiàn)的延時(shí)效果，再把所有的圖片都集中到頁(yè)面上重疊起來(lái)。這時(shí)候，簡(jiǎn)單的閃電效果其實(shí)已經(jīng)做好了。

不過光這個(gè)樣子也太不過癮了。于是我們可以再加點(diǎn)料。

其實(shí)自然界的閃電除了那種一閃而過的閃電外，還有球狀閃電，還有一閃以后慢慢熄滅的閃電。球狀閃電不好搞，慢慢熄滅的閃電還是很容易做出來(lái)的。

下面將那個(gè)彩色的閃電圖片貼到PPT中，為它添加幾次淡入淡出的效果，中間可以?shī)A雜一兩次閃爍的效果。

測(cè)試一下效果，當(dāng)上帝的感覺是不是很爽？

回顧：
今天的動(dòng)畫其實(shí)很簡(jiǎn)單，但是比較麻煩的是【閃爍一次】的動(dòng)畫效果在2010和2013版本中是找不到滴！好在臭干老師一直保存著這珍貴的動(dòng)畫素材，需要了就拿出來(lái)刷一下，反正怎么刷他也不少錢不是。

素材和做好的效果都在【閱讀原文】中下載。還有雷聲的音頻文件哦，加進(jìn)去的時(shí)候問自己一下，是先閃電還是先打雷？

今天教程就到這里，OVER,下課。別忘了今天還有推送的下一篇，交作業(yè)送模板！

期待你的創(chuàng)意效果轉(zhuǎn)化成GIF動(dòng)態(tài)圖或者視頻發(fā)微博，記得在微博@油殺臭干 和@秋葉 ，請(qǐng)加上#三分鐘教程作業(yè)#便于檢索，好作品我們必轉(zhuǎn)！

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“動(dòng)畫真好玩”教程目錄列表

今天的動(dòng)態(tài)LOGO的設(shè)計(jì)，靈感來(lái)源于手游“節(jié)奏大師”的開場(chǎng)片頭。然后，俺就飛快地動(dòng)手仿制了一個(gè)。接著，就順手寫了這個(gè)3分鐘的教程。

設(shè)計(jì)動(dòng)態(tài)LOGO，其實(shí)最難的是動(dòng)畫的設(shè)計(jì)規(guī)劃，好在我們有現(xiàn)成的模板，可以直接跳過這一步，進(jìn)行到技術(shù)層面，來(lái)討論怎么完成這樣一個(gè)兩秒的動(dòng)畫了。

這個(gè)動(dòng)畫里有兩個(gè)關(guān)鍵點(diǎn)。

一個(gè)是小球的運(yùn)行軌跡動(dòng)作。關(guān)鍵是要做出符合物理規(guī)律的運(yùn)動(dòng)感。

二是幾個(gè)文字的跳動(dòng)出現(xiàn)的效果。關(guān)鍵是模仿彈簧壓扁后又恢復(fù)的感覺。

下面就一步一步來(lái)實(shí)現(xiàn)這些效果吧。

首先搭建好框架，然后再慢慢琢磨細(xì)節(jié)。

第一步，畫一個(gè)小圓，分別輸入輕松學(xué)動(dòng)畫幾個(gè)字，每個(gè)字一個(gè)單獨(dú)的文本框。放置好LOGO和英文字母的位置。因?yàn)檫@里L(fēng)OGO上的火焰部分我要單獨(dú)動(dòng)畫，所以單獨(dú)拆分為一個(gè)部分。

第二步，添加小球的運(yùn)動(dòng)軌跡。

選中小球以后，為小球添加從高處拋物線下落以及在每個(gè)字上面的彈跳軌跡。以及最后弧線繞到LOGO火焰部分的軌跡。

為了控制小球彈跳以及文字出現(xiàn)的時(shí)間關(guān)聯(lián)效果，每次彈跳的弧形軌跡要分別添加。方法在動(dòng)畫菜單下【添加動(dòng)畫】-【動(dòng)作路徑】-【自定義路徑】，分別繪制一條大拋物線，四條弧形軌跡以及最后一個(gè)上升的弧形軌跡。

運(yùn)動(dòng)軌跡有了，下面就是關(guān)鍵步驟一，為小球的設(shè)定符合物理效果運(yùn)動(dòng)效果。

第一個(gè)拋物線，回想一下中學(xué)物理，應(yīng)該是從速度為零開始逐漸加速。所以，選中該軌跡，先將持續(xù)時(shí)間修改為0.25秒，打開效果設(shè)定，將平滑開始設(shè)置為0，平滑結(jié)束設(shè)置為0.25秒，這個(gè)意味著在這0.25秒內(nèi)小球處于先慢后快的加速狀態(tài)。

到了后面幾個(gè)弧形的軌跡效果又不一樣了。繼續(xù)回憶中學(xué)物理。一個(gè)物體彈跳拋物線速度是一開始速度最大，隨著高度增加，垂直速度逐漸減少為零，然后開始下降，到達(dá)地面時(shí)速度又恢復(fù)到初始速度。所以拋物線的運(yùn)行速度是快—慢—快這樣一個(gè)過程。所以我們先將第一個(gè)軌跡運(yùn)行時(shí)間設(shè)置為0.2秒，平滑開始和平滑結(jié)束應(yīng)該是這樣的：

通過平滑開始和平滑結(jié)束的時(shí)間設(shè)置，我們就實(shí)現(xiàn)了符合重力學(xué)的運(yùn)動(dòng)效果。余下的3個(gè)弧形彈跳軌跡也同樣設(shè)置。最后，再為小球向上的運(yùn)動(dòng)軌跡的同時(shí)添加一個(gè)漸變消失的效果。這時(shí)候動(dòng)畫窗格中的效果應(yīng)該是這樣的。

搞定了小球的彈跳運(yùn)動(dòng)，下面就是文字出現(xiàn)的彈簧效果了。以第一個(gè)字為例。首先添加【出現(xiàn)】的動(dòng)畫效果。然后添加彈簧形變效果。

一個(gè)固體如果壓扁的話，會(huì)產(chǎn)生兩個(gè)方向的變形。

一個(gè)是垂直方向的壓縮，一個(gè)是水平方向的擴(kuò)張。

而在動(dòng)畫效果的【強(qiáng)調(diào)】—【放大/縮小】中恰好可以在這兩個(gè)維度上進(jìn)行單獨(dú)設(shè)置。

所以我們先為“輕”字添加水平方向的擴(kuò)張和垂直方向的壓縮，比例分別為120%和80%

在壓縮以后，字體會(huì)彈回原來(lái)的樣子。這樣就反過來(lái)，再為“輕”字添加垂直方向的擴(kuò)張和水平方向的收縮。因?yàn)檫@個(gè)放大縮小的比例是在第一次壓縮以后的大小基礎(chǔ)上，所以要恢復(fù)原樣，水平的收縮設(shè)定為75%，垂直方向設(shè)定為125%。這兩個(gè)動(dòng)畫效果是同時(shí)的，因?yàn)樽冃螘r(shí)間很短，可以設(shè)定持續(xù)時(shí)間為0.1秒。這兩個(gè)個(gè)恢復(fù)的效果作為一個(gè)同時(shí)的整體，緊隨上一個(gè)壓縮的后面。

現(xiàn)在把文字彈簧壓縮的變形效果播放一下，已經(jīng)出來(lái)了。然后用動(dòng)畫刷功能，在剩下的文字上面一個(gè)一個(gè)刷過去吧。

第三步，基礎(chǔ)的動(dòng)畫設(shè)置完成了。下面要開始調(diào)節(jié)動(dòng)畫的順序了。建議在動(dòng)畫窗格中選中所有的動(dòng)畫，將【開始】全部修改為“與上一動(dòng)畫同時(shí)”。

為何要這樣設(shè)置呢？因?yàn)樾薷臑榕c上一動(dòng)畫同時(shí)，我們可以通過延時(shí)設(shè)置來(lái)控制動(dòng)畫的開始時(shí)點(diǎn)而不受前后動(dòng)畫的影響。

其實(shí)動(dòng)畫的流程分兩個(gè)部分。一個(gè)部分是小球依次從5個(gè)字“輕松學(xué)圖表”上彈跳過去。另一個(gè)部分是“輕松學(xué)圖表”5個(gè)字依次按小球彈跳的時(shí)點(diǎn)一彈簧變形的方式出現(xiàn)。兩部分動(dòng)畫的時(shí)間軸是獨(dú)立設(shè)置的。

所以第一文字“輕”與第一個(gè)弧形軌跡的關(guān)系式這樣的：

換成文字描述，就是小球落到“輕”的位置時(shí)，“輕”字彈簧變形出現(xiàn)。這時(shí)候

要注意的是，小球第二個(gè)彈跳軌跡的是緊接在第二個(gè)彈跳軌跡之后，而不是在文字出現(xiàn)以后，所以，在“輕”字動(dòng)畫效果出現(xiàn)的時(shí)候，小球依然毫不停頓繼續(xù)向下一個(gè)“松”字跳過去。第二個(gè)彈跳軌跡的延時(shí)時(shí)間應(yīng)該是0.25秒。以此類推，將各個(gè)動(dòng)畫的時(shí)間點(diǎn)設(shè)置好。

最后為火焰添加縮放出現(xiàn)的效果即可。

如果感覺動(dòng)畫邏輯太復(fù)雜的話，可以點(diǎn)擊最下方的【閱讀原文】查看源文件。

回顧一下：

今天的動(dòng)畫雖然只有2秒，但是值得注意的問題不少。

首先要注意的是小球的彈跳要符合重力特征。

其次是幾個(gè)文字彈簧出現(xiàn)的效果也要符合物理變形的特點(diǎn)。當(dāng)然，如果還要進(jìn)一步摳細(xì)節(jié)的話，我們還可以為小球添加彈跳時(shí)的壓縮變形的效果。

但是越細(xì)致的動(dòng)畫就越容易出問題，特別是像這種有多不同時(shí)間軸的動(dòng)畫，一開始理清動(dòng)畫邏輯，然后利用【從上一項(xiàng)開始】和【延時(shí)】的組合，就可以輕松搞定。

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“動(dòng)畫真好玩”教程目錄列表

我們?cè)诟鞣N片頭中常?？吹竭@樣的元素——一個(gè)旋轉(zhuǎn)不息的地球。

但是在PPT的動(dòng)畫中，3D功能是非常孱弱的，如何用PPT來(lái)做出這樣旋轉(zhuǎn)地球的效果額？

首先，我們要準(zhǔn)備好幾樣素材。點(diǎn)擊最后【閱讀原文】下載。

然后把相關(guān)的菜單準(zhǔn)備好，打開PPT中的文件—選項(xiàng)—自定義功能區(qū)—不在功能區(qū)中的命令，把這幾個(gè)命令添加到菜單：

下面就可以開始制作這個(gè)旋轉(zhuǎn)的地球了。

第一步：畫一個(gè)黑色背景，然后在上面摳一個(gè)洞。

具體步驟：畫一個(gè)黑色的矩形，再畫一個(gè)園，放到矩形的中央。

按住"shift"，先選中矩形，然后選中圓形（注意，順序不要搞錯(cuò)），點(diǎn)擊菜單上的【剪除】，就可以在黑色矩形上摳出一個(gè)洞來(lái)。

第二步：將世界地圖設(shè)置成合適的顏色，調(diào)節(jié)大小，讓寬度和摳好的洞洞差不多大。并復(fù)制兩份，前后排好，組合成一張圖。

第三步：添加向右的路徑動(dòng)畫。然后點(diǎn)擊動(dòng)畫路徑，拖動(dòng)小紅點(diǎn)，將后面一個(gè)世界地圖的虛影和原來(lái)位置的地圖重合。

第四步：在動(dòng)畫窗格中將動(dòng)畫設(shè)置為“從上一項(xiàng)開始”，在【效果選項(xiàng)】中，將【平滑開始】和【平滑結(jié)束】都設(shè)置為“0”，在【計(jì)時(shí)】中將重復(fù)設(shè)置為“直到下一次單擊”。

第四步：將中間有洞洞的黑色矩形設(shè)置為“頂層”，并將剛才準(zhǔn)備好的半透明的圓形覆蓋在洞洞上面，這樣讓地球更具有立體感。添加文字，OK,旋轉(zhuǎn)的地球就做好了！

回顧：

這個(gè)動(dòng)畫主要用到了兩個(gè)技巧：

第一個(gè)就是利用剪除功能制作蒙版。這可是在AI和PS中才有的專業(yè)功能哈，我們?cè)赑PT中也可以部分實(shí)現(xiàn)了。

第二個(gè)技巧就是如何實(shí)現(xiàn)循環(huán)。用兩張圖片循環(huán)往復(fù)即可實(shí)現(xiàn)。

還有，通過覆蓋半透明的陰影，也可以模仿出逼真的3d效果哦！

閱讀原文

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“動(dòng)畫真好玩”教程目錄列表

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“動(dòng)畫真好玩”教程目錄列表

不需要專業(yè)工具，不需要復(fù)雜操作，你只要用三分鐘的時(shí)間看完本教程，馬上就能學(xué)會(huì)讓PPT變身GIF微動(dòng)畫的方法！

你也許經(jīng)常在微博上看到GIF微動(dòng)畫，它們尺寸不大，查看方便，節(jié)省流量，電腦端和手機(jī)端通吃。你只需要PowerPoint 2010/2013和一款叫LICEcap的輕量級(jí)錄屏軟件，就能輕而易舉地將PPT轉(zhuǎn)換成GIF微動(dòng)畫。四步操作就足夠了！

第一步。啟動(dòng)PowerPoint，打開一個(gè)PPT，點(diǎn)擊窗口右下角的“閱讀視圖”按鈕，會(huì)在窗口模式下放映這個(gè)PPT，如圖1所示，然后適當(dāng)調(diào)節(jié)窗口的大小。

注：窗口越小，做出來(lái)的GIF越小，越節(jié)省流量，而且在手機(jī)上觀看越容易，但是不能過小，否則就會(huì)看不清文字。

第二步。啟動(dòng)LICEcap，調(diào)節(jié)LICEcap窗口的大小和位置，讓LICE窗口中間的大洞與PowerPoint窗口里的幻燈片頁(yè)面恰好吻合。

第三步。點(diǎn)擊“錄制”，LICEcap會(huì)彈出一個(gè)對(duì)話框提示保存文件，如圖3所示。在這里選擇文件保存的文件夾和文件名（注意：文件夾路徑和文件名里都不能包含中文），然后勾選“按下鼠標(biāo)按鈕”，點(diǎn)擊“保存”按鈕。

注：如果選中“按下鼠標(biāo)按鈕”，那么LICEcap會(huì)在你用鼠標(biāo)點(diǎn)擊的位置作個(gè)標(biāo)記，這對(duì)錄制交互式PPT很有幫助。

第四步。此時(shí)LICEcap的標(biāo)題欄里會(huì)顯示倒計(jì)時(shí)，時(shí)長(zhǎng)為3秒鐘，在這段時(shí)間里抓緊將鼠標(biāo)移動(dòng)到PowerPoint窗口里并點(diǎn)擊一下，為錄制做好準(zhǔn)備。等倒計(jì)時(shí)結(jié)束后，LICEcap的標(biāo)題欄里會(huì)顯示“正在錄制”，此時(shí)在PowerPoint窗口中進(jìn)行放映幻燈片的操作，直到幻燈片放映完畢之后點(diǎn)擊LICEcap窗口里的“停止”。

注：放映時(shí)間越短，錄制得到的GIF文件就越小，越節(jié)省流量，而且在手機(jī)上觀看越容易，但是不能過短，否則觀眾跟不上進(jìn)度。

OK，GIF微動(dòng)畫錄制完畢，只需要雙擊生成的GIF文件就可以觀看了，也可以分享到網(wǎng)上。微博、微信、QQ、人人網(wǎng)、QQ空間、BBS論壇、個(gè)人博客等網(wǎng)站或軟件都是無(wú)縫支持GIF動(dòng)畫的。你如果還嫌GIF動(dòng)畫體積太大，可以用Photoshop或Fireworks編輯并進(jìn)一步優(yōu)化。

下載鏈接：LICEcap 1.24漢化版。

另外，PPTfans小編還發(fā)現(xiàn)一個(gè)比LICEcap還要強(qiáng)大的gif錄制工具GifCam，比LICEcap強(qiáng)大在于可以編輯刪除多余錄制的幀，詳細(xì)教程自己百度哈！

下載鏈接：GifCam

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“動(dòng)畫真好玩”教程目錄列表

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“動(dòng)畫真好玩”教程目錄列表

今天的課程，我們?cè)谏洗蜙其實(shí)婕喵是個(gè)胡蘿卜所做的星空的基礎(chǔ)上加以發(fā)揮，來(lái)嘗試打造一個(gè) 夢(mèng)幻背景的動(dòng)態(tài)PPT模板。

上一周我們的教程：讓燈籠在閃閃的星空飛一會(huì)，形式很出彩，但是模仿教作業(yè)的人不多。為什么？其實(shí)我知道，下載原文件，下打開動(dòng)畫窗格，想看一看原動(dòng)畫是如何設(shè)置的，但是看到那密密麻麻的動(dòng)畫條，

怎么樣，暈了吧！

怪誰(shuí)呢？動(dòng)畫太復(fù)雜，還是微軟在PPT動(dòng)畫設(shè)計(jì)界面上如此不夠人性化么？

其實(shí)臭干老師很想畫個(gè)圈圈詛咒一下設(shè)計(jì)PPT動(dòng)畫界面的那家伙一輩子吃方便面沒有調(diào)料包！如此糟糕的人機(jī)交互界面，無(wú)論是操作還是查看都極度的不方便。

難道就沒有辦法了么？

今天，我就教大家一個(gè)一勞永逸的法子，讓你既能用上絢爛復(fù)雜的動(dòng)態(tài)背景，又能保持干凈清爽的動(dòng)畫窗口。

大家可以點(diǎn)擊下面“閱讀原文”下載本課的范例文件。打開動(dòng)畫窗格看看。

奇怪吧，背景中那些閃爍的六邊形的動(dòng)畫設(shè)置上哪里去了？

其實(shí)秘密就在母板里。

打開【視圖】-【幻燈片母板】，然后再打開【動(dòng)畫窗格】，你就會(huì)發(fā)現(xiàn)所有背景的動(dòng)畫設(shè)置就在這里呢！

我們就以上一節(jié)課的閃爍的星空為例，看看怎么做出一個(gè)閃爍星空的母板來(lái)。

請(qǐng)直接回復(fù)“好玩07”查看上一節(jié)的教程。

我們只要看到完成星空的設(shè)置這里就可以了。

按住Ctrl+A，選中頁(yè)面上所有的元素。再按Ctrl+c復(fù)制。

下一步，打開【視圖】-【幻燈片母板】，在左邊的母板縮略圖欄中點(diǎn)擊左鍵，插入一個(gè)版式

下面就和處理正常PPT頁(yè)面一樣，先將這個(gè)版式的頁(yè)面底色設(shè)置為黑色。將剛才復(fù)制的內(nèi)容全部黏貼上去即可。

退出母板，在新建幻燈片的主題下面，我們就可以找到剛才添加的版式了。

這樣，一個(gè)動(dòng)態(tài)的背景就打造完畢，再也不用擔(dān)心在這樣的背景上添加動(dòng)畫時(shí)被太多的動(dòng)畫元素所影響了。

其實(shí)看過上一期的教程的話，你就會(huì)發(fā)現(xiàn)今天的范例其實(shí)也挺簡(jiǎn)單的。無(wú)非就是設(shè)置一個(gè)漸變的背景，然后隨意放一堆大大小小透明度不一的六邊形。然后利用不同的延時(shí)和重復(fù)就可以打造出這樣一個(gè)動(dòng)態(tài)的背景出來(lái)。

關(guān)鍵是，我們今天學(xué)會(huì)了怎么做動(dòng)態(tài)母板這樣一個(gè)高大尚的技能。保存好，下次只要在這個(gè)母板上添點(diǎn)什么，就可以輕松搞定一個(gè)炫目驚艷的PPT了。

歡迎在原動(dòng)畫的基礎(chǔ)上加上你自己的想法和設(shè)計(jì)，做好的動(dòng)畫作品請(qǐng)轉(zhuǎn)為GIF后在微博上添加#三分鐘教程#標(biāo)簽并@油殺臭干 @其實(shí)婕喵是個(gè)胡蘿卜?和@秋葉，好作品我們必轉(zhuǎn)！

閱讀原文

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“動(dòng)畫真好玩”教程目錄列表

古有嫦娥奔月，今有都教授飛天，仰望星空，一直都是所有人類的夢(mèng)想。今天，就有請(qǐng)偽裝成喵星人的@其實(shí)婕喵是個(gè)胡蘿卜 告訴我們，怎么用PPT來(lái)制作一個(gè)迷人的星空，然后讓你想飛的東西飛起來(lái)。

怎樣讓燈籠在閃閃星空飛起來(lái)呢？

這個(gè)場(chǎng)景中一共有兩個(gè)動(dòng)畫部分：閃閃的星星和飛向月亮的燈籠。

需要用到的素材有：一個(gè)圓圓的大月亮、N顆閃閃的星星、一個(gè)燈籠。

月亮完全可以手繪一個(gè)出來(lái)，但是為了更逼真一點(diǎn)，我們就求助下度娘，而為了搭配燈籠發(fā)出的黃色光，所挑選的月亮顏色要偏黃一些。我們還得找一張比較模糊的月亮圖片，或者用美圖工具把圖片的清晰度降低，這樣月亮看起來(lái)距離我們比較遙遠(yuǎn)。

月亮可以靠度娘，blingbling的星星可就不能偷懶，得自己畫了。這可是今天的主角。

手繪閃閃的星星并不難，只需要用兩個(gè)簡(jiǎn)單的圖形：三角形和圓形進(jìn)行組合。

其中，覆蓋在星星主體上的大圓要用到柔化邊緣的效果，在【開始】—【形狀效果】-【柔化邊緣】中將柔化邊緣大小設(shè)置為13磅。整顆星星的顏色可以參考下面的設(shè)置

這樣我們就畫好了一顆星星，復(fù)制一份待用。

可是畫出來(lái)的星星還不會(huì)閃呢，怎么讓星星blingbling起來(lái)呢？

其實(shí)只要四個(gè)簡(jiǎn)單的動(dòng)畫效果讓星星blingbling起來(lái)。

出現(xiàn)——放大——旋轉(zhuǎn)——消失，我們就可以做出一個(gè)閃啊閃的小星星。

在【開始】—【選擇】—【選擇窗格】菜單里把畫出來(lái)的星星改名為“星星1”，把復(fù)制的星星改名為“星星2”。

【效果一】：打開動(dòng)畫菜單，選中“星星1”，添加【進(jìn)入】—【淡出】的動(dòng)畫，這樣，我們的星星就開始blingbling起來(lái)了。

接下來(lái)再點(diǎn)擊【效果選項(xiàng)】右下角的小箭頭，進(jìn)入詳細(xì)設(shè)置界面。

在計(jì)時(shí)的界面下，將延遲設(shè)置為1.25秒、期間設(shè)為0.5秒、開始選擇“與上一動(dòng)畫同時(shí)”、重復(fù)選擇“直到幻燈片結(jié)尾”。

【效果二】再選中“星星1”，添加【進(jìn)入】—【基本縮放】的動(dòng)畫，再點(diǎn)擊【效果選項(xiàng)】右下角的小箭頭，進(jìn)入詳細(xì)設(shè)置界面。

在效果的界面下，將縮放設(shè)為“放大”。

在計(jì)時(shí)的界面下，將延遲設(shè)置為3.75秒、期間設(shè)為2秒、開始選擇“與上一動(dòng)畫同時(shí)”、重復(fù)選擇“直到幻燈片結(jié)尾”。

【效果三】還是選中“星星1”，添加【強(qiáng)調(diào)】—【陀螺旋】的動(dòng)畫，再點(diǎn)擊【效果選項(xiàng)】右下角的小箭頭，進(jìn)入詳細(xì)設(shè)置界面。

在效果的界面下，將數(shù)量設(shè)為“36度順時(shí)針”。

在計(jì)時(shí)的界面下，將延遲設(shè)置為3.75秒、期間設(shè)為2.75秒、開始選擇“與上一動(dòng)畫同時(shí)”、重復(fù)選擇“直到幻燈片結(jié)尾”。

【效果四】最后再選中“星星1”，添加【退出】—【淡出】的動(dòng)畫。再點(diǎn)擊【效果選項(xiàng)】右下角的小箭頭，進(jìn)入詳細(xì)設(shè)置界面。

在計(jì)時(shí)的界面下，將延遲設(shè)置為5.75秒、期間設(shè)為0.75秒、開始選擇“與上一動(dòng)畫同時(shí)”、重復(fù)選擇“直到幻燈片結(jié)尾”。

這樣我們的“星星1”就blingbling得很完美了。

“星星1”blingbling了，“星星2”也要blingbling才行呀。

讓“星星2”blingbling起來(lái)的方法基本與“星星1”相同，不同之處只在于具體的設(shè)置參數(shù)。

“星星2”的第一次淡出動(dòng)畫，計(jì)時(shí)界面將延遲設(shè)置為2.75秒、期間設(shè)為2秒。

基本縮放動(dòng)畫，計(jì)時(shí)界面將延遲設(shè)置為2.75秒、期間設(shè)為2秒。

陀螺旋動(dòng)畫，效果界面將數(shù)量設(shè)置為“36度逆時(shí)針”， 計(jì)時(shí)界面將延遲設(shè)置為2.75秒、期間設(shè)為2.75秒。

第二次淡出動(dòng)畫，計(jì)時(shí)界面將延遲設(shè)置為3.75秒、期間設(shè)為2秒。

然后我們復(fù)制若干份“星星1”和“星星2”，調(diào)整它們的大小，合理放置，就能得到一個(gè)星光閃閃的夜空了，blingbling的是不是特別漂亮呢。

搞定了星星，我們就只缺個(gè)燈籠了。

動(dòng)畫中的燈籠是手繪出來(lái)的，雖然色塊不少，但其實(shí)只要有點(diǎn)耐心，并不難畫。

燈籠畫完之后，選中燈籠罩，設(shè)置發(fā)光效果。在【開始】—【形狀效果】—【發(fā)光】菜單中，把發(fā)光顏色設(shè)為“黃色”、大小設(shè)為“18磅”、透明度設(shè)為“60%”。

再選中兩個(gè)流蘇，同樣設(shè)置發(fā)光效果，除了大小設(shè)為 “8磅”，其它參數(shù)與燈籠罩的相同。

這樣我們就有一個(gè)發(fā)光的燈籠了。

再給燈籠添加一個(gè)路徑動(dòng)畫，我們的燈籠就可以飛起來(lái)了。

將畫好的燈籠移動(dòng)到月亮下方合適的位置。

選中燈籠，添加【進(jìn)入】—【飛入】的動(dòng)畫。再點(diǎn)擊【效果選項(xiàng)】右下角的小箭頭，進(jìn)入詳細(xì)設(shè)置界面。

在效果的界面下，將方向設(shè)置為“自左下部”。

在計(jì)時(shí)的界面下，將期間設(shè)為20秒、開始選擇“與上一動(dòng)畫同時(shí)”、重復(fù)選擇“直到幻燈片結(jié)尾”。

瞧，我們的燈籠是不是飛起來(lái)了呀。

大功告成，讓燈籠飛去吧。

婕喵讓燈籠在閃閃星空飛一會(huì)兒，你想讓什么東西在閃閃星空中飛呢？

歡迎在原動(dòng)畫的基礎(chǔ)上加上你自己的想法和設(shè)計(jì)，做好的動(dòng)畫作品請(qǐng)轉(zhuǎn)為GIF后在微博上添加#三分鐘教程#標(biāo)簽并@油殺臭干 @其實(shí)婕喵是個(gè)胡蘿卜?和@秋葉，好作品我們必轉(zhuǎn)！

點(diǎn)擊下方【閱讀原文】下載原文件

閱讀原文

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“動(dòng)畫真好玩”教程目錄列表

? ? 最早沐浴晨光的土地，是吉祥的土地；最早朝拜太陽(yáng)的人們，是幸福的人們。

? ? 明白這句暗號(hào)的，除了早起的好孩子外，還有就是熱愛廣場(chǎng)舞的大爺大媽了。最近把汪峰死死壓得不能出頭的，除了小撒俱樂部的成員外，各位廣場(chǎng)上的大爺大媽也出力不少，又是放狗開槍，又是潑糞報(bào)警，又是學(xué)生無(wú)聲抗議。但是中國(guó)大媽得罪不起啊，據(jù)說某小區(qū)空地被大媽們看上了，忽然一夜之間空地上停放的車輛都收到了小貼條：鍛煉重地，請(qǐng)勿停車！

? ? 好吧，我知道又有人要問了，大媽們跳舞和咱做PPT動(dòng)畫有啥關(guān)系？

? ? 我們這套動(dòng)畫的名字就叫保持創(chuàng)意的29種方式，臭干老師希望大家既能學(xué)到PPT的動(dòng)畫技巧，同時(shí)也能學(xué)到關(guān)于創(chuàng)意的一些思維方式。所以，有時(shí)候會(huì)借題發(fā)揮，和大家聊一聊創(chuàng)意。有一種對(duì)于創(chuàng)意的定義，就是在A和B之間找到一種新的聯(lián)系。而A和B往往是八竿子打不著的兩個(gè)玩意。比如說，大媽們跳舞和我們做PPT動(dòng)畫。

? ? 那么，聯(lián)系在哪里呢？我為我們這一節(jié)課配的標(biāo)題是“繪聲繪色”，一段好的動(dòng)畫，除了各種炫目的效果外，還要有一段應(yīng)景的背景音樂才行。以此類比，假想如果大媽們關(guān)了180分貝的大喇叭錄音機(jī)，一群人齊刷刷地在廣場(chǎng)上默不作聲直臂回環(huán)、側(cè)身下擺，那就不是快樂佳木斯了，簡(jiǎn)直就是從江西來(lái)的趕尸隊(duì)啊。

? ? 早在電影默片時(shí)代，人們就想出了為電影配上交響樂團(tuán)的法子，在我們現(xiàn)在多媒體的時(shí)代，PPT動(dòng)畫這么高大上的多媒體演示工具，怎么能不配音樂呢？所以，今天就和大家談?wù)勗趺礊橐粋€(gè)PPT動(dòng)畫配上音樂，并輸出視頻，做成一個(gè)完整的短片。

? ? 我們29種保持創(chuàng)意的方式，30個(gè)場(chǎng)景（包括標(biāo)題），最后一個(gè)“finish something”,是所有這個(gè)場(chǎng)景中最最簡(jiǎn)潔返璞歸真頭尾呼應(yīng)的一個(gè)動(dòng)畫。希望大家能好好體會(huì)以后完成這個(gè)動(dòng)畫短片。然后，就開始為短片添加背景音樂。

? ? 首先我們要準(zhǔn)備一段背景音樂。

? ? 原視頻的背景音樂行不行？

? ? 抱歉，不行了。因?yàn)闉榱私档碗y度，我們做動(dòng)畫的時(shí)候并沒有按照原視頻的timeline來(lái)設(shè)定時(shí)間，所以原來(lái)1分50秒的視頻，被撐到了2分22秒。多出來(lái)的這三十秒鐘得有背景音樂補(bǔ)上，所以我另找了一段環(huán)太平洋的主題曲——Pacific Rim——用作配音，相信看過環(huán)太平洋這部片子的人，都被影院中主題曲那鏗鏘有力的金屬風(fēng)格震的心碰碰直跳吧。

? ? 一般來(lái)說，我習(xí)慣從一些電影原聲大碟中的音樂來(lái)作為動(dòng)畫的背景音樂，因?yàn)殡娪霸暣蠖喽际桥浜想娪皥?chǎng)景的背景音樂，根據(jù)電影的場(chǎng)景很容易找到與我們場(chǎng)景搭配的音樂?；貜?fù)“動(dòng)畫素材29”可以下載到這首背景音樂，當(dāng)然大家也可以根據(jù)自己的喜好，嘗試插入一些不同風(fēng)格的背景音樂來(lái)試試效果。

? ? 讓我們先回到我們PPT的第一頁(yè)“29 way to stay creative”，點(diǎn)擊主菜單的【插入】-【音頻】-【PC上的音頻】，在電腦中選中音樂文件。

我們可以看一下PPT支持那些音頻文件，從高清的ADTS到微軟自家的WMA格式，市面上大多數(shù)常見的音頻格式PPT2013基本上都已經(jīng)支持了，當(dāng)然也包括最常見的MP3格式。

插入背景音樂以后，在第一頁(yè)的頁(yè)面上會(huì)出現(xiàn)一個(gè)小喇叭的標(biāo)志，點(diǎn)擊這個(gè)小喇叭，在主菜單上會(huì)多出一個(gè)【音頻工具】的菜單，在這里有所有音頻控制的選項(xiàng)。

? ? 不過在對(duì)背景音樂進(jìn)行處理之前，我們還要先將整個(gè)PPT動(dòng)畫進(jìn)行一下優(yōu)化處理。

首先是確定各個(gè)場(chǎng)景之間的切換動(dòng)畫是否到位。

關(guān)于切換動(dòng)畫的設(shè)置，在場(chǎng)景4和場(chǎng)景20中已經(jīng)詳細(xì)講過了。在主菜單的【切換】中進(jìn)行設(shè)置。利用現(xiàn)成的PPT頁(yè)面的切換動(dòng)畫，可以省下很多時(shí)間。PPT2013一共設(shè)置了47種切換動(dòng)畫，比2010足足多出了13種華麗的效果，當(dāng)然我們的動(dòng)畫短片中用到的也就是【推進(jìn)】、【淡出】、【摩天輪】等幾種切換動(dòng)畫，各位同學(xué)可以對(duì)比原視頻找到效果最為接近的切換動(dòng)畫，并設(shè)定切換動(dòng)畫的【持續(xù)時(shí)間】，注意這里是切換動(dòng)畫的【持續(xù)時(shí)間】，是不算在頁(yè)面內(nèi)的動(dòng)畫時(shí)間內(nèi)的。切換時(shí)間根據(jù)具體動(dòng)畫的效果設(shè)定，有長(zhǎng)有短，主要參照原視頻。

? ? 設(shè)置完了切換動(dòng)畫，檢查一下每一頁(yè)的動(dòng)畫切換方式是否已經(jīng)全部勾選【設(shè)置自動(dòng)換片時(shí)間】。這后面的時(shí)間暫時(shí)不要管，后面統(tǒng)一做調(diào)整。

? ? 最后再檢查一下，每一頁(yè)動(dòng)畫窗格中的的第一個(gè)動(dòng)畫是否已經(jīng)設(shè)為【從上一項(xiàng)開始】。這樣就可以保證整個(gè)全程自動(dòng)播放了。

然后我們?cè)俅蜷_音頻工具菜單，做如下設(shè)置：

【開始】設(shè)為自動(dòng)，保證從第一頁(yè)自動(dòng)開始播放背景音樂。

勾選【跨幻燈片播放】，保證背景音樂延續(xù)整個(gè)動(dòng)畫短片。

勾選【放映時(shí)隱藏】，這樣小喇叭在放映時(shí)就會(huì)消失不見。

做好這三個(gè)設(shè)置以后，我們可以開始欣賞從頭欣賞一下完整的動(dòng)畫配背景音樂的效果了。

29 way to stay creative

1、make list

2、carry a note book everywhere

~~~~~~~~

先別急著高興，看過以后，大家恐怕都有這樣的感覺，單個(gè)的場(chǎng)景效果還是不錯(cuò)的，但是一旦串起來(lái)以后，有的場(chǎng)景似乎內(nèi)容剛剛顯示出來(lái)，還沒有看清楚就切換到下一頁(yè)去了。這里就涉及一個(gè)問題，怎么控制每一頁(yè)的顯示時(shí)間。

剛剛設(shè)置動(dòng)畫切換方式的【設(shè)置自動(dòng)換片時(shí)間】，其實(shí)就是解決這個(gè)問題的。我們可以將打開動(dòng)畫窗格，將鼠標(biāo)移動(dòng)到最后一個(gè)時(shí)間點(diǎn)的動(dòng)畫上，就可以看到這一頁(yè)P(yáng)PT動(dòng)畫的時(shí)長(zhǎng)了。例如場(chǎng)景14，頁(yè)面動(dòng)畫時(shí)長(zhǎng)1.5秒，我將【設(shè)置頁(yè)面切換時(shí)間】定為2秒。

? ? 其實(shí)這個(gè)每一頁(yè)顯示的時(shí)間并沒有固定的限制，個(gè)人根據(jù)自己的感覺，能看清楚每一頁(yè)的內(nèi)容就可以了。

下面介紹另外調(diào)整頁(yè)面顯示時(shí)間的方式。在主菜單中打開【幻燈片放映】，選擇【排練計(jì)時(shí)】，這時(shí)候幻燈片開始播放，同時(shí)左上角會(huì)出現(xiàn)一個(gè)計(jì)時(shí)的小方框。在【排練計(jì)時(shí)】的播放階段，每一頁(yè)的切換會(huì)變成手動(dòng)切換，但是頁(yè)面內(nèi)的動(dòng)畫效果和切換動(dòng)畫效果不受影響，這樣我們就可以聽這背景音樂的節(jié)奏，在每一頁(yè)需要切換的時(shí)候清按一下鼠標(biāo)即可完成每一頁(yè)的顯示時(shí)間的設(shè)置。播放結(jié)束以后，保存一下剛才的時(shí)間設(shè)置。下次自動(dòng)播放的時(shí)候，就是剛剛我們點(diǎn)擊切換的節(jié)奏了。

一般來(lái)說，我推薦后一種方式，就和拍電影一樣，一開始可是切換的節(jié)奏把握的不是太好，多練幾遍，就可以錄出比較完美的節(jié)奏了。這種方式也常常用來(lái)排演走臺(tái)，控制每一頁(yè)的演講時(shí)間和節(jié)奏。

現(xiàn)在我們有了整部片子播放的時(shí)間，下面就要對(duì)背景音樂進(jìn)行裁剪了和加工了。

打開【音頻工具】菜單，剛剛顯示的幻燈片播放時(shí)間是1分53秒，所以點(diǎn)擊【裁剪音頻】，將結(jié)束的紅色光標(biāo)拖動(dòng)到1分53秒處，或者直接在后面的時(shí)間框中輸入1：53。

但是這樣會(huì)有個(gè)問題，背景音樂聲嘎然而斷，感覺實(shí)在不好，我們還要為背景音樂添加一點(diǎn)淡出的效果，也就是讓最后幾秒的音樂聲音逐漸降低直至消失。這里在設(shè)定【淡出】時(shí)間為1分48秒，最后5秒鐘的時(shí)間讓背景音樂緩緩消失。

好，到這里，我們關(guān)于背景音樂的設(shè)置基本上就完工了。大家可以反復(fù)回放，看看自己幸苦了這么久的成果。如果需要轉(zhuǎn)成視頻的話，只要選擇另存為視頻格式即可。

怎么樣，finish something.這是整個(gè)動(dòng)畫短片的最后一步了，成功的曙光已經(jīng)照耀在我們肩上，最早沐浴晨光的土地，是吉祥的土地；最早朝拜太陽(yáng)的人們，是幸福的人們！

最后的動(dòng)畫作品請(qǐng)轉(zhuǎn)為視頻格式添加#三分鐘教程# 并在微博上@秋葉 @油殺臭干，好作品我們必轉(zhuǎn)！

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“PPT動(dòng)畫大師之路”教程目錄列表

? ? 天之道，損有余而補(bǔ)不足。是故虛勝實(shí)，不足勝有余。其意博，其趣深，天地之象分，陰陽(yáng)之侯列，變化之由表，不謀而遺跡自同，勿約而幽明斯契，稽其言而有微，驗(yàn)之事不忒，誠(chéng)可謂至道之宗，奉生之始矣。

? ? 這位少俠，我看你骨骼清奇，天賦異稟，身具慧根，實(shí)屬曠世奇才，來(lái)來(lái)來(lái)，我這里有一本秘籍送給你。

? ? 昔日有劍魔獨(dú)孤求敗，以獨(dú)孤九劍縱橫天下，但求一敗而不得。

今日有油殺臭干PPT動(dòng)畫大師之路，帶你一窺PPT動(dòng)畫之門徑，若勤學(xué)不輟，假以時(shí)日，必能爭(zhēng)雄河朔，一代大師始成。

? ? 獨(dú)孤九劍，劍分九式，第一式總訣，第二式破劍，第三式破刀，第四式破槍，第五式破鞭，第六式破索，第七式破掌，第八式破箭，第九式破氣。雖一劍一式，然變化無(wú)窮，無(wú)招而不破，無(wú)往而不利。

? ? 今PPT動(dòng)畫大師秘笈，亦從九劍之精髓，以29動(dòng)畫場(chǎng)景為招，循PPT內(nèi)置數(shù)十種動(dòng)畫為式，輔以時(shí)間之變、方向之變、節(jié)律之變，解其形，論其意，將此29招逐一破解。

? ? 動(dòng)畫大師系列，自13年4月，春暖花開草長(zhǎng)鷹飛之時(shí)開始動(dòng)筆，至今已是秋風(fēng)瑟瑟，滿地霜華。時(shí)越半載，共計(jì)27節(jié)，行文4萬(wàn)余字，動(dòng)、靜各式截圖百余張。初始數(shù)節(jié)，為新手入門，故而事無(wú)巨細(xì)，皆娓娓道來(lái)，丁零數(shù)據(jù)，俱一一標(biāo)識(shí)，只需細(xì)心閱讀，耐心畫瓢，過關(guān)斬將，不在話下。10節(jié)以后，樁基已成，進(jìn)而需略做變通，多方破解，方可獲進(jìn)階之密。最后幾節(jié)，招式已盡，心法亦窮，權(quán)做練筆之材，僅在關(guān)鍵節(jié)點(diǎn)略作提點(diǎn)。若能闖關(guān)成功，日后二維之內(nèi)之各式效果，皆可視作無(wú)物也。

? ? 連載半年來(lái)，動(dòng)畫大師觀者甚眾，動(dòng)手練習(xí)者，十之一二，至于微博互動(dòng)者，寥寥數(shù)人。然動(dòng)畫之魅力不可小覷，前赴后繼者絡(luò)繹不絕。多數(shù)完成1、2、3場(chǎng)景后便無(wú)音信，至今而論，斬將奪旗，走上大師之路者，@阿旻_Deng一人而已。另有@兔子?jì)孷,@陳錦瑤1991尚在打怪升級(jí)途中跋涉。希冀能順利闖關(guān)，令@阿旻_Deng漫漫前程，誠(chéng)不孤也。

如果說PPT的設(shè)計(jì)，是集美學(xué)、設(shè)計(jì)、邏輯、演說為一體的一頂燦爛的皇冠的話，那么，PPT的動(dòng)畫技術(shù)，就是這顆皇冠上最最耀眼的一顆鉆石。

很多人都喜歡以這樣的文體開頭，不過，這里我卻要以這樣的一句話來(lái)結(jié)尾。

大師之路，路在腳下。

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“PPT動(dòng)畫大師之路”教程目錄列表

宋代禪宗大師青原行思提出參禪的三重境界：參禪之初，看山是山，看水是水；禪有悟時(shí)，看山不是山，看水不是水；禪中徹悟，看山仍然山，看水仍然是水。

其實(shí)，不光是參禪，從領(lǐng)悟人生，到一項(xiàng)技能的修煉，哪個(gè)不是要經(jīng)過這樣的三重境界呢。

如果對(duì)這段話不是太理解的話，不妨看看臭干老師的解釋。

所謂三重境界，其實(shí)就是對(duì)事物認(rèn)識(shí)的三個(gè)層次，簡(jiǎn)單概括，那就是繁、簡(jiǎn)、道三層。

第一層：繁?？瓷绞巧剑此撬?，大千世界，風(fēng)云雷電，蟲鳥鱗獸，我們眼觀、耳聞、鼻嗅、舌嘗、手觸，面對(duì)這各式各樣紛繁復(fù)雜的的信息，正如歌中所唱的那樣，請(qǐng)借我借我一雙慧眼吧，讓我把這紛擾看得清清楚楚明明白白真真切切。

第二層：簡(jiǎn)?？瓷讲皇巧?，看水不是水，那看到的是什么？是風(fēng)云變幻節(jié)奏，是草長(zhǎng)鶯飛的規(guī)律。牛頓從落地的蘋果中看到了地球的引力，愛因斯坦從一束光中看到了相對(duì)理論，他們的目光穿越了時(shí)間和空間的迷霧，不再受到外表的迷惑，從千絲萬(wàn)縷中找到了那一條最為精簡(jiǎn)的綱領(lǐng)，世界，頓時(shí)清晰了。

第三層：道?？瓷揭廊皇巧?，看水依然是水。有人會(huì)問，何為道？在星球大戰(zhàn)中，這個(gè)東西叫做原力。在黑客帝國(guó)中，這個(gè)東西叫做Matrix，在黃易筆下，那叫破碎虛空?？偠灾揽傻?，非常道！

簡(jiǎn)而言之，這三層境界，就是對(duì)一個(gè)事物，從茫然無(wú)知到了解規(guī)律再到最后運(yùn)用規(guī)律的的三個(gè)階段。

說到這里，我知道有人要問了，臭干你現(xiàn)在對(duì)PPT動(dòng)畫的理解到什么層次了啊？

其實(shí)、其實(shí)那個(gè)，這只是形而上的探討啦，哲學(xué)層面的東西，對(duì)于動(dòng)畫的實(shí)際操作，僅具有參考意義而非直接的技術(shù)指導(dǎo)。

回到我們的教程上面來(lái)?；蛟S我這里關(guān)于場(chǎng)景28的三個(gè)案例，可以很好地展示一下由繁到簡(jiǎn)的幾個(gè)層次的區(qū)別。

第一個(gè)動(dòng)圖，是原版的視頻截圖。

第二個(gè)動(dòng)圖，是@阿旻_Deng 同學(xué)的交的作業(yè)。。

第三個(gè)動(dòng)圖，是銳普的出的PPT版“29 way to stay creative"中的第28的場(chǎng)景。

第四個(gè)動(dòng)圖，就是臭干我自己做的了。

先從三個(gè)版本對(duì)比原視頻來(lái)看。

首先表?yè)P(yáng)一下@阿旻_Deng 童鞋，因?yàn)樯弦还?jié)課我只簡(jiǎn)單提示了一下，并沒有寫詳細(xì)的制作流程，所以這個(gè)動(dòng)畫應(yīng)該是@阿旻_Deng 獨(dú)立完成的。而且到目前為止，@阿旻_Deng 是唯一一個(gè)將28個(gè)場(chǎng)景全部做了一遍預(yù)備通關(guān)的童鞋。作為一個(gè)從零起步的小白，練了20多個(gè)動(dòng)畫就能看著原視頻復(fù)制得八九不離十，是我教程寫得好呢還是人家本來(lái)就是天縱奇才？

下面說說問題。最大的問題是HAVE、 FUN、28這三個(gè)個(gè)動(dòng)畫的順序銜接過渡的節(jié)奏沒有掌握好，特別是HAVE和FUN之間銜接出現(xiàn)了斷檔，而且各個(gè)字母沿著線條墜下以后那種彈性收縮的效果在時(shí)間線上也出現(xiàn)了明顯的斷裂，原來(lái)連貫如云一氣呵成的動(dòng)畫被拆成了三段。不過加以時(shí)日，再精雕細(xì)琢一下，動(dòng)畫效果還是可以大有改觀的。@阿旻_Deng 童鞋，我，看好你哦。

再來(lái)看第二個(gè)銳普版。銳普公司在國(guó)內(nèi)PPT界可以算是一代翹楚，由銳普出品的PPT動(dòng)畫從來(lái)都是代表著國(guó)內(nèi)的頂尖水平。粗看上去，動(dòng)畫素材以及效果和原版視頻差別比較大，但是如果注意觀察這些字母運(yùn)動(dòng)的節(jié)奏和連貫性，特別是字母下墜后的彈動(dòng)的效果，可以說，這個(gè)動(dòng)畫已經(jīng)得其神韻。

最后看我臭干版。我的思路很簡(jiǎn)單，忠實(shí)地再現(xiàn)原版的效果。

看過了動(dòng)畫效果的差別，我們?cè)賮?lái)對(duì)比一下源文件中的的差別。

首先我們要為@阿旻_Deng 同學(xué)鼓掌，再次表?yè)P(yáng)一下@阿旻_Deng的耐心和毅力。一個(gè)3秒不到的動(dòng)畫，@阿旻_Deng 土豪童鞋足足用了61個(gè)素材！每個(gè)素材都是要添加動(dòng)畫效果的??！

對(duì)不起@阿旻_Deng，我前面幾個(gè)課程誤導(dǎo)你了。我是說過做動(dòng)畫需要耐心和毅力，但是那會(huì)還沒有講到后面的高階技能啊啊，如果已經(jīng)掌握了高階的技能，為啥還要費(fèi)那個(gè)功夫呢。

看看銳普版中使用的素材。一共27個(gè)。不到一半??！

最后看臭干版。嗯，不好意思太寒酸了，只有H\A\V\E\F\U\N\28共8個(gè)素材。

下面一定有人會(huì)問了，擦，你怎么把61個(gè)素材簡(jiǎn)化到8個(gè)素材的？這得省多少事?。?/p>

下面我就來(lái)分析一下三個(gè)版本不同的設(shè)計(jì)思路。

還是先看土豪@阿旻_Deng 的源文件。為了讓大家看得更清楚，我只保留了第一個(gè)字母H的相關(guān)素材和動(dòng)畫。

從動(dòng)畫窗口基本上可以看出@阿旻_Deng 童鞋的思路：線條從上方落下，沿途ABCDEFGH依次閃現(xiàn)，最后定格字母H，配合線條完成最后的回彈。@阿旻_Deng 利用【閃爍】的動(dòng)畫很巧妙的解決了字母沿線條下落不斷變化的動(dòng)畫效果。但是你這么做會(huì)嚇跑很多有志于提升自己PPT動(dòng)畫水平的小朋友的，而且如果你沒有足夠冠冕堂皇的理由忽悠他們繼續(xù)堅(jiān)持把havefun這7個(gè)字母一共56個(gè)閃爍的字母用動(dòng)畫刷刷完的話。所以，我們還是來(lái)看看銳普版用的什么方法將素材減少到了27個(gè)！

其實(shí)在上一課《提綱挈領(lǐng)》中我已經(jīng)做了一個(gè)小小的提示，回看場(chǎng)景17、18的教程。也就是我們前面學(xué)過的神奇的“gif”法。這個(gè)場(chǎng)景中無(wú)論飛速跳動(dòng)的字母，還是從1跳到28的數(shù)字，都可以用這種方法解決，剩下來(lái)的事，無(wú)非就是稍微細(xì)心一點(diǎn)，花點(diǎn)時(shí)間調(diào)節(jié)各個(gè)素材動(dòng)畫之間的過渡銜接罷了，銳普版的正是這種思路和方式。這也是能將素材縮減到27個(gè)的關(guān)鍵。并且，就純PPT動(dòng)畫技術(shù)來(lái)說，這已經(jīng)是最簡(jiǎn)也是最好的方法了。

也許有童鞋注意到了我的用詞，什么叫純PPT動(dòng)畫技術(shù)？那么不純的PPT動(dòng)畫技術(shù)又是啥？

所謂不純的PT動(dòng)畫技術(shù)，就是臭干我這次所用到的方法。

在前面場(chǎng)景17中我提到過，PPT中其實(shí)是可以插入GIF動(dòng)態(tài)圖片的，而且完全保留了動(dòng)態(tài)效果，又能和當(dāng)作圖片處理。不過眾PPT高手為了保持PPT動(dòng)畫的純潔性——gif 不是PPT動(dòng)畫，怎么能混跡其中呢——硬是逆天發(fā)明出了用PPT制作類似GIF動(dòng)態(tài)圖的方法來(lái)，具體法子已經(jīng)很詳細(xì)地在第18課中講解了。但是在今天這個(gè)動(dòng)畫場(chǎng)景中，我依然覺得這種法子太麻煩，因?yàn)樽帜鸽m然是和線條同時(shí)運(yùn)動(dòng)，但是這種法子無(wú)法將這兩個(gè)素材組合起來(lái)，一旦組合起來(lái)，跳動(dòng)字母的動(dòng)畫效果也就消失了。那么，只好用那么一點(diǎn)不太純潔的動(dòng)畫技巧——直接插入GIF動(dòng)畫圖片。所以我用FLASH制作了7個(gè)跳動(dòng)的字母，然后和線條組合成一個(gè)素材。這樣，只需要為組合素材設(shè)置進(jìn)入順序和回彈的效果就行了。（請(qǐng)點(diǎn)擊“動(dòng)畫素材28”可以下載到今天提到的三個(gè)版本動(dòng)畫源文件）

關(guān)于如何將一個(gè)復(fù)雜的動(dòng)畫組合精簡(jiǎn)為初級(jí)的運(yùn)動(dòng)軌跡的思路，今天就介紹到這里。或許有人會(huì)說，你這法子只能算投機(jī)之法，還有，F(xiàn)ALSH的動(dòng)畫功能甩了PPT幾條街了，我會(huì)FLASH的話，還要學(xué)你這PPT動(dòng)畫干嘛啊。

關(guān)于投機(jī)之法的說法，臭干有一句話，成功就像是懷孕，沒有人知道你被操了多少次。其他人看到的要看的也只是你最終的演示效果，沒有人會(huì)關(guān)心你花了多少時(shí)間，多少精力，用了什么方法實(shí)現(xiàn)！

關(guān)于FlASH和PPT動(dòng)畫的差別，PPT勝在有一個(gè)龐大的動(dòng)畫庫(kù)，稍加指點(diǎn)傻瓜操作就可以做出不錯(cuò)的效果來(lái)，PPT的定位是為演示服務(wù)，而不是制作動(dòng)畫。而FLASH勝在專業(yè)和強(qiáng)大的功能，但是學(xué)習(xí)掌握的成本較高，其各種動(dòng)畫效果一直是PPT模仿參考的對(duì)象。用PPT做動(dòng)畫，更多通過對(duì)基礎(chǔ)工具的嫻熟應(yīng)用，來(lái)訓(xùn)練我們的大腦，展示我們的創(chuàng)意。

最后再次感謝@阿旻_Deng 童鞋貢獻(xiàn)自己的作業(yè)被我作為反面教材。不過能做出來(lái)這樣的效果，至少說明@阿旻_Deng的基本功練的不錯(cuò)，基本技巧都已經(jīng)熟練掌握，可以進(jìn)入下一階段的修煉了。

各位童鞋，場(chǎng)景28是個(gè)練手的好材料，大家不妨再想想有沒有其他更好的解決手段，要不將幾種版本都練習(xí)一下也好，會(huì)發(fā)現(xiàn)很多值得加深和鞏固的技巧的。

做好的動(dòng)畫作品請(qǐng)轉(zhuǎn)為GIF格式添加#三分鐘教程# 并在微博上@秋葉 @油殺臭干，好作品我們必轉(zhuǎn)！

另外大家如果覺得這個(gè)使用不太順手的話，可以看“如何將PPT動(dòng)畫轉(zhuǎn)為GIF”,我們已經(jīng)為你提供了非常詳細(xì)的PPT動(dòng)畫轉(zhuǎn)為GIF的教程，還有一點(diǎn)點(diǎn)相關(guān)的小福利，那個(gè)啥，你懂的！

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“PPT動(dòng)畫大師之路”教程目錄列表

PPT的動(dòng)畫課程講到這里，技巧上的東西已經(jīng)真的講得差不多了，所以下面幾個(gè)場(chǎng)景今天打包教學(xué)，一次搞定，如果你前面的技巧都已經(jīng)掌握的話，這幾個(gè)場(chǎng)景從技術(shù)上來(lái)說應(yīng)該沒有太大難度。要是還有點(diǎn)想不明白的，我這里也會(huì)將每個(gè)場(chǎng)景的關(guān)鍵點(diǎn)提點(diǎn)一下。

23，READ A PAGE OF DICTIONARY。沒事讀讀字典。這個(gè)場(chǎng)景，主要是字典的放大、旋轉(zhuǎn)兩個(gè)動(dòng)畫的疊加。主要技巧在第11個(gè)場(chǎng)景“眾星拱月”已經(jīng)詳細(xì)講過了（“動(dòng)畫素材13”），其實(shí)我覺得比較難操作的是字典隱去后只留下單獨(dú)一頁(yè)，你想到什么好辦法沒有？想不出來(lái)的話就看“動(dòng)畫素材23”，揭曉答案吧。

24：create a framework。建立框架，也就是我們常說的結(jié)構(gòu)化思考。這個(gè)場(chǎng)景中，也許有的同學(xué)會(huì)糾結(jié)于如何讓那個(gè)紅色的方塊從左下角而不是中央開始擴(kuò)展開來(lái)，其實(shí)只要看一下素材文件的截圖你就該知道怎么辦了：

至于方框里的文字，從黑色變成白色，用一個(gè)【強(qiáng)調(diào)】中的變色動(dòng)畫頓時(shí)秒殺。

本場(chǎng)景動(dòng)畫源文件，請(qǐng)回復(fù)“動(dòng)畫素材24”下載

25：stop trying to be someone else's perfect。不要總想著重復(fù)別人的完美。這個(gè)場(chǎng)景中依然是自定義放大效果和路徑軌跡的應(yīng)用。就是如何調(diào)整多個(gè)元素的移動(dòng)軌跡，讓他們看上去渾然一體，要有點(diǎn)耐心哈。

本場(chǎng)景動(dòng)畫源文件，下載地址：“動(dòng)畫素材25”。

26：GOT AN IDEA?WRITE IT DOWN.有了好主意？寫下來(lái)！要是你從一開始就養(yǎng)成了將頁(yè)面上每個(gè)元素都編號(hào)的話，這個(gè)場(chǎng)景真的沒啥可說道的。

本場(chǎng)景動(dòng)畫源文件，請(qǐng)回復(fù)“動(dòng)畫素材26”下載。

27：clear your workspace.清理你的工作臺(tái)。這個(gè)場(chǎng)景現(xiàn)在看來(lái)簡(jiǎn)直就是幼兒園級(jí)別的吧。倒是這個(gè)墨跡的制作稍微費(fèi)了我一點(diǎn)功夫。

本場(chǎng)景的動(dòng)畫源文件，請(qǐng)回復(fù)“動(dòng)畫素材27”下載。

28，have fun。享受樂趣，或者可以翻譯成做愛做的事。這種跳動(dòng)閃爍的字母和數(shù)字，大家應(yīng)該知道怎么做了吧。翻回前面場(chǎng)景17、18，小CASE啦。不過這只是這個(gè)場(chǎng)景中的一小部分，想必你試過以后會(huì)知道，要想做出視頻中的這種效果來(lái)，還是需要有相當(dāng)?shù)哪托牡摹?/span>

這里先做個(gè)預(yù)告，下一節(jié)課，我們就以場(chǎng)景28為例，看看我們?nèi)绾位睘楹?jiǎn)，搞定這終極大BOSS的。所以，28的源文件，要么你自己挑戰(zhàn)一下，要么，等下一節(jié)課吧。

做好的動(dòng)畫作品請(qǐng)轉(zhuǎn)為GIF格式添加#三分鐘教程# 并在微博上@秋葉 @油殺臭干，好作品我們必轉(zhuǎn)！

另外大家如果覺得這個(gè)使用不太順手的話，可以看“如何將PPT動(dòng)畫轉(zhuǎn)為GIF”,我們已經(jīng)為你提供了非常詳細(xì)的PPT動(dòng)畫轉(zhuǎn)為GIF的教程，還有一點(diǎn)點(diǎn)相關(guān)的小福利，那個(gè)啥，你懂的！

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“PPT動(dòng)畫大師之路”教程目錄列表

保持創(chuàng)意的第22種方式：don't force it。

傳說當(dāng)年阿基米德為了解決國(guó)王派給他如何不損傷金皇冠，又能有效鑒別皇冠中是否摻假的問題，冥思苦想7749天沒能想出好辦法，最后索性準(zhǔn)備啥都不想，好好泡個(gè)澡，卻突然從浴缸中溢出的水中得到了靈感，從而發(fā)現(xiàn)了浮力公式。

牛頓發(fā)現(xiàn)地心引力，不也是同樣被顆蘋果砸中了腦袋冒出來(lái)的靈感么。

佛祖釋迦摩尼，在菩提樹下證悟，那也是一個(gè)輕霧繚繞的清晨，喝完了牧羊少女供養(yǎng)的羊奶，突然就頓悟了世間的疾苦。

其實(shí)創(chuàng)意靈感的出現(xiàn)要經(jīng)歷兩個(gè)階段：一個(gè)是醞釀期，一個(gè)是爆發(fā)期。在醞釀期，我們的大腦苦苦思索，搜集整理所有一切可用的資料，這時(shí)候，我們會(huì)痛苦，會(huì)糾結(jié)，為何總也找不到一個(gè)合適的方法。然而到了爆發(fā)期，在不經(jīng)意間，一條外界看似毫不相干的線索卻突然將所有的線索串聯(lián)起來(lái)，豁然開朗。其實(shí)這看似不經(jīng)意的時(shí)候，我們的大腦的潛意識(shí)依然在悄悄的運(yùn)作，而放松，是讓潛意識(shí)浮出水面的最有效的方式，當(dāng)潛意識(shí)和正意識(shí)交匯融合之時(shí)，就是我們大徹大悟之日。

回頭來(lái)看今天的動(dòng)畫場(chǎng)景。

22 DN'T FORCE IT 幾個(gè)單詞依次從下往上跳入，然后在重壓之下收縮又彈開恢復(fù)原狀。

有同學(xué)要問了，老師你前面不是說技巧差不多都講完了么？這一個(gè)場(chǎng)景看上去不怎么難啊，你還能講點(diǎn)啥出來(lái)呢？

仔細(xì)看看，你覺得我今天會(huì)講點(diǎn)啥呢？

今天這個(gè)動(dòng)畫場(chǎng)景中有個(gè)最大的特色：元素運(yùn)動(dòng)都附帶彈跳效果。從一開始的文字的飛入，到最后文字被擠壓后恢復(fù)原狀的彈性效果，如果再加上前面場(chǎng)景14(關(guān)鍵詞：動(dòng)畫16）中的彈簧效果，基本上常見的彈跳彈簧效果都已經(jīng)齊了。而且，關(guān)于不同的彈跳彈簧效果，我們也可以提出不同的幾種制作方法供大家選擇。下面，就開始我們今天奇妙的彈跳之旅吧。

一開始，我們注意到，22 DN'T FORCE IT 幾個(gè)單詞依次從下往上跳入，每個(gè)單詞不是僵直地跳到自己的位置就不動(dòng)了，而是像我們現(xiàn)實(shí)中有個(gè)小小的慣性一樣，在原地晃動(dòng)一下才靜止下來(lái)。這樣的細(xì)節(jié)效果該怎樣完成呢？

我們首先為這幾個(gè)單詞分別添加【飛入】效果，方向設(shè)為自下而上，持續(xù)時(shí)間0.25秒，開始方式【從上一動(dòng)畫開始之后】

然后我們打開效果選項(xiàng)的詳細(xì)設(shè)置，在前面場(chǎng)景5（關(guān)鍵詞：動(dòng)畫07）中，我們?cè)?jīng)詳細(xì)學(xué)習(xí)了【平滑開始】和【平滑結(jié)束】?jī)蓚€(gè)屬性的設(shè)置，和這兩個(gè)屬性并列的還有一個(gè)【彈跳結(jié)束】，就是我們今天要用到的。這個(gè)設(shè)置我們?cè)谇懊鎴?chǎng)景6（關(guān)鍵詞：動(dòng)畫08）中曾經(jīng)提到過，今天再來(lái)鞏固復(fù)習(xí)一下吧。

這里將【彈跳結(jié)束】設(shè)定為0.1秒，這樣每個(gè)字母飛入后，會(huì)在原地用0.1秒的時(shí)間掙扎一下，然后才乖乖地待在原位。

依次類推，以后如果遇到類似模擬原位置振動(dòng)或者彈跳最后靜止的運(yùn)動(dòng)效果的話，大多數(shù)時(shí)候只要設(shè)定彈跳結(jié)束就可以了。

為什么說是大多數(shù)時(shí)候呢？因?yàn)橄旅孢@個(gè)彈簧效果，僅僅靠【彈跳結(jié)束】是做不來(lái)的！

搞定了依次飛入的幾個(gè)字母，下面這個(gè)壓縮由展開的動(dòng)畫是怎么做出來(lái)的呢？

不要著急，先來(lái)解決幾個(gè)小問題。

前面幾個(gè)字母是分別飛入的，而壓縮又彈開顯然是一個(gè)整體的元素，所以這里先要用一個(gè)組合元素（DON'T FORCE IT+上下紅線）來(lái)替換分別飛入的這幾個(gè)字母，這種偷梁換柱的事情，我們前面已經(jīng)干過很多次了，是吧。

然后我們?cè)贋椤癉ON'T FORCE IT”來(lái)添加壓縮和彈開的效果。

壓縮的效果，是從有到無(wú)，所以先到【退出】效果中來(lái)找。一個(gè)一個(gè)地點(diǎn)過去以后，我們會(huì)發(fā)現(xiàn)【層疊】這個(gè)動(dòng)畫效果基本符合要求。一般來(lái)說，【退出】動(dòng)畫效果，在【進(jìn)入】中我們也能找到對(duì)應(yīng)的，所以我們又很快在【進(jìn)入】效果中找到了【伸展】這個(gè)動(dòng)畫效果。

依次為元素“DON'T FORCE IT”添加【層疊】和【伸展】動(dòng)畫，效果選項(xiàng)分別設(shè)置為【到右側(cè)】和【自右側(cè)】，看看是不是已經(jīng)有點(diǎn)壓縮后又彈開的樣子了。

當(dāng)然這只是一個(gè)雛形，我們還要為它加上兩邊表示壓力的兩塊大鋼板！

這里又要有個(gè)注意的地方了，壓力板進(jìn)入場(chǎng)景并將句子壓成扁扁的一塊，速度并不是勻速的，而是根據(jù)虎克定律（不知道啥是虎克定律？回去翻翻初中的物理書！），壓縮越緊，則受到的阻力越大，速度也越慢。這個(gè)在哪里調(diào)設(shè)置呢？

回想我們場(chǎng)景5和6的教程，模擬現(xiàn)實(shí)移動(dòng)效果的三大法寶：【平滑開始】【平滑結(jié)束】【彈跳結(jié)束】，還是在這三個(gè)上面下功夫。將平滑結(jié)束設(shè)為最大，速度由快到慢的效果就出現(xiàn)了。

不過今天這個(gè)壓力板進(jìn)入之后，還有一個(gè)被彈回的效果，速度和進(jìn)入剛好相反，由慢到快，怎么辦？需要將剛才的路徑重新設(shè)置一下么？其實(shí)很簡(jiǎn)單，我們只要勾選效果中的自動(dòng)翻轉(zhuǎn)，就將剛才怎么進(jìn)來(lái)的，那么就還怎么回去了。

到這里壓縮然后彈開的動(dòng)畫效果似乎解決了，但是實(shí)際播放一下，問題又來(lái)了，怎么壓力板和被壓縮的句子不同步啊！

查找問題，發(fā)現(xiàn)【層疊】和【伸展】?jī)蓚€(gè)動(dòng)畫沒有速度調(diào)節(jié)的選項(xiàng)，沒辦法，先將三個(gè)元素都設(shè)定為同時(shí)開始，然后利用延時(shí)效果來(lái)模擬出同步壓縮彈回的效果吧！

如果從這個(gè)截圖的提示還搞不定的話，回復(fù)素材22看看具體的設(shè)置吧。

接下來(lái)，是本場(chǎng)景的終極BOSS戰(zhàn)，DON'T FORCE IT的振動(dòng)回彈效果！

按照前面場(chǎng)景14的思路，我們可以用逐幀動(dòng)畫的方式，來(lái)做幾個(gè)長(zhǎng)短不一的句子，然后反復(fù)進(jìn)入退出進(jìn)入退出，模擬的逼真度，在于幀數(shù)的多少。

第二種思路，是前面場(chǎng)景20的震動(dòng)的思路，利用短路徑+自動(dòng)翻轉(zhuǎn)+重復(fù)的方法，也可以做出比較逼真的振動(dòng)效果。

但是，牛逼的PPT動(dòng)畫大師們顯然還是不會(huì)滿足這樣的效果的，難道還有第三種方式么？

有！

仔細(xì)研究這個(gè)彈簧振動(dòng)的效果，從波形上來(lái)將，應(yīng)該屬于橫波，僅僅是長(zhǎng)度方面的拉長(zhǎng)和縮短。而恰好，在【強(qiáng)調(diào)】的【放大/縮小】的效果設(shè)置中，我們找到了水平、垂直、兩者兼有三個(gè)方向選項(xiàng)。所以，利用【放大/縮小】動(dòng)畫效果，配合效果選項(xiàng)中的詳細(xì)設(shè)置，應(yīng)該是可以模擬出非常逼真的彈簧振動(dòng)的效果來(lái)的。

這種彈簧振動(dòng)的效果依然遵循現(xiàn)實(shí)世界的物理原理，由于能量的損失，橫波振動(dòng)由快到慢，幅度由大到小，最終停止。

所以先將水平放大的動(dòng)畫效果分為兩段，放大比例分別設(shè)為110%和105%，時(shí)間設(shè)定分別為0.08秒和0.1秒。勾選自動(dòng)翻轉(zhuǎn)，重復(fù)次數(shù)設(shè)為兩次。

最后動(dòng)畫窗格中的應(yīng)該是這個(gè)模樣

如果文字部分沒看明白，請(qǐng)下載“動(dòng)畫素材22”，看看具體的設(shè)置數(shù)據(jù)吧。

雖然從模擬現(xiàn)實(shí)的角度，我覺得這樣的橫波效果還是非常逼真的，但是沒能完美還原出原視頻中一邊固定，一邊振動(dòng)縮放的效果，也是一個(gè)不小的遺憾。

不過，靈感不來(lái)也無(wú)需強(qiáng)求，也許某天在慵懶的睡床上，在裊裊的咖啡中，我們能找到點(diǎn)靈感，解決這個(gè)問題呢！

回顧今天的課程，反反復(fù)復(fù)講了一個(gè)效果，關(guān)于彈跳振動(dòng)效果的多種設(shè)置方式。你有沒有興趣打開你的PPT，來(lái)認(rèn)真模擬一下我們周圍這個(gè)奇妙的世界呢？

做好的動(dòng)畫作品請(qǐng)轉(zhuǎn)為GIF格式添加#三分鐘教程# 并在微博上@秋葉語(yǔ)錄 @油殺臭干，好作品我們必轉(zhuǎn)！

另外大家如果覺得這個(gè)使用不太順手的話，可以看“如何將PPT動(dòng)畫轉(zhuǎn)為GIF”,我們已經(jīng)為你提供了非常詳細(xì)的PPT動(dòng)畫轉(zhuǎn)為GIF的教程，還有一點(diǎn)點(diǎn)相關(guān)的小福利，那個(gè)啥，你懂的！

本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100

返回“PPT動(dòng)畫大師之路”教程目錄列表