用補(bǔ)位做好PPT旋轉(zhuǎn)動(dòng)畫(huà)-PPT動(dòng)畫(huà)教程

動(dòng)畫(huà)2017-03-10

留言 5

用補(bǔ)位做好PPT旋轉(zhuǎn)動(dòng)畫(huà)-PPT動(dòng)畫(huà)教程

導(dǎo)讀

PPT順時(shí)針/逆時(shí)針旋轉(zhuǎn)動(dòng)畫(huà)怎么做？PPT做旋轉(zhuǎn)動(dòng)畫(huà)，一般會(huì)使用強(qiáng)調(diào)里的陀螺旋，但陀螺旋是很有限的，只能做到自轉(zhuǎn)，沒(méi)法做到公轉(zhuǎn)，那么做公轉(zhuǎn)是否就沒(méi)辦法了呢？答案是否定的。

之前說(shuō)過(guò)，要給大家分享些關(guān)于PPT動(dòng)畫(huà)系列。But，距離上一篇文章，也就是2月06日的《PPT教程| 動(dòng)畫(huà)系列》，已經(jīng)一個(gè)月過(guò)去了。不是我懶，只是這一段時(shí)間里給大家分享了一些關(guān)于PowerPoint小技巧（無(wú)辜臉）。所以今天期許又來(lái)給大家講PPT動(dòng)畫(huà)了！動(dòng)畫(huà)系列的文章，我會(huì)直接從模仿的GIF，或者一些PPT動(dòng)畫(huà)案例入手，講解、分析案例動(dòng)畫(huà)效果的制作。而不會(huì)像之前的一些文章，由淺入深的來(lái)介紹每一個(gè)動(dòng)畫(huà)效果。

原因：

沒(méi)有必要去介紹每一個(gè)動(dòng)畫(huà)效果，也不現(xiàn)實(shí)。
為了實(shí)戰(zhàn)性考慮，結(jié)合案例介紹PPT動(dòng)畫(huà)的制作技巧。

這樣文章的質(zhì)量就會(huì)取決我挑選的案例。為了保證文章的高質(zhì)量，我會(huì)挑選具有代表性和實(shí)戰(zhàn)性的案例就行分享！

PPT順時(shí)針/逆時(shí)針旋轉(zhuǎn)動(dòng)畫(huà)怎么做？PPT做旋轉(zhuǎn)動(dòng)畫(huà)，一般會(huì)使用強(qiáng)調(diào)里的陀螺旋，但陀螺旋是很有限的，只能做到自轉(zhuǎn)，沒(méi)法做到公轉(zhuǎn)，那么做公轉(zhuǎn)是否就沒(méi)辦法了呢？答案是否定的。還是用陀螺旋，這是在素材上做一定的“補(bǔ)位”操作（其實(shí)就是增加寬度/高度的處理，讓陀螺旋的旋轉(zhuǎn)軸位置發(fā)生變化）

下面開(kāi)始今天的PPT動(dòng)畫(huà)技巧—補(bǔ)位。

具體什么是補(bǔ)位？怎么補(bǔ)位？補(bǔ)位在PPT動(dòng)畫(huà)制作上有什么用？

這些內(nèi)容，我都不講。

是暫時(shí)不講，就像我們上篇文章介紹PPT動(dòng)畫(huà)如何入門(mén)說(shuō)：從模仿GIF開(kāi)始。從模仿動(dòng)畫(huà)制作中，來(lái)解答上面的疑問(wèn)！

用補(bǔ)位做好PPT旋轉(zhuǎn)動(dòng)畫(huà)：案例一

大家下面看的這個(gè)GIF動(dòng)圖，如何用我們PPT模仿？

這是一個(gè)加載頁(yè)面動(dòng)畫(huà)，動(dòng)畫(huà)上就是兩個(gè)飛機(jī)繞圓形運(yùn)動(dòng)。

首先，我制作出來(lái)兩個(gè)飛機(jī)模型。按照動(dòng)圖的位置，對(duì)稱(chēng)放置好。通過(guò)觀察GIF動(dòng)圖，我們可以看出兩個(gè)飛機(jī)是同時(shí)運(yùn)動(dòng)的。因此，為了方便，我的第一想法就是先對(duì)兩個(gè)飛機(jī)使用組合命令，然后想使用一個(gè)動(dòng)畫(huà)命令就可以完成繞圓形運(yùn)動(dòng)！

組合后，下面就是添加動(dòng)畫(huà)命令。顯然我們只能在強(qiáng)調(diào)動(dòng)畫(huà)和路徑動(dòng)畫(huà)中選擇，首先我想到的就是強(qiáng)調(diào)動(dòng)畫(huà)中的：陀螺旋。

如果大家對(duì)每個(gè)動(dòng)畫(huà)效果不太熟悉的話(huà)，可以多試幾次。而且這里是組合形狀，可供選擇的強(qiáng)調(diào)動(dòng)畫(huà)，沒(méi)有幾個(gè)。

這樣，對(duì)組合形狀添加陀螺旋動(dòng)畫(huà)后，在動(dòng)畫(huà)效果選項(xiàng)中，讓動(dòng)畫(huà)多重復(fù)幾次即可完成。下面是我做完后的效果！

這么快就做出來(lái)？這么簡(jiǎn)單的一個(gè)動(dòng)畫(huà)，有何技巧可言？

大家別急，前面兩個(gè)飛機(jī)是對(duì)稱(chēng)的，使用了陀螺旋動(dòng)畫(huà)，剛好可以完美的讓這兩個(gè)飛機(jī)繞圓形旋轉(zhuǎn)運(yùn)動(dòng)。但是，大家想一下，如果只有一個(gè)飛機(jī)，那我們?cè)趺粗谱鬟@個(gè)效果呢？

再使用陀螺旋動(dòng)畫(huà)？可以制作出來(lái)嗎？不知道的話(huà)，我們不妨一試！

給這個(gè)飛機(jī)添加了陀螺旋動(dòng)畫(huà)后，就是上面大家看到的那個(gè)鬼樣子！

顯然不是我們想要的效果，我們先來(lái)分析同樣都是飛機(jī)，同樣都是陀螺旋動(dòng)畫(huà)，為啥差距這么大呢？我們觀察一個(gè)飛機(jī)的陀螺旋動(dòng)畫(huà)，發(fā)現(xiàn)它是繞著飛機(jī)的中心進(jìn)行旋轉(zhuǎn)得，而前面的兩個(gè)飛機(jī)是對(duì)稱(chēng)放置的，組合后的形狀的中心就是我們需要的旋轉(zhuǎn)中心！再放上一個(gè)對(duì)比的GIF圖，大家就看的明白了！

通過(guò)對(duì)比，我們知道造成兩種效果差異的原因是旋轉(zhuǎn)中心的不同，同時(shí)我們也知道動(dòng)畫(huà)：陀螺旋；是繞著形狀的中心進(jìn)行旋轉(zhuǎn)得。形狀的中心也就是我們說(shuō)的動(dòng)畫(huà)中心。知道了這些，那我們只要改變了形狀中心，是不是就可以更加靈活的運(yùn)用動(dòng)畫(huà)了。想讓它繞哪兒旋轉(zhuǎn)就繞哪兒旋轉(zhuǎn)。

改變動(dòng)畫(huà)中心，就需要用到我們PPT動(dòng)畫(huà)制作技巧——補(bǔ)位。

如何補(bǔ)位呢？很簡(jiǎn)單，插入一個(gè)空的文本框（也可以是一個(gè)無(wú)顏色填充的矩形），調(diào)整大小后，旋轉(zhuǎn)放置。如下圖。

將飛機(jī)和文本框進(jìn)行組合，組合后形狀的中心就是我們需要的旋轉(zhuǎn)中心，如何補(bǔ)位后中心依然不太合適的話(huà)，我們就重新調(diào)整文本框的大小和位置。最后添加陀螺旋動(dòng)畫(huà)，就完成了！為了讓大家看得明顯，下面錄制的GIF，我特意的將飛機(jī)組合后的形狀的輪廓標(biāo)記為黑色，方便大家觀看！

明白了補(bǔ)位后的作用了吧！通過(guò)這個(gè)案例的講解，和大家介紹了動(dòng)畫(huà)中心，和如何通過(guò)補(bǔ)位來(lái)改變動(dòng)畫(huà)中心。老是飛機(jī)的陀螺旋，轉(zhuǎn)來(lái)轉(zhuǎn)去，我怕大家都看暈了。下面我們換一個(gè)案例來(lái)繼續(xù)講解——補(bǔ)位。

用補(bǔ)位做好PPT旋轉(zhuǎn)動(dòng)畫(huà)：案例二

這個(gè)案例也不難模仿，中間的印章使用了縮放動(dòng)畫(huà)效果，上面的圖片使用了擦除，其余的三張圖片使用的基本縮放的動(dòng)畫(huà)效果。分析完之后，我們開(kāi)始著手模仿！

仔細(xì)觀察，我們可以發(fā)現(xiàn)，模仿的作品和原案例的動(dòng)畫(huà)效果是有差距的！你能看出來(lái)不同的地方嗎（請(qǐng)忽略我GIF錄制上的差距）？雖然使用了相同的動(dòng)畫(huà)效果，但是圖片縮放時(shí)的切入點(diǎn)是不同的！下面來(lái)看下兩個(gè)GIF圖的對(duì)比。

為啥錄制出來(lái)的動(dòng)畫(huà)這么快。對(duì)比后，我們看的出來(lái)原案例和我們模仿的作品，縮放動(dòng)畫(huà)的切入點(diǎn)是不同的，也就是動(dòng)畫(huà)中心不同。既然動(dòng)畫(huà)中心改變了，那自然也是運(yùn)用了補(bǔ)位的技巧。如何補(bǔ)位呢？下面GIF。為了方便大家觀看，特刪去其他元素，別將圖片補(bǔ)位后的輪廓用黑線(xiàn)標(biāo)記！

通過(guò)上面的GIF，我想大家可能也看明白了，我們所說(shuō)的改變動(dòng)畫(huà)中心，其實(shí)本質(zhì)上縮放的動(dòng)畫(huà)中心還是形狀的中心，并沒(méi)有改變。只是形狀的中心從補(bǔ)位前的圖片中心變成補(bǔ)位后的圖片的左上角。

那么這個(gè)補(bǔ)位又是如何做的呢？用前面介紹的方法，用三個(gè)文本框組合？這種方法當(dāng)然是可行的，只是有點(diǎn)麻煩了。

補(bǔ)位是我們動(dòng)畫(huà)制作中常用的技巧，當(dāng)然有簡(jiǎn)單的方法，我們需要借助PA插件,非常便捷的實(shí)現(xiàn)補(bǔ)位。口袋動(dòng)畫(huà)PA插件，之前給大家介紹過(guò)。PA插件的口袋設(shè)計(jì)選項(xiàng)卡中，有一個(gè)補(bǔ)位工具，通過(guò)這個(gè)工具，可以輕松的完成補(bǔ)位！下面錄制GIF動(dòng)圖來(lái)說(shuō)明！

這里面，我用的是自由補(bǔ)位。大家也看到了PA插件里的補(bǔ)位工具是十分強(qiáng)大的。那嘛如何獲取PA插件呢？我放上PA插件的官網(wǎng)和交流群的二維碼，里面有教程和插件下載及安裝的方法。大家自己去學(xué)習(xí)，了解。

另外，我覺(jué)得下面這張PPT比上面那張帶有動(dòng)畫(huà)，要好看，你們覺(jué)得呢？這也告訴我們，在制作PPT的時(shí)候，不要為了動(dòng)畫(huà)而動(dòng)畫(huà)，要合理使用，不要濫用。

致此，本期完！

給大家介紹了動(dòng)畫(huà)中心和如何利用補(bǔ)位改變動(dòng)畫(huà)中心。

文中使用補(bǔ)位制作的案例效果，可能你不會(huì)在自己的PPT中使用，但是我想借這兩個(gè)案例，和大家分享動(dòng)畫(huà)技巧——補(bǔ)位的思路，以后大家在PPT制作動(dòng)畫(huà)的時(shí)候，可以利用補(bǔ)位改變動(dòng)畫(huà)中心，更加靈活的運(yùn)用好動(dòng)畫(huà)，這才是目的。

老司機(jī)發(fā)車(chē)時(shí)間

在寫(xiě)本文的時(shí)候，一直在用網(wǎng)易云音樂(lè)聽(tīng)歌，看著音樂(lè)播放界面。就做了一個(gè)音樂(lè)播放界面的動(dòng)畫(huà)。

黑膠唱片的唱頭通過(guò)補(bǔ)位，添加陀螺旋動(dòng)畫(huà)制作的！使用了觸發(fā)器來(lái)控制音樂(lè)的播放！進(jìn)速條和歌詞的路徑動(dòng)畫(huà)制作時(shí)使用了遮罩技巧！

錄制了個(gè)GIF給大家看下，可惜GIF里大家聽(tīng)不到音樂(lè)！