文章來源：公眾號@PK阿鍇
文章作者：阿鍇
嗨，各位木友們好呀，我是阿鍇。
今天跟大家分享一個(gè)PPT動畫，這個(gè)動畫來自我之前給客戶做的定制案例。
客戶是想用這頁P(yáng)PT介紹一幅山水畫，當(dāng)時(shí)客戶的要求也是非常的簡單：
本著服務(wù)好客戶爸爸的原則，我自然是使出了渾身解數(shù)，終于做出來下面這個(gè)效果。
看完效果，客戶也是非常滿意，脫口而出就是一個(gè)針不戳！
接下來咱們就一起來拆解一下這個(gè)動畫的四個(gè)制作步驟：
素材處理
畫軸出現(xiàn)
畫軸移動
畫卷展開
素材處理
就像魔術(shù)師變魔術(shù)需要道具一樣，設(shè)計(jì)師做PPT動畫，也需要提前準(zhǔn)備好素材。
這里需要提前準(zhǔn)備的素材很簡單：一張畫卷的圖片素材+一張畫。
首先把這張畫卷圖片復(fù)制出三份，再通過裁剪，將其拆成3部分：
接著再把畫放到畫卷上方，這里因?yàn)楫嫳容^長，所以我們可以把畫布多復(fù)制一份，組合起來以后再把畫放上去：
康康動圖拆解：
到這里準(zhǔn)備工作就做好了，我們接著進(jìn)行下一步。
畫軸出現(xiàn)
整個(gè)動畫的實(shí)現(xiàn)一共要分為三步，第一步是要先讓兩個(gè)畫軸出現(xiàn)在頁面中間，然后一起移動到頁面左邊。
康康動圖：
具體怎么做出以上效果？
首先我們把兩個(gè)畫軸放在頁面中間。
添加【出現(xiàn)】-【基本縮放】動畫：
添加后，在【效果選項(xiàng)】那里，選擇【從屏幕中心放大】。
然后你就能看到以下效果了：
畫軸移動
接著，我們需要選中這兩個(gè)畫軸，點(diǎn)擊【添加動畫】，給兩個(gè)畫軸同時(shí)添加多一個(gè)【向左】的路徑動畫：
點(diǎn)擊后，頁面會出現(xiàn)代表動畫起始位置的綠色圓點(diǎn)，和代表動畫終止位置的紅色三角形。
這里的綠色圓點(diǎn)你可以不用管，你只需要選中紅色三角形，將其拉到頁面左邊即可，就像下面這樣：
▲你可以把之前準(zhǔn)備好的畫卷放到下面
作為紅色三角形的位置參考
把兩個(gè)紅色三角形，都像上面這樣移動到頁面左邊以后，你就能看到如下效果了：
接著我們再來看看這個(gè)動畫的第三步，給畫卷添加一個(gè)向右鋪開的效果。
以下就是我們要實(shí)現(xiàn)的效果：
具體怎么做呢？
首先，我們要做出一個(gè)畫軸移動的動畫，就像下面這樣：
你只需選中右邊的那個(gè)畫軸，為其添加一個(gè)【向右】的路徑動畫：
同樣的，設(shè)置后會出現(xiàn)新的綠色圓點(diǎn)和紅色三角形。
我們需要把代表起點(diǎn)的綠色圓點(diǎn)，放到左側(cè)的起點(diǎn)上（也就是第二個(gè)紅色三角形的位置）。
同樣的，代表終點(diǎn)的紅色三角形，我們還是可以借助畫卷，來確定它在右側(cè)的位置。
最終所有路徑看起來就會是這個(gè)樣子的：
這里提醒一下，我為這個(gè)向右的路徑動畫設(shè)置的【持續(xù)時(shí)間】是2秒，并且為了讓它移動的時(shí)候有先慢后快的效果，所以我還設(shè)置了【平滑開始】效果（在動畫窗格里右擊動畫，點(diǎn)擊【效果選項(xiàng)】就能找到這個(gè)菜單）：
記住這個(gè)2秒的數(shù)值，下面會用到。
畫卷展開
家人們，最后一步終于來了，我們需要先把畫和畫布【組合】成一個(gè)整體一起，再放到PPT里。
接著為這個(gè)組合添加由左向右的【擦除】動畫效果：
▼
這里為了讓畫卷的展開，跟畫軸的移動保持同步，所以我們要把畫卷的展開時(shí)長也設(shè)置為2秒：
最后，想讓動畫播放得足夠流暢，多次調(diào)整它們的【延遲】時(shí)間（這將決定動畫之間的播放順序）以及【持續(xù)時(shí)間】（這決定了每個(gè)動畫的播放時(shí)長）是不可避免的。
這個(gè)部分比較考驗(yàn)個(gè)人的邏輯思考能力：哪個(gè)動畫先播放、哪個(gè)動畫后播放、每個(gè)動畫的播放時(shí)長分別為多久。
比如上圖中的這個(gè)延遲0.4秒，就是我調(diào)整了幾十次，才弄出來的比較好的效果，一遍遍地看，眼睛??都差點(diǎn)給瞅??了家人們！
這一步調(diào)整完就大功告成了，點(diǎn)擊播放，你將收獲如德芙巧克力一般絲滑的畫卷展開動畫：
這份PPT里，為了搭配內(nèi)容展示，我還做了另外兩個(gè)類似的動畫，也放出來給大家康康：
還不錯(cuò)吧，嘻嘻~
▎總結(jié)
回想起來，這個(gè)單子能夠順利地做完，這些動畫效果占了很大的功勞。
以前的我覺得這些花里胡哨的動畫都是奇淫巧計(jì)，對PPT沒太大作用，不過雖然嘴上這么說，但還是硬著頭皮去學(xué)了，直到現(xiàn)在真的用上了，才感嘆這些動畫幫了自己大忙！
以上就是本篇文章的全部內(nèi)容啦!
覺得這篇文章有收獲的話，還請你多多支持，分享轉(zhuǎn)發(fā)，亦或是點(diǎn)個(gè)「在看」和「贊」，都是莫大的鼓勵(lì)，感謝支持！
聯(lián)系客服
