【設計師晉級之路】Vol.10 PPT齒輪動畫教程一則

最近雜事纏身,感覺文章的質量有所下降,從點贊數也能略窺一二。不想糊弄各位看官,拋出一段最近做的PPT動畫作為教程。同時閉關一段時間,在提高自己水平的同時,好好想想到底該講些啥。遂專欄將改為不定期更新,敬請各位諒解。

==================

本文涉及的技巧:

  1. 齒輪的畫法;

  2. PPT與AI間矢量圖形的無損傳遞;

  3. PPT動畫的時間控制。

==================

PPT動畫能夠為平凡的版式添彩,先看下效果吧:

(請自行腦補齒輪在轉)

一、畫齒輪

先用Ai畫個齒輪出來or直接找現成的矢量圖也可以。

畫法是先畫一個這樣的圖形(注意該居中的居中,該對齊的對齊),然後選中外面的圓和梯形,右鍵-變換-旋轉,選好度數(360/齒輪數)後點複製,然後再按若干次Ctrl+D即可。

如果齒輪的輪齒太大了,就撤銷回去把梯形調窄一點,反之同理。

完成後選中中間的部分,點擊路徑查找器里的聯集。

複製一個大圓,縮小與齒輪進行差集,再複製一個縮得更小一些,放在齒輪的中間。完成後大概是這個樣子:

二、將圖形粘貼到PPT里

傳統的方法導出PNG圖雖然也可以,但是太麻煩了。簡單的方法是:

選中齒輪,複製,打開PPT,粘貼。你看到的應該是一串亂碼:

選擇粘貼選項裡面的圖片:

接下來按Ctrl+Shift+G對圖片進行取消編組,會有這樣一個提示,點擊確定。

然後再按一次Ctrl+Shift+G對組合進行取消編組,你會在圖形的最下方發現一個透明的方框,把它刪掉。

至此我們就有了一個可以編輯的PPT矢量圖形了。你可以在PPT里對其進行顏色、效果的修改,以及錨點的編輯。

三、版式

先構思一下,我想要的效果是先出現三個圓球,表示舊的工作模式,然後出現齒輪,表示新的工作模式,文字同時進行替換。齒輪的旋轉表示各環節相互協作。

在做動畫之前,先調好版式。我找了一個有科技感的背景,齒輪可以吸取背景亮部的顏色,三個齒輪並排放,排好文字。

加上icon,網上找的現成的矢量圖,同樣的方法粘貼到PPT里,吸取齒輪下方的背景色。

最後把中間的齒輪稍微旋轉一下,讓三個齒輪相互咬合。

添加一組改變後的文字,放到改變前文字相同的位置。

四、動畫

為了簡化動畫的複雜程度,可以把同時出現消失、同種效果的元件進行編組,此時我就把圓和對應的圖標進行了編組。

我做動畫的習慣,是先把所有需要動畫表現的元件都選中,然後添加一個淡出、同時開始的動畫,因為淡出是最為常用且實用的動畫效果,這樣做比較直觀且節約時間。

這裡著重強調一下PPT動畫中的三種時間方式:

第一種「單擊時」,很好理解,顧名思義就是單擊滑鼠後再進行下一個動畫,一般用於前後有明顯差異,需要特別停頓的時候;

第二種「與上一動畫同時」,意思是所有的動畫都同時播放,是最為常用的動畫方式,可以通過延遲來進行動畫順序的微調;

第三種「上一動畫之後」,意思是在之前所有的動畫效果都完成之後,再播放後面的動畫效果。理論上是可以通過第二種方式配合延遲來代替的,所以僅在相對複雜的、需要表現好幾個階段的動畫時才會用到。

此時先點擊第二種同時效果,讓所有的元件都同時開始。

我們想要的效果是三個帶圖標的圓先後出現,因此先選中第一個圓的動畫,把它移到動畫窗格的最上方,把其對應的文字放到第二個位置;然後選擇第二個圓,移到第三個的位置,設置延遲0.2秒(輸入.2即可),把對應的文字放到第四個位置,此時文字自動和第二個圓的延遲時間保持了同步;第三個圓同理,移到第五個位置,設置延遲0.4秒,對應的文字放到第六個。

這樣的效果就是三個圓和說明文字依次快速出現,之所以以這樣的時間進行設置,是因為過長的動畫容易使觀眾厭煩,並且會拖慢演講的節奏。

接下來把三個齒輪拖到前面,把第一個齒輪的開始方式改為單擊時,這樣就會在單擊滑鼠後觸發齒輪的動畫。

選中之前的三個文字,添加消失效果,注意要設置開始方式為同時。

選中三個齒輪,添加強調動畫陀螺旋。選中後右鍵點擊計時。

點擊重複,選擇直到幻燈片末尾。這樣齒輪的動畫就會一直保持旋轉。

順便把持續時間(期間)給調一下,現在的齒輪轉得有點太快了,調到5秒一圈比較合適。

選中中間齒輪的陀螺旋動畫效果,右擊,點擊效果選項,調整一下旋轉的方向,默認是順時針,這個就調成逆時針吧。

如果你願意的話,還可以為文字調節一下延遲時間,讓新的三段文字依次出現,之前的三段文字依次消失。

具體動畫怎麼排就全憑喜好了,不過原則是不要出現太浮誇的效果喧賓奪主,不要太快,也不要太慢,保持流暢。如果能做到潤物細無聲的感覺就最好了。

=======================

以上便是本期內容,希望大家喜歡。同時希望大家繼續踴躍反饋觀後感或疑問,以及你們想要看哪方面的教程。

閉關一段時間,也許下星期還能繼續更,也許得隔幾個星期了。希望下次更新能憋個大招出來,敬請期待吧!

推薦閱讀:

PPT修鍊手冊:如何拆解一個優秀的PPT
絕對不是PPT的問題,而是思維方式!

TAG:设计 | PPT | 平面设计 |