充會員,很劃算

保姆級PPT動畫案例拆解,每一頁都干貨滿滿!

保姆級PPT動畫案例拆解,每一頁都干貨滿滿!
導(dǎo)讀

本篇文章為大家?guī)砣摻z滑PPT動畫拆解過程,分別是1、滑動延遲動畫;2、圓形擴展動畫以及3、曲線擦除動畫。并且在文末貼心的準(zhǔn)備了源文件供大家參考練習(xí)哦~

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

今天這篇文章來拆解一下下面三頁PPT動畫:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

接下來,就進行單頁動畫的講解,先易后難,先來說個操作簡單的動畫吧!

一、滑動延遲動畫

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

其實,這 3 排動畫的效果是一樣的,只是方向不同。
為了讓大家更容易理解,這里我使用色塊制作了一個單排的圖示,這樣會清晰很多:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

多個并列的色塊,先后從頁面邊緣滑入,最后再緩慢結(jié)束。
那這個動畫,該怎么做呢?
其實很簡單。
先給頁面中的元素同時添加 [ 飛入 ] 的動畫效果,方向為 [ 從右側(cè) ],并將動畫的持續(xù)時間調(diào)整為 1.5 秒。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

現(xiàn)在動畫結(jié)束的很生硬,為了解決這個問題,我們可以在 [ 效果選項 ] 中,將 [ 平滑結(jié)束 ] 同樣改為 1.5 秒,與動畫持續(xù)的時間保持一致。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

最后,按照形狀的出現(xiàn)順序,依次設(shè)置動畫延遲的時間,比如設(shè)置相鄰兩個形狀的動畫間隔為 0.2 秒。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

到這兒,滑動延遲動畫就完成了!
我們在遇到 4 項及以上的內(nèi)容頁面時,都可以采用這樣的動畫形式。
比如用于時間軸頁,各個時間節(jié)點沿軸線依次滑入:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

又或者是多圖展示:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

甚至是文字云:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

接著,咱們再來拆解第二個動畫。

二、圖形擴散動畫

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

同樣的,我們把這個動畫用圖示簡易化:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

可以看出,這頁動畫主要有兩部分構(gòu)成:一個是手機的縮放出現(xiàn);另一個是圓形的擴散出現(xiàn)。
先來說一下手機的縮放出現(xiàn)動畫。
它和普通的縮放動畫還不太一樣,為了讓各位看的更清晰,我特意做了一個對比圖供各位參考。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

相信你一定能看出來,右側(cè)動畫結(jié)束的十分生硬,而由于左側(cè)有一個放大再縮小的過程,它出現(xiàn)方式會更加柔和。
那么,這種縮放出現(xiàn)是怎么做到呢?
先給手機添加一個 [ 基本縮放 ] 動畫,持續(xù)時間設(shè)置為 0.25 秒。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

接著,再添加一個 [ 放大/縮小 ] 效果,持續(xù)時間同樣設(shè)置為 0.25 秒,延遲為 0.1 秒。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

最后,在?[ 效果選項 ] 中,調(diào)整放大尺寸,設(shè)置平滑開始、結(jié)束的時間相等,并勾選 ?[ 自動翻轉(zhuǎn) ]。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

一定要勾選 [ 自動翻轉(zhuǎn) ],只有這樣手機在放大之后,才能自動縮小,恢復(fù)原來大小。
接下來,咱們來說一下圓形的擴散出現(xiàn)。
這個動畫也很簡單,給所有圓形添加一個 [ 路徑 ] 動畫,持續(xù)時間為 0.6 秒,并設(shè)置平滑結(jié)束同樣為 0.6 秒。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

接著,非常重要的一步,選中所有圓形,點擊 [ 翻轉(zhuǎn)路徑方向 ],它的作用就是互換形狀的開始、結(jié)束的位置。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

最后,手動將形狀的起始位置,拖動到所有圓環(huán)的中心位置即可。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

我們把兩個動畫合在一起,再來看下效果。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

其實,圓形擴散動畫 PPT 中的使用頻率還蠻高的,基本上大多數(shù)環(huán)繞排版型的頁面,都可以添加這個效果。
來看幾個案例:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

怎么樣?還不錯吧?

三、曲線擦除動畫

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

這個動畫線路眾多,看起來很是復(fù)雜。為讓方便各位理解,我只取頁面上的一條路線進行講解:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!?

同樣,這個動畫由兩部分組成,一個是圓形縮放出現(xiàn),另一個是線條的擦除動畫。
相信你一定發(fā)現(xiàn),這里圓形的動畫,與剛才手機出現(xiàn)的效果是一樣的。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

所以,只要搞定曲線的擦出效果就可以了!
如果你用過 [ 擦除 ] 動畫,那么應(yīng)該知道,在一條線段中,PPT 的擦除只能夠直來直去,不會隨著線條彎曲的方向而改變:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

那么,我們該怎樣在一條線段中,改變擦出的方向呢?
答案很簡單,將線條分段。

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

借助 LvyhTools 插件中的?[ 線條分段 ],即可快速把曲線分段:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

這樣就可以分別為它們添加動畫,從而控制擦除的方向:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

最后,調(diào)整不同線段擦除的時間,讓其首位相接即可:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

看到這兒,相信你再看下面的案例,就會明白它們是怎么做的了!
時間軸的擦除呈現(xiàn):

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

模擬充電線:

我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

好了,以上呢,就是這篇文章的全部內(nèi)容了,這 3 個動畫效果,你學(xué)會了嗎?
最后,送給大家一個福利,評論區(qū)評論任意文字即可免費獲取文中案例的 PPT 源文件。

溫馨提示:資源內(nèi)容需要評論本文后,并刷新頁面才會顯示看哦。
如果評論刷新后依然沒有看到,您可能賬號還沒綁定郵箱導(dǎo)致,綁定一下郵箱再試。

 

原標(biāo)題:我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!

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

《 “保姆級PPT動畫案例拆解,每一頁都干貨滿滿!” 》 有 27 條評論

  1. Hana說道:

    平滑結(jié)束設(shè)置不了呢

  2. 錢多多說道:

    66666666666666666

  3. 內(nèi)啡肽說道:

    學(xué)習(xí)了!

  4. 車車開bubu說道:

    6666666

  5. 一山一城說道:

    學(xué)習(xí)了

  6. 「藍圖旅行社」說道:

    學(xué)習(xí)了?。?!

  7. xiaozhang說道:

    ??

  8. LIGHTNING鯨說道:

    講得好

  9. 就是沒長大說道:

    謝謝大佬

  10. 張小弛說道:

    厲害

  11. 小惡魔說道:

    要得

  12. 魔小惡說道:

    摟走

  13. xkjclk說道:

    適合學(xué)習(xí)

  14. QuantumCat說道:

    學(xué)習(xí)

  15. 打工人說道:

    收藏學(xué)習(xí)

  16. goldfishM說道:

    厲害

  17. lewfahr說道:

    贊了!

  18. daijiaer說道:

    厲害

  19. 佳佳子說道:

    太牛啦!

  20. 宅小丹說道:

    謝謝

  21. 宅小丹豆說道:

    謝謝大佬

  22. 宅小丹豆說道:

    學(xué)習(xí)了

  23. (兀妖)奧特曼。說道:

    謝謝大佬

  24. yyn說道:

    學(xué)習(xí)了

  25. feideliyou說道:

    學(xué)習(xí)了

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

移動版關(guān)于我們聯(lián)系我們版權(quán)聲明

PPTfans.cn (PPT設(shè)計教程網(wǎng)) ?2012-2024 · 粵ICP備19137043號 | 版權(quán)所有:廣州白鹿傳媒廣告有限公司 · 基于Wordpress · 由peaterq設(shè)計&制作 ·網(wǎng)站標(biāo)簽 · 訂閱鄂公網(wǎng)安備 42050602000108號

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