PPT動畫製作教程之6大法則

PPT的定位是演示軟件,並不是專業的動畫軟件,但又因PPT動畫種類多、易上手、易修改等優勢,一直以來被很多PPT愛好者追捧。本篇文章中,作者將從PPT動畫設計的基本法則入手,為大家能更好地學習PPT動畫提供更好的思路。

如何更好更快地學好PPT動畫,不只需要你看很多優秀的案例,還需要熟悉PPT動畫設計的這6種法則:

PPT動畫製作教程之6大法則

01.屬性轉換法

這是最普遍,也是最簡單的一種動態切換思路。

屬性也就是說每個元素所具有的性質,其中包含了位置、大小、個數、角度、透明度、顏色等,而讓這些屬性直接發生變化,就可以實現一個動態效果。

比如讓物體從左往右,或從右至左,讓物體由大變小,讓它從紅色變成綠色,等等都是屬性轉換法。

而在PPT動畫裡面,位置的改變會使用到動作路徑、大小的改變會使用到放大縮小,角度的變化可以用旋轉、層疊,透明度和顏色的改變會用到強調動畫裡的填充顏色,字體顏色、線條顏色、畫筆顏色、補色等等。

PPT動畫製作教程之6大法則

(圖片文字較小,請放大觀看)

幾乎所有的動畫都離不開屬性變化,任何有創意的動圖裡多多少少都是將物體的屬性發生改變的,比如:

PPT動畫製作教程之6大法則

第一個示例 動態的wifi是在改變元素的角度,第二個示例 點贊動畫是改變了素材的顏色和大小,第三個示例 下載成功的動畫是改變了元素的位置和顏色。

這個很容易上手的屬性轉換法可以設計出很多動畫,你可以只改變素材的1個屬性,也可以是2個,甚至也可以是3個乃至更多

腦洞繼續發散:

只為1個屬性添加動畫:

改變[位置]:小圓從第二層圈向第三層圈移動,最後回到第一個圈的軌道上.

PPT動畫製作教程之6大法則

同時為2個屬性添加動畫:

改變[顏色]和[角度]:[顏色]由紫色-變成綠色,[角度]紫色的方塊翻轉一個面變成綠色的方塊

PPT動畫製作教程之6大法則

同時為3個屬性添加動畫:

改變[大小][顏色][位置]:[大小]點擊之後愛心變大,[顏色]有灰色變紅色+藍色,[位置]確認之後向右移動

PPT動畫製作教程之6大法則

同時為4個屬性添加動畫:

改變[個數][角度][位置][大小]:[個數]由1個變多個 ,[角度]三角形在不斷的旋轉,[位置]右中心向外不斷擴張,[大小]中心的三角形不斷變大,周邊三角形不斷變小

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

02.路徑重組法

將元素的本質路徑(或筆畫)進行重組,構成一個新的元素,這需要觀察兩個元素筆畫之間的關係,具有一定的挑戰性。

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

第一個示例 對上下兩個支線段進行重組,中間的線段由線變成點進行縮放

第二個示例 通過周圍的圈重組形成線性的效果最後變成勾

第三個示例 將三條線重組,產生位移,形成箭頭

第四個示例 對音量的2條線段進行路徑重組,產生X型

第五個示例 對右邊的線段以中心點變形,產生三角的效果

除此之外,利用這種路徑重組切換法可以設計很多種動畫,比如以下這組動畫:

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

03.點線面升降法

這是一種很常見的思路,面和麵進行轉換的時候,可以用線作為介質,一個面先轉換成一根線,再通過這根線轉換成另一個面。

同理,線和線轉換時,可以用點作為介質,一根線先轉換成一個點,再通過這個點轉換成另一根線。當然,三者之間也可以相互遞增或遞減。

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

第一個示例 將彎曲的路徑匯聚成一個點,然後再繪製出一個交叉的新圖形

第二個示例 讓點不斷的移動形成圓形和矩形之間的切換

第二個示例 將環形上的點匯聚,繪製出勾的形狀(既屬於路徑重組也屬於點線面升降)

除了這些小的圖標變換之外,我們做成GIF的形式也有很多,比如這個,就是將3個icon聯繫在一起,也綜合了一點路徑重組法:

PPT動畫製作教程之6大法則

此外還有這也是運用的點線面升降法:

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

04.遮罩法

兩個圖形之間相互轉換時,可以用其中一個圖形作為另一個圖形的遮罩,也就是作為它的邊界,當這個圖形放大的時候,因為另一個圖形作為邊界的緣故,讓人覺得它轉換成了另一個圖形的形狀。

PPT動畫製作教程之6大法則

思路很簡單,但也有一點侷限性,兩個圖形必須是包含關係。

PPT動畫製作教程之6大法則

這個示例中,圓形頂部有層圓角矩形的遮罩實現圓形與圓角矩形之間的切換分針與時針運用路徑重組法,形成T字

使用遮罩法的例子也有很多,常用於APP動態當中,比如:

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

05.分裂融合法

打個貼切的比方,就是把兩塊巧克力融化了合在一起,成為一塊新的巧克力

PPT動畫製作教程之6大法則

分裂融合法尤其適用於上一個動畫為整體,下一個動畫為分散的情況。

PPT動畫製作教程之6大法則

同樣,在這個基礎上,能夠使用到的動畫也特別多:

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

06.物體特性法

顧名思義,便是結合我們生活中的常識,在潛意識裡有對某個物體腦補的狀態,比如我們想到眼睛就會想到眨眼的動作,想到射箭就會想到會有一個拉伸的動作,想到…

PPT動畫製作教程之6大法則

因此,在物體特徵的基礎上,這些動畫就出現了:

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

PPT動畫製作教程之6大法則

(以上的設計思路總結靈感來源於優秀網頁設計,動畫靈感來源於花瓣網)


分享到:


相關文章: