充會員,很劃算

PPT最絲滑的動畫是哪一個(gè)?平滑切換說第二誰敢說第一!

PPT最絲滑的動畫是哪一個(gè)?平滑切換說第二誰敢說第一!
導(dǎo)讀

蘋果官網(wǎng)中的幾個(gè)動效,引起了我的注意,但其實(shí)做法非常簡單,只需要用到PPT中的一個(gè)功能,花3分鐘就能搞定。這個(gè)功能就是——平滑。

前些日子,逛蘋果官網(wǎng)中的幾個(gè)動效,引起了我的注意:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

看起來還挺酷的,是嗎?但其實(shí)做法非常簡單,只需要用到PPT中的一個(gè)功能,花3分鐘就能搞定。

這個(gè)功能就是——平滑:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

首先,我們插入所有需要飛入的窗口,并放置到相應(yīng)的位置,得到頁面01:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

然后我們把頁面01復(fù)制一下,得到頁面02:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

我們選擇頁面01,把電腦放大,并把各個(gè)窗口移動到頁面外:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

最后,我們給頁面02添加一個(gè)【平滑】切換效果

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

一個(gè)多窗口飛入的效果,就完成了!

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

怎么樣,是不是超級簡單?

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

沒有復(fù)雜的動畫,只需要?jiǎng)觿邮髽?biāo)移動一下~

并且,利用這個(gè)原理,我們還可以做出更多簡單又有意思的設(shè)計(jì)!

平滑切換案例一、產(chǎn)品切換展示

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

這個(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則放到頁面外:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

然后,我們把頁面復(fù)制一份,在新的頁面中,把產(chǎn)品A和介紹文字,移動到頁面外:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

移動完畢后,為頁面添加【平滑】切換效果:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

產(chǎn)品A和介紹都飛出去了,原理第一步實(shí)現(xiàn)了,對嗎?

接下來,我們再把產(chǎn)品B和介紹,移動到頁面上:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

再預(yù)覽一下效果:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

產(chǎn)品A飛出,產(chǎn)品B進(jìn)入,原理的第一步和第二步都實(shí)現(xiàn)了。

重復(fù)上面的操作,我們就能實(shí)現(xiàn)產(chǎn)品B飛出,產(chǎn)品C進(jìn)入的效果:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

最后,我們把這3頁連起來看一下:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

還不錯(cuò)吧?

平滑切換案例二、動感人物介紹

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

看完上面的講解,想必很多朋友已經(jīng)想到了,這個(gè)頁面的制作方法。

依舊只需要兩個(gè)頁面:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

我們首先還是制作好最終的頁面效果:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

然后把頁面復(fù)制一份,把一些元素拖拽到頁面之外:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

最后,為頁面添加平滑切換,就大功告成了:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

這里有一個(gè)小Tips:

為了讓頁面看起來更有穿插的動感,這里我們可以把許多元素,拖拽到頁面的對面,這樣元素的移動路徑,就會穿過整個(gè)頁面:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

算是一個(gè)小小的細(xì)節(jié)處理,感興趣的可以記一下。

平滑切換案例三、文字縮放飛入

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

整個(gè)效果的原理,也非常的簡單,也可以拆解為兩步:

Step01:標(biāo)題文字縮放進(jìn)入

Step02:產(chǎn)品和背景圖片淡化出現(xiàn)

我們首先把標(biāo)題文字放大,放到第一頁:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

然后把該頁面復(fù)制一份,把標(biāo)題字號縮小,并添加產(chǎn)品和背景圖:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

最后,為第二頁添加平滑切換效果,就完成了:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

怎么樣,是不是超級簡單?

其實(shí),所謂平滑切換,無非就是把前后頁面中,相同元素的移動路徑,展示了出來。

方法很簡單,但卻能讓頁面變得更有創(chuàng)意。當(dāng)然,學(xué)會了這一招,你還可以做點(diǎn)更酷的 PPT 頁面。

比如用平滑營造頁面氛圍感:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

再比如利用平滑進(jìn)行產(chǎn)品參數(shù)的對比:

蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

都是可以的,以上,希望對大家有所啟發(fā)。

·

原標(biāo)題:蘋果官網(wǎng)的這2個(gè)動畫,太絲滑了!用在PPT中堪稱王炸!

原作者:旁門左道PPT 微信號:pangmenzd 自媒體大咖進(jìn)駐

《“PPT最絲滑的動畫是哪一個(gè)?平滑切換說第二誰敢說第一!”》 有 1 條評論

  1. 諸葛亥子說道:

    哪里有平滑這個(gè),是wps還是offic還是蘋果的keynote

發(fā)表回復(fù)

移動版關(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號

有困難加站長微信
購買咨詢電話15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348
疑難雜癥找站長遇到困難,找站長!