大家好，我是雅客。

事不宜遲，下面就正式開始今天的賞析。

今天要給大家分享的案例，是一組具有創(chuàng)意性的PPT動(dòng)畫，里面的動(dòng)畫效果都是基于系統(tǒng)自帶的動(dòng)畫效果組合而成的。

如果你也想做出像下面這樣的動(dòng)畫，那么這期的案例欣賞可就要好好往下看啦！

▲ 計(jì)數(shù)動(dòng)畫

▲ 用動(dòng)畫講述故事

▲ 放大鏡動(dòng)畫

▲ 加載動(dòng)畫、轉(zhuǎn)場(chǎng)動(dòng)畫

這些動(dòng)畫都是我用 Office 2016 制作出來的，那么這些看似高逼格的動(dòng)畫效果，實(shí)際上是如何制作出來的呢，請(qǐng)看下面的詳細(xì)講解。

首先，我們先來看第一張作品，也就是下面這個(gè)計(jì)數(shù)的動(dòng)畫效果，它的制作流程。

這個(gè)動(dòng)畫效果制作的關(guān)鍵點(diǎn)有兩個(gè)，一個(gè)是「遮罩」，另一個(gè)是「平移」的切換動(dòng)畫效果。

在制作這個(gè)作品之前，我們可以先為頁面填充一個(gè)背景圖片，鼠標(biāo)右鍵幻燈片空白處，選擇設(shè)置背景格式，在填充方式處選擇圖片填充。

之后在頁面中間插入幾個(gè)圓角矩形，調(diào)整好透明度，作為計(jì)數(shù)牌。

數(shù)字的排列，是通過插入5個(gè)文本框，分別輸入上0-9的數(shù)字，文字的排列方向選擇「堆積」，拖動(dòng)文本框，數(shù)字的排列就會(huì)呈現(xiàn)豎排。

之后把0這個(gè)數(shù)字放在圓角矩形當(dāng)中，并對(duì)齊。

然后用鼠標(biāo)點(diǎn)擊界面左邊這一頁的縮略圖，在鍵盤上按Ctrl+D，復(fù)制多一頁一模一樣的出來。

接下來通過往上移動(dòng)文本框，改變計(jì)數(shù)器上的數(shù)字，之后利用office2016系統(tǒng)當(dāng)中的「平滑」切換動(dòng)畫效果，即可實(shí)現(xiàn)文本框的移動(dòng)。

如果你沒有「平滑」的切換動(dòng)畫效果，也可以使用路徑動(dòng)畫當(dāng)中的向上移動(dòng)來進(jìn)行替代。

制作出來的效果如上圖所示，但是這樣的效果明顯不是我們想要的是吧，因?yàn)檫@樣就等于把魔術(shù)的神秘之處都揭開了。

所以我們就需要「遮罩」來掩蓋我們不想讓別人看到的露餡的地方。

而「遮罩」的制作方法也并非復(fù)雜，插入一塊矩形，放在計(jì)數(shù)牌的上下兩端，之后填充方式選擇為幻燈片背景填充，即變成了一塊隱形的蒙版。

如上圖所示，矩形選擇幻燈片背景填充之后，填充的部分就是幻燈片背景，所以我們移動(dòng)矩形到哪里，填充的部分也會(huì)相應(yīng)地發(fā)生改變。

這種設(shè)置為幻燈片背景填充的矩形覆蓋在數(shù)字之上，把不想被人看到的元素隱藏起來的形狀，我們就把它們稱之為「遮罩」。

這里同樣要注意，在其中一頁使用了遮罩，另一頁就把上一頁的遮罩復(fù)制過去即可，不然位置會(huì)發(fā)生變化，演示的時(shí)候就會(huì)有破綻。

接下來我們?cè)賮砜吹诙€(gè)動(dòng)畫創(chuàng)意，這個(gè)動(dòng)畫所以導(dǎo)出GIF格式的時(shí)候，文件太大上傳不上來，所以進(jìn)行了壓縮和加速，就變成了這樣的渣渣畫質(zhì)。

這個(gè)動(dòng)畫是通過縮放定位動(dòng)畫制作完成的，效果如上圖所示，點(diǎn)擊一張圖片，我們就能放大這張圖片，而且是無損的。

通過層層疊加，我們可以從畫廊滲透到一幅畫，從一幅畫滲透到一間房，從一間房的相架再滲透到另一個(gè)場(chǎng)景，讓本來好像沒有關(guān)聯(lián)的場(chǎng)景，順其自然的連接起來，好像電影的一樣。

制作的方法是，將不同場(chǎng)景放在不同的PPT頁面，如下圖所示。

之后，選中第一個(gè)開始的場(chǎng)景，點(diǎn)擊菜單欄上的插入，選擇「縮放定位」再選擇「幻燈片縮放定位」。

勾選你要定位的幻燈片頁面，之后點(diǎn)擊確定導(dǎo)入進(jìn)來，此時(shí)頁面上就會(huì)出現(xiàn)那一頁P(yáng)PT的縮略圖，縮放到一個(gè)容器當(dāng)中，與場(chǎng)景融為一體即可。

下面是具體操作的動(dòng)態(tài)演示圖，不知道怎么操作的可以看下面的動(dòng)圖。

放置好之后，在全屏放映模式下，用鼠標(biāo)點(diǎn)擊該圖片，頁面就會(huì)自動(dòng)縮放過去，形成非常連貫自然的過渡效果。

如何排列得當(dāng)，還可以通過這樣的方式來講述故事，這會(huì)是一種非常具有創(chuàng)意性的表達(dá)。

除了相框、窗戶之外，我們還可以尋找電視機(jī)、電腦屏幕、報(bào)紙上的圖片，書本上的插圖，街邊的海報(bào)等作為我們圖片的容器。

唯一值得注意就是圖片要與周圍的場(chǎng)景要比較融合，不然圖片放上去也會(huì)比較生硬，這樣展示出來的效果就不自然了。

另外，這個(gè)動(dòng)畫效果也是office 2016的新功能，沒有更新的朋友可能暫時(shí)還體驗(yàn)不到哦~

第三個(gè)動(dòng)畫效果是放大鏡動(dòng)畫，最初是出現(xiàn)在錘子手機(jī)的發(fā)布會(huì)上，那這樣的動(dòng)畫效果又是如何制作出來的呢，且看下面的分解。

首先你要準(zhǔn)備好這樣幾樣?xùn)|西，一個(gè)是放大鏡、一個(gè)是小型的手機(jī)、一個(gè)大型的手機(jī)、外加一個(gè)與放大鏡一樣大小的圓形和矩形。

之后，把兩臺(tái)手機(jī)放在頁面中間，小的放在底層，大的放在小的上面。

然后把矩形拖到下方大小，并設(shè)置為無填充，無邊框。之后與大的手機(jī)進(jìn)行組合，之后復(fù)制黏貼為增強(qiáng)型圖元文件。

注意，此時(shí)的手機(jī)雖然還是手機(jī)但是已經(jīng)跟矩形合并成一個(gè)圖片了，這一點(diǎn)很關(guān)鍵。

之后我們同樣點(diǎn)擊界面左邊的幻燈片縮略圖，按鍵盤上的CTRL+D復(fù)制黏貼多一頁出來。

然后在上一頁，讓圓形與手機(jī)通過截圖工具，把放大鏡以外的區(qū)域進(jìn)行裁剪。

裁剪完之后，就只剩下手機(jī)左邊的一端留在放大鏡當(dāng)中，在裁剪的時(shí)候注意不要放放大鏡也裁剪了。

那在下一頁也是一樣的操作，只是放大鏡要移動(dòng)到手機(jī)的末端，然后圖片裁剪到手機(jī)的末端。

之后在兩頁之間使用平滑的切換動(dòng)畫效果，就可以實(shí)現(xiàn)放大鏡的效果啦。

那最后一個(gè)動(dòng)畫，就是頁面加載動(dòng)畫以及轉(zhuǎn)場(chǎng)動(dòng)畫，這一頁動(dòng)畫的制作同樣運(yùn)用到了「遮罩」，它在動(dòng)畫當(dāng)中是非常常見的。

具體的制作方法是，插入一個(gè)與屏幕大小的矩形和一個(gè)小的圓形，放在矩形的正中間，之后讓圓形與矩形進(jìn)行形狀組合。

組合后的圖形中間的圓是鏤空的，可以漏出底部的元素，如下圖所示。

之后我們要做的，就是制作動(dòng)態(tài)的水效果，我們需要插入一個(gè)矩形或者一個(gè)波浪的圖形，放在這個(gè)遮罩圖層的底層。

注意，底層的含義是指這個(gè)遮罩的背后，而不是像下圖這樣放在遮罩的下方。

然后我們就會(huì)這個(gè)波浪圖形添加動(dòng)畫，動(dòng)畫的效果要根據(jù)自然規(guī)律來進(jìn)行設(shè)定。

水添加到容器當(dāng)中會(huì)晃蕩，對(duì)于PPT動(dòng)畫里面我們可以用蹺蹺板來實(shí)現(xiàn)，水一直加，水位會(huì)往上深，所以可以同時(shí)用向上的路徑動(dòng)畫來實(shí)現(xiàn)。

所以這個(gè)水位的動(dòng)畫就由兩部分構(gòu)成，一個(gè)是蹺蹺板動(dòng)畫，一個(gè)是向上移動(dòng)的路徑動(dòng)畫。

另外，水的晃蕩不是晃蕩一下子就會(huì)停止的，會(huì)不停的晃蕩，所以蹺蹺板的動(dòng)畫我們要在動(dòng)畫效果上設(shè)置重復(fù)。

如上圖所示，制作出來的效果就是波浪圖形一直抖動(dòng)著往上移動(dòng)，非常的滑稽和搞笑哈。

之后就很簡(jiǎn)單了，把這個(gè)抖動(dòng)的小家伙放在我們的遮罩后面，就形成了我們加水的動(dòng)畫效果。

如果我們需要切換場(chǎng)面，讓動(dòng)畫效果過渡更加自然，我們就要利用頁面當(dāng)中原本存在的元素，來進(jìn)行切換和過渡。

比如上圖當(dāng)中存在的一個(gè)元素就是藍(lán)色的圓形，那我就可以把這個(gè)圓形進(jìn)行放大，覆蓋掉頁面上其他的元素，從而起到自然換場(chǎng)的效果。

總結(jié)

以上就是今天案例分享要給大家介紹的四個(gè)創(chuàng)意小動(dòng)畫，最后盤點(diǎn)一下今天我們運(yùn)用了那些小技巧。

第一個(gè)是咱們頻繁使用的平滑切換動(dòng)畫，可以讓兩個(gè)頁面的元素進(jìn)行自然過渡。

第二個(gè)是遮罩，可以讓我們動(dòng)畫當(dāng)中不想讓別人看到的部分被遮住。

第三個(gè)是縮放定位動(dòng)畫，使用它我們可以實(shí)現(xiàn)頁面之間的跳轉(zhuǎn)。

最后雅客想說，無論是制作什么動(dòng)畫都好，要想動(dòng)畫呈現(xiàn)出來的效果好，都要遵循自然界的運(yùn)動(dòng)規(guī)律，這樣呈現(xiàn)出來的效果才真實(shí)。

而動(dòng)畫的運(yùn)用，只是將這樣自然界當(dāng)中理所當(dāng)中的運(yùn)動(dòng)狀態(tài)重新呈現(xiàn)出來。

希望今天的案例分享，對(duì)你有幫助