本篇文章為大家?guī)砣摻z滑PPT動畫拆解過程,分別是1、滑動延遲動畫;2、圓形擴展動畫以及3、曲線擦除動畫。并且在文末貼心的準備了源文件供大家參考練習(xí)哦~
今天這篇文章來拆解一下下面三頁PPT動畫:
接下來,就進行單頁動畫的講解,先易后難,先來說個操作簡單的動畫吧!
其實,這 3 排動畫的效果是一樣的,只是方向不同。
為了讓大家更容易理解,這里我使用色塊制作了一個單排的圖示,這樣會清晰很多:
多個并列的色塊,先后從頁面邊緣滑入,最后再緩慢結(jié)束。
那這個動畫,該怎么做呢?
其實很簡單。
先給頁面中的元素同時添加 [ 飛入 ] 的動畫效果,方向為 [ 從右側(cè) ],并將動畫的持續(xù)時間調(diào)整為 1.5 秒。
現(xiàn)在動畫結(jié)束的很生硬,為了解決這個問題,我們可以在 [ 效果選項 ] 中,將 [ 平滑結(jié)束 ] 同樣改為 1.5 秒,與動畫持續(xù)的時間保持一致。
最后,按照形狀的出現(xiàn)順序,依次設(shè)置動畫延遲的時間,比如設(shè)置相鄰兩個形狀的動畫間隔為 0.2 秒。
到這兒,滑動延遲動畫就完成了!
我們在遇到 4 項及以上的內(nèi)容頁面時,都可以采用這樣的動畫形式。
比如用于時間軸頁,各個時間節(jié)點沿軸線依次滑入:
又或者是多圖展示:
甚至是文字云:
接著,咱們再來拆解第二個動畫。
同樣的,我們把這個動畫用圖示簡易化:
可以看出,這頁動畫主要有兩部分構(gòu)成:一個是手機的縮放出現(xiàn);另一個是圓形的擴散出現(xiàn)。
先來說一下手機的縮放出現(xiàn)動畫。
它和普通的縮放動畫還不太一樣,為了讓各位看的更清晰,我特意做了一個對比圖供各位參考。
相信你一定能看出來,右側(cè)動畫結(jié)束的十分生硬,而由于左側(cè)有一個放大再縮小的過程,它出現(xiàn)方式會更加柔和。
那么,這種縮放出現(xiàn)是怎么做到呢?
先給手機添加一個 [ 基本縮放 ] 動畫,持續(xù)時間設(shè)置為 0.25 秒。
接著,再添加一個 [ 放大/縮小 ] 效果,持續(xù)時間同樣設(shè)置為 0.25 秒,延遲為 0.1 秒。
最后,在?[ 效果選項 ] 中,調(diào)整放大尺寸,設(shè)置平滑開始、結(jié)束的時間相等,并勾選 ?[ 自動翻轉(zhuǎn) ]。
一定要勾選 [ 自動翻轉(zhuǎn) ],只有這樣手機在放大之后,才能自動縮小,恢復(fù)原來大小。
接下來,咱們來說一下圓形的擴散出現(xiàn)。
這個動畫也很簡單,給所有圓形添加一個 [ 路徑 ] 動畫,持續(xù)時間為 0.6 秒,并設(shè)置平滑結(jié)束同樣為 0.6 秒。
接著,非常重要的一步,選中所有圓形,點擊 [ 翻轉(zhuǎn)路徑方向 ],它的作用就是互換形狀的開始、結(jié)束的位置。
最后,手動將形狀的起始位置,拖動到所有圓環(huán)的中心位置即可。
我們把兩個動畫合在一起,再來看下效果。
其實,圓形擴散動畫 PPT 中的使用頻率還蠻高的,基本上大多數(shù)環(huán)繞排版型的頁面,都可以添加這個效果。
來看幾個案例:
怎么樣?還不錯吧?
這個動畫線路眾多,看起來很是復(fù)雜。為讓方便各位理解,我只取頁面上的一條路線進行講解:
?
同樣,這個動畫由兩部分組成,一個是圓形縮放出現(xiàn),另一個是線條的擦除動畫。
相信你一定發(fā)現(xiàn),這里圓形的動畫,與剛才手機出現(xiàn)的效果是一樣的。
所以,只要搞定曲線的擦出效果就可以了!
如果你用過 [ 擦除 ] 動畫,那么應(yīng)該知道,在一條線段中,PPT 的擦除只能夠直來直去,不會隨著線條彎曲的方向而改變:
那么,我們該怎樣在一條線段中,改變擦出的方向呢?
答案很簡單,將線條分段。
借助 LvyhTools 插件中的?[ 線條分段 ],即可快速把曲線分段:
這樣就可以分別為它們添加動畫,從而控制擦除的方向:
最后,調(diào)整不同線段擦除的時間,讓其首位相接即可:
看到這兒,相信你再看下面的案例,就會明白它們是怎么做的了!
時間軸的擦除呈現(xiàn):
模擬充電線:
好了,以上呢,就是這篇文章的全部內(nèi)容了,這 3 個動畫效果,你學(xué)會了嗎?
最后,送給大家一個福利,評論區(qū)評論任意文字即可免費獲取文中案例的 PPT 源文件。
原標題:我花了4小時,拆解了企業(yè)微信PPT的動畫設(shè)計!
要發(fā)表評論,您必須先登錄。
①群:120381181(已滿)
②群:34597820
pptfans移動版關(guān)于我們聯(lián)系我們版權(quán)聲明
PPTfans.cn (PPT設(shè)計教程網(wǎng)) ?2012-2024 · 粵ICP備19137043號 | 版權(quán)所有:廣州白鹿傳媒廣告有限公司 · 基于Wordpress · 由peaterq設(shè)計&制作 ·網(wǎng)站標簽 · 訂閱鄂公網(wǎng)安備 42050602000108號
平滑結(jié)束設(shè)置不了呢
got it
66666666666666666
學(xué)習(xí)了!
6666666
學(xué)習(xí)了
學(xué)習(xí)了?。?!
??
講得好
謝謝大佬
厲害
要得
摟走
適合學(xué)習(xí)
學(xué)習(xí)
收藏學(xué)習(xí)
贊
厲害
贊了!
厲害
太牛啦!
謝謝
謝謝大佬
學(xué)習(xí)了
謝謝大佬
學(xué)習(xí)了
學(xué)習(xí)了