。,、自從畢業(yè)之后基本就和PPT無緣了,最近翻看大學(xué)時(shí)候做的PPT,發(fā)現(xiàn)了一個(gè)自己經(jīng)常使用的轉(zhuǎn)場動(dòng)畫,兩頁P(yáng)PT能夠非常完美的結(jié)合在一起,我一般用在標(biāo)題轉(zhuǎn)目錄的銜接上,具體的動(dòng)畫就是下面這個(gè)樣子:

好吧,第二頁可能確實(shí)是有點(diǎn)丑丑的,這沒關(guān)系,我們看轉(zhuǎn)場動(dòng)畫就好了,這個(gè)PPT是大三的一門課的課程設(shè)計(jì),我們當(dāng)時(shí)設(shè)計(jì)了一個(gè)旅游類網(wǎng)站,取名叫~走吧,背景就是這個(gè)樣子,下面詳細(xì)說下這兩頁P(yáng)PT的結(jié)構(gòu)和動(dòng)畫。
一、PPT頁面解析
1、封面
下圖是這個(gè)動(dòng)畫的第一頁(純PPT制作,包括后面背景上面那些我理解做星星的東西和那幾個(gè)英文),依稀記得靈感來源應(yīng)該是某一張圖片,但是找不到了~
同時(shí)給大家一些不成熟的小建議,平時(shí)一些設(shè)計(jì)簡單但是很有創(chuàng)意的海報(bào)可以搜集下,關(guān)鍵時(shí)刻就是裝逼的利器?。ǖ牵?dāng)你不會(huì)PS也不會(huì)AI的時(shí)候,別選那些背景奇形怪狀的海報(bào),用ppt畫的話,會(huì)瘋的)。

做完這個(gè)封面,接下來一頁就是整個(gè)PPT的目錄頁,這是我做PPT的習(xí)慣,基本上所有PPT都會(huì)帶一張目錄頁,關(guān)于目錄頁的設(shè)計(jì),也是夠研究一壺的,之后有機(jī)會(huì)可以單獨(dú)寫一篇。
2、目錄頁
下圖是這個(gè)PPT的目錄頁,好吧,確實(shí)有點(diǎn)丑丑的~
整個(gè)第二頁由三個(gè)部分組成,左上角是logo,左下角是人員分工(真名已經(jīng)換掉啦),右邊是PPT的目錄。

二、動(dòng)畫解析
整個(gè)動(dòng)畫其實(shí)非常簡單,第一頁是沒有動(dòng)畫的,所有的轉(zhuǎn)場都發(fā)生在第二頁,陰影部分是人員分工和目錄部分的動(dòng)畫,使用的是兩個(gè)最基本的動(dòng)畫:擦除和上浮,只是對(duì)時(shí)間線進(jìn)行了一些延后,主體轉(zhuǎn)場動(dòng)畫在于logo部分往左上角移動(dòng)和整個(gè)背景淡出,也就是沒有加陰影的部分。下面詳細(xì)說明下這兩個(gè)組合動(dòng)畫。

1、背景圖
下圖是轉(zhuǎn)場動(dòng)畫中淡出的背景圖,這個(gè)背景圖和第一張PPT相比,少了中間的logo,因?yàn)楸尘皥D做的是消失動(dòng)畫,如果保留logo,會(huì)顯得很奇怪(其實(shí)當(dāng)切換到第二張圖片的時(shí)候,整個(gè)背景圖已經(jīng)變成了一張圖片,這樣做的好處是只需要對(duì)一張圖片做動(dòng)畫)。

背景圖用的是兩個(gè)動(dòng)畫的組合:放大和淡出,將兩個(gè)動(dòng)畫設(shè)置為同時(shí)進(jìn)行,時(shí)間都設(shè)置為一秒鐘即可:

2、logo部分
logo部分的動(dòng)畫比背景圖稍微難一些,用到了自定義路徑(下圖的虛線部分)

logo動(dòng)畫使用了一個(gè)持續(xù)一秒的自定義路徑,和兩個(gè)0.5秒的放大縮小動(dòng)畫,前一個(gè)是倍數(shù)150%的放大動(dòng)畫,緊接一個(gè)倍數(shù)80%的縮小動(dòng)畫,造成一種視覺上的靠近:

總體說來,這個(gè)動(dòng)畫還是比較簡單的,但是做這兩頁P(yáng)PT(尤其是第一頁背景上那些文字,老是對(duì)不齊~)倒是花了不少時(shí)間。