蘋果官網(wǎng)中的幾個(gè)動效,引起了我的注意,但其實(shí)做法非常簡單,只需要用到PPT中的一個(gè)功能,花3分鐘就能搞定。這個(gè)功能就是——平滑。
前些日子,逛蘋果官網(wǎng)中的幾個(gè)動效,引起了我的注意:
看起來還挺酷的,是嗎?但其實(shí)做法非常簡單,只需要用到PPT中的一個(gè)功能,花3分鐘就能搞定。
這個(gè)功能就是——平滑:
首先,我們插入所有需要飛入的窗口,并放置到相應(yīng)的位置,得到頁面01:
然后我們把頁面01復(fù)制一下,得到頁面02:
我們選擇頁面01,把電腦放大,并把各個(gè)窗口移動到頁面外:
最后,我們給頁面02添加一個(gè)【平滑】切換效果:
一個(gè)多窗口飛入的效果,就完成了!
怎么樣,是不是超級簡單?
沒有復(fù)雜的動畫,只需要?jiǎng)觿邮髽?biāo)移動一下~
并且,利用這個(gè)原理,我們還可以做出更多簡單又有意思的設(shè)計(jì)!
這個(gè)效果該怎么做呢?
我們首先來分析一下,頁面中元素的變化原理:
Step01:產(chǎn)品A和介紹文字飛出,騰出版面空間
Step02:產(chǎn)品B和介紹文字從頁面外進(jìn)入
Step03:產(chǎn)品B和介紹文字飛出,騰出版面空間
Step04:產(chǎn)品C和介紹文字從頁面外進(jìn)入
因此,我們需要至少3個(gè)頁面。
因?yàn)?個(gè)產(chǎn)品要依次展示,所以我們先產(chǎn)品A和介紹放到頁面上,產(chǎn)品B和產(chǎn)品C則放到頁面外:
然后,我們把頁面復(fù)制一份,在新的頁面中,把產(chǎn)品A和介紹文字,移動到頁面外:
移動完畢后,為頁面添加【平滑】切換效果:
產(chǎn)品A和介紹都飛出去了,原理第一步實(shí)現(xiàn)了,對嗎?
接下來,我們再把產(chǎn)品B和介紹,移動到頁面上:
再預(yù)覽一下效果:
產(chǎn)品A飛出,產(chǎn)品B進(jìn)入,原理的第一步和第二步都實(shí)現(xiàn)了。
重復(fù)上面的操作,我們就能實(shí)現(xiàn)產(chǎn)品B飛出,產(chǎn)品C進(jìn)入的效果:
最后,我們把這3頁連起來看一下:
還不錯(cuò)吧?
看完上面的講解,想必很多朋友已經(jīng)想到了,這個(gè)頁面的制作方法。
依舊只需要兩個(gè)頁面:
我們首先還是制作好最終的頁面效果:
然后把頁面復(fù)制一份,把一些元素拖拽到頁面之外:
最后,為頁面添加平滑切換,就大功告成了:
這里有一個(gè)小Tips:
為了讓頁面看起來更有穿插的動感,這里我們可以把許多元素,拖拽到頁面的對面,這樣元素的移動路徑,就會穿過整個(gè)頁面:
算是一個(gè)小小的細(xì)節(jié)處理,感興趣的可以記一下。
整個(gè)效果的原理,也非常的簡單,也可以拆解為兩步:
Step01:標(biāo)題文字縮放進(jìn)入
Step02:產(chǎn)品和背景圖片淡化出現(xiàn)
我們首先把標(biāo)題文字放大,放到第一頁:
然后把該頁面復(fù)制一份,把標(biāo)題字號縮小,并添加產(chǎn)品和背景圖:
最后,為第二頁添加平滑切換效果,就完成了:
怎么樣,是不是超級簡單?
其實(shí),所謂平滑切換,無非就是把前后頁面中,相同元素的移動路徑,展示了出來。
方法很簡單,但卻能讓頁面變得更有創(chuàng)意。當(dāng)然,學(xué)會了這一招,你還可以做點(diǎn)更酷的 PPT 頁面。
比如用平滑營造頁面氛圍感:
再比如利用平滑進(jìn)行產(chǎn)品參數(shù)的對比:
都是可以的,以上,希望對大家有所啟發(fā)。
·
原標(biāo)題:蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!
要發(fā)表評論,您必須先登錄。
①群:120381181(已滿)
②群:34597820
pptfans移動版關(guān)于我們聯(lián)系我們版權(quán)聲明
PPTfans.cn (PPT設(shè)計(jì)教程網(wǎng)) ?2012-2020 · 粵ICP備19137043號 · 基于Wordpress · 由peaterq設(shè)計(jì)&制作 ·網(wǎng)站標(biāo)簽 · 訂閱鄂公網(wǎng)安備 42050602000108號
哪里有平滑這個(gè),是wps還是offic還是蘋果的keynote