二維碼 購物車
部落窩在線教育歡迎您!

PPT動畫實用教程:如何用動畫制作廣告片頭

?

作者:邱隨心來源:部落窩教育發(fā)布時間:2020-03-17 16:23:33點擊:2462

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 原創(chuàng)作品,禁止轉(zhuǎn)載。

編按:

動畫是PPT中非常強大的功能,通過對靜態(tài)的元素添加動態(tài)的指令,可以產(chǎn)生震撼的展示效果。作者今天就以復(fù)刻《安家》廣告動畫的方式給大家展示一下,如何靈活運用PPT的動畫功能。

 

作者我最近一直在追電視劇《安家》,雖然買了會員免去了開頭的廣告,但劇中嵌入的廣告還是無可避免。


你別說,這個廣告開頭的界面還挺有設(shè)計感的,制作視頻的人一定很用心吧!


 

 

作為一個看到啥都想用PPT做出來的狂熱PPTer,我又開始思考這個廣告的動畫效果能不能用PPT做出來?

 

答案是完全沒問題!

 

那么跟我來看看具體怎么做吧!


 

第一步:分析元素


 

 

分析這張圖:它主要由背景(藍色、灰色的色塊)、前景(房子、沙發(fā)等)、標題板(文字)組成。


 

第二步:制作背景

 

通過繪制【圓形】來制作上方的半圓,下方不規(guī)則的圖形則使用【曲線】進行繪制。


PS.大家可以把原圖放在一邊方便取色。


 

 


第三步:插入前景

 

iSlide插件的圖表庫插圖庫中可以找到很多類似的元素,并且還能修改顏色,非常方便(需要插件的小伙伴可以到iSlide的官網(wǎng)下載)。


另外再給大家推薦一個圖標網(wǎng)站https://www.easyicon.net/, 這里也可以找到心儀的圖標哦(網(wǎng)站上的圖標很多只支持個人非商用,要注意版權(quán))。


 

 


iSlide中的插圖的任意部分都是可以更改顏色的。


 

通過添加形狀和插圖,我大概復(fù)制出了《安家》廣告中的頁面背景,雖然不是一模一樣,但我不放對比圖你一定看不出來哪里不一樣?。ê闷娴目梢酝戏?,對比一下。)


 

 


第四步:制作標題板

 

這可是重要環(huán)節(jié),由于網(wǎng)上找不出相同的素材,我只能手動制作了,還原度可以說是99.999%。


先畫一個圓角矩形,再用【曲線】畫一個類似三角形的形狀,同時選中兩個形狀,點擊【格式】-【合并形狀】-【結(jié)合】。



在底板上畫出【圓1】、【圓2】,并把【圓2】復(fù)制為【圓3】。


 

依次選中【圓1】和【圓2】,點擊【格式】-【合并形狀】-【剪除】,再把【圓3】與【圓2】重疊,選中底板和【圓3】,點擊【格式】-【合并形狀】-【剪除】,就得到了一個鏤空的圓環(huán)。

 

 

利用形狀中的任意多邊形,可以畫出一個不閉合的線框。


一個小技巧:在畫線時,按住Shift,可以得到平行或垂直的線。

 


 在線框沒有閉合的地方繪制一個7*4的點陣。

 

 

如何讓這個點陣遮擋住線框的一部分呢?


其實很簡單,先插入一個和底板顏色相同的矩形,再把點陣與矩形結(jié)合,同時選中二者,點擊右鍵,選擇【組合】即可。


 

我們看到“安家”兩個字上面的點變成了三角形和房子的圖標,接下來著重講講這兩個字怎么制作。

 

 

需要用到拆分


1. 插入文字。

2.插入一個矩形,覆蓋文字。

3.  依次選中文字和矩形,點擊【格式】-【合并形狀】-【拆分】。


 

拆分之后,所有的筆劃都能單獨編輯,把【筆畫:點】替換成三角形和房子的圖標。

 

 

是不是已經(jīng)很相似了。

 

第五步:添加動畫效果

 

動畫是最重要的一個部分,短短的幾秒鐘,每一個元素都是動態(tài)的。


歸納一下所有的動畫效果:


沙發(fā)、植物、柜子、植物旁的曲線、臺燈:由小變大(變化有先后順序)。

左上角的曲線:從左到右擦除出現(xiàn)。

右下角的房子:從底端縮放飛入。

背景色塊:從畫外飛入。

標題板:從上面掉入并左右擺動,“安家”二字擦除進入。


分析完每個元素的動態(tài)方式后,我們來逐一設(shè)置。

 

1. 同時選中沙發(fā)、植物、柜子、植物旁的曲線、臺燈這幾個元素,點擊【動畫】-【更多進入效果】-【縮放】。

 

 

在動畫窗格中調(diào)整每個元素動畫效果的時間順序(沒有嚴格的要求,有錯落感即可)。

 

 

得到如下動畫效果:

 


2.選中左上角的曲線,添加【擦除】動畫,在【效果選項】中選擇【自左側(cè)】,并設(shè)置播放選項為【從上一項開始】,調(diào)整該動畫的時間順序。

 

 

曲線上的彩色圓球添加【縮放】動畫,其他設(shè)置同上。

 

3.右下角的房子、背景色塊


給房子添加【向上】的動作路徑動畫,調(diào)整錨點以設(shè)置運動軌跡的起點和終點。

背景色塊的動畫設(shè)置也大同小異,這里不在贅述。


 

調(diào)試后的效果:

 




4.標題板的動畫稍微復(fù)雜一點,需要用到組合動畫。


所謂組合動畫,就是由兩種或以上的動畫組合在一起的。


便于操作,我們先把除文字之外的元素【組合】在一起。


然后需要用到iSlide插件的【拓展】選項下的【平滑過渡】功能。這個命令的意思是:選中兩個圖形后,將生成一個非常平滑、自然的動畫。


復(fù)制剛剛組合好的標題板,一個放在起始位置,一個放在結(jié)尾位置。同時選中它們,點擊【平滑過渡】,可以看見動畫窗格中自動出現(xiàn)了一組動畫。

 

 

標題板左右擺動的效果如何設(shè)置呢?添加強調(diào)分組中的【蹺蹺板】動畫效果即可。

 


記得把強調(diào)動畫的時間調(diào)整到上一個動畫之后。

 

來看看效果如何:

 



 

6.最后,給標題板中的文字添加由左至右的【擦除】動畫,調(diào)整動畫的時間在上一動畫之后,完成!

 

添加完所有動畫后,頁面如下:


 

最后的成品效果還不錯~



怎么樣?是不是很神奇呢?我只使用PPT就復(fù)刻了一個差不多的廣告動畫,其實PPT還有很多功能等著大家去開發(fā)。


雖然這個動畫在視頻中可能就出現(xiàn)了1秒,但卻是制作者花了很多心血才制作出來的。


在學(xué)習(xí)PPT這件事上,大家一定要有耐心,多上手,多鉆研。

 

 

好了,隨心和你相約下期再見!


——文中部分圖片來源于《安家》電視劇

 

 

 

 

素材下載及學(xué)習(xí)交流請加QQ群:170790905

PPT大神,快速提升工作效率,部落窩教育《一周PPT直通車》視頻和《PPT極速貫通班》直播課全心為你!掃下方二維碼關(guān)注公眾號,可隨時隨地學(xué)習(xí)PPT

文章推薦


保姆級教程:手把手教你用PPT做城市汽車模擬動畫!


PPT中如何對圖片進行高級裁剪?

 

PPT教程:用PPT如何制作火爆的幻影動畫?

 

PPT動畫攻略:3分鐘學(xué)會超炫酷的文字云動畫,震驚全場!

 

 

版權(quán)信息

本文為部落窩教育獨家授權(quán)作品,本文作者:邱隨心。