之前說過,要給大家分享些關(guān)于PPT動(dòng)畫系列。But,距離上一篇文章,也就是2月06日的《PPT教程| 動(dòng)畫系列》,已經(jīng)一個(gè)月過去了。不是我懶,只是這一段時(shí)間里給大家分享了一些關(guān)于PowerPoint小技巧(無辜臉)。所以今天期許又來給大家講PPT動(dòng)畫了!動(dòng)畫系列的文章,我會直接從模仿的GIF,或者一些PPT動(dòng)畫案例入手,講解、分析案例動(dòng)畫效果的制作。而不會像之前的一些文章,由淺入深的來介紹每一個(gè)動(dòng)畫效果。
原因:
這樣文章的質(zhì)量就會取決我挑選的案例。為了保證文章的高質(zhì)量,我會挑選具有代表性和實(shí)戰(zhàn)性的案例就行分享!
PPT順時(shí)針/逆時(shí)針旋轉(zhuǎn)動(dòng)畫怎么做?PPT做旋轉(zhuǎn)動(dòng)畫,一般會使用強(qiáng)調(diào)里的陀螺旋,但陀螺旋是很有限的,只能做到自轉(zhuǎn),沒法做到公轉(zhuǎn),那么做公轉(zhuǎn)是否就沒辦法了呢?答案是否定的。還是用陀螺旋,這是在素材上做一定的“補(bǔ)位”操作(其實(shí)就是增加寬度/高度的處理,讓陀螺旋的旋轉(zhuǎn)軸位置發(fā)生變化)
下面開始今天的PPT動(dòng)畫技巧—補(bǔ)位。
具體什么是補(bǔ)位?怎么補(bǔ)位?補(bǔ)位在PPT動(dòng)畫制作上有什么用?
這些內(nèi)容,我都不講。
是暫時(shí)不講,就像我們上篇文章介紹PPT動(dòng)畫如何入門說:從模仿GIF開始。從模仿動(dòng)畫制作中,來解答上面的疑問!
大家下面看的這個(gè)GIF動(dòng)圖,如何用我們PPT模仿?
這是一個(gè)加載頁面動(dòng)畫,動(dòng)畫上就是兩個(gè)飛機(jī)繞圓形運(yùn)動(dòng)。
首先,我制作出來兩個(gè)飛機(jī)模型。按照動(dòng)圖的位置,對稱放置好。通過觀察GIF動(dòng)圖,我們可以看出兩個(gè)飛機(jī)是同時(shí)運(yùn)動(dòng)的。因此,為了方便,我的第一想法就是先對兩個(gè)飛機(jī)使用組合命令,然后想使用一個(gè)動(dòng)畫命令就可以完成繞圓形運(yùn)動(dòng)!
組合后,下面就是添加動(dòng)畫命令。顯然我們只能在強(qiáng)調(diào)動(dòng)畫和路徑動(dòng)畫中選擇,首先我想到的就是強(qiáng)調(diào)動(dòng)畫中的:陀螺旋。
如果大家對每個(gè)動(dòng)畫效果不太熟悉的話,可以多試幾次。而且這里是組合形狀,可供選擇的強(qiáng)調(diào)動(dòng)畫,沒有幾個(gè)。
這樣,對組合形狀添加陀螺旋動(dòng)畫后,在動(dòng)畫效果選項(xiàng)中,讓動(dòng)畫多重復(fù)幾次即可完成。下面是我做完后的效果!
這么快就做出來?這么簡單的一個(gè)動(dòng)畫,有何技巧可言?
大家別急,前面兩個(gè)飛機(jī)是對稱的,使用了陀螺旋動(dòng)畫,剛好可以完美的讓這兩個(gè)飛機(jī)繞圓形旋轉(zhuǎn)運(yùn)動(dòng)。但是,大家想一下,如果只有一個(gè)飛機(jī),那我們怎么制作這個(gè)效果呢?
再使用陀螺旋動(dòng)畫?可以制作出來嗎?不知道的話,我們不妨一試!
給這個(gè)飛機(jī)添加了陀螺旋動(dòng)畫后,就是上面大家看到的那個(gè)鬼樣子!
顯然不是我們想要的效果,我們先來分析同樣都是飛機(jī),同樣都是陀螺旋動(dòng)畫,為啥差距這么大呢?我們觀察一個(gè)飛機(jī)的陀螺旋動(dòng)畫,發(fā)現(xiàn)它是繞著飛機(jī)的中心進(jìn)行旋轉(zhuǎn)得,而前面的兩個(gè)飛機(jī)是對稱放置的,組合后的形狀的中心就是我們需要的旋轉(zhuǎn)中心!再放上一個(gè)對比的GIF圖,大家就看的明白了!
通過對比,我們知道造成兩種效果差異的原因是旋轉(zhuǎn)中心的不同,同時(shí)我們也知道動(dòng)畫:陀螺旋;是繞著形狀的中心進(jìn)行旋轉(zhuǎn)得。形狀的中心也就是我們說的動(dòng)畫中心。知道了這些,那我們只要改變了形狀中心,是不是就可以更加靈活的運(yùn)用動(dòng)畫了。想讓它繞哪兒旋轉(zhuǎn)就繞哪兒旋轉(zhuǎn)。
改變動(dòng)畫中心,就需要用到我們PPT動(dòng)畫制作技巧——補(bǔ)位。
如何補(bǔ)位呢?很簡單,插入一個(gè)空的文本框(也可以是一個(gè)無顏色填充的矩形),調(diào)整大小后,旋轉(zhuǎn)放置。如下圖。
將飛機(jī)和文本框進(jìn)行組合,組合后形狀的中心就是我們需要的旋轉(zhuǎn)中心,如何補(bǔ)位后中心依然不太合適的話,我們就重新調(diào)整文本框的大小和位置。最后添加陀螺旋動(dòng)畫,就完成了!為了讓大家看得明顯,下面錄制的GIF,我特意的將飛機(jī)組合后的形狀的輪廓標(biāo)記為黑色,方便大家觀看!
明白了補(bǔ)位后的作用了吧!通過這個(gè)案例的講解,和大家介紹了動(dòng)畫中心,和如何通過補(bǔ)位來改變動(dòng)畫中心。老是飛機(jī)的陀螺旋,轉(zhuǎn)來轉(zhuǎn)去,我怕大家都看暈了。下面我們換一個(gè)案例來繼續(xù)講解——補(bǔ)位。
這個(gè)案例也不難模仿,中間的印章使用了縮放動(dòng)畫效果,上面的圖片使用了擦除,其余的三張圖片使用的基本縮放的動(dòng)畫效果。分析完之后,我們開始著手模仿!
仔細(xì)觀察,我們可以發(fā)現(xiàn),模仿的作品和原案例的動(dòng)畫效果是有差距的!你能看出來不同的地方嗎(請忽略我GIF錄制上的差距)?雖然使用了相同的動(dòng)畫效果,但是圖片縮放時(shí)的切入點(diǎn)是不同的!下面來看下兩個(gè)GIF圖的對比。
為啥錄制出來的動(dòng)畫這么快。對比后,我們看的出來原案例和我們模仿的作品,縮放動(dòng)畫的切入點(diǎn)是不同的,也就是動(dòng)畫中心不同。既然動(dòng)畫中心改變了,那自然也是運(yùn)用了補(bǔ)位的技巧。如何補(bǔ)位呢?下面GIF。為了方便大家觀看,特刪去其他元素,別將圖片補(bǔ)位后的輪廓用黑線標(biāo)記!
通過上面的GIF,我想大家可能也看明白了,我們所說的改變動(dòng)畫中心,其實(shí)本質(zhì)上縮放的動(dòng)畫中心還是形狀的中心,并沒有改變。只是形狀的中心從補(bǔ)位前的圖片中心變成補(bǔ)位后的圖片的左上角。
那么這個(gè)補(bǔ)位又是如何做的呢?用前面介紹的方法,用三個(gè)文本框組合?這種方法當(dāng)然是可行的,只是有點(diǎn)麻煩了。
補(bǔ)位是我們動(dòng)畫制作中常用的技巧,當(dāng)然有簡單的方法,我們需要借助PA插件,非常便捷的實(shí)現(xiàn)補(bǔ)位??诖鼊?dòng)畫PA插件,之前給大家介紹過。PA插件的口袋設(shè)計(jì)選項(xiàng)卡中,有一個(gè)補(bǔ)位工具,通過這個(gè)工具,可以輕松的完成補(bǔ)位!下面錄制GIF動(dòng)圖來說明!
這里面,我用的是自由補(bǔ)位。大家也看到了PA插件里的補(bǔ)位工具是十分強(qiáng)大的。那嘛如何獲取PA插件呢?我放上PA插件的官網(wǎng)和交流群的二維碼,里面有教程和插件下載及安裝的方法。大家自己去學(xué)習(xí),了解。
另外,我覺得下面這張PPT比上面那張帶有動(dòng)畫,要好看,你們覺得呢?這也告訴我們,在制作PPT的時(shí)候,不要為了動(dòng)畫而動(dòng)畫,要合理使用,不要濫用。
致此,本期完!
給大家介紹了動(dòng)畫中心和如何利用補(bǔ)位改變動(dòng)畫中心。
文中使用補(bǔ)位制作的案例效果,可能你不會在自己的PPT中使用,但是我想借這兩個(gè)案例,和大家分享動(dòng)畫技巧——補(bǔ)位的思路,以后大家在PPT制作動(dòng)畫的時(shí)候,可以利用補(bǔ)位改變動(dòng)畫中心,更加靈活的運(yùn)用好動(dòng)畫,這才是目的。
老司機(jī)發(fā)車時(shí)間
在寫本文的時(shí)候,一直在用網(wǎng)易云音樂聽歌,看著音樂播放界面。就做了一個(gè)音樂播放界面的動(dòng)畫。
黑膠唱片的唱頭通過補(bǔ)位,添加陀螺旋動(dòng)畫制作的!使用了觸發(fā)器來控制音樂的播放!進(jìn)速條和歌詞的路徑動(dòng)畫制作時(shí)使用了遮罩技巧!
錄制了個(gè)GIF給大家看下,可惜GIF里大家聽不到音樂!
這頁P(yáng)PT動(dòng)畫,我覺得還是挺實(shí)用的,我們一些活動(dòng)的暖場時(shí),可能會放一些音樂,我們PPT就放到這頁,單擊下,唱頭滑到黑膠唱片上,音樂起。
每次使用的時(shí)候,我們只需要更改下音頻,同時(shí)將歌詞和進(jìn)速條的動(dòng)畫時(shí)間修改和音頻一樣長即可。
原標(biāo)題:PPT動(dòng)畫技巧—補(bǔ)位
來源:http://www.jianshu.com/p/962131f749c1