充會員,很劃算

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

動畫2018-04-08
留言 10
PPT動畫制作教程之6大法則
導(dǎo)讀

本篇文章中,作者將從PPT動畫設(shè)計的基本法則入手,為大家能更好地學(xué)習(xí)PPT動畫提供更好的思路。如何更好更快地學(xué)好PPT動畫,不只需要你看很多優(yōu)秀的案例,還需要熟悉PPT動畫設(shè)計的這6種法則。

本文作者:程麗荃

本文作者:程麗荃

本文是本周繼「封面設(shè)計」、「數(shù)據(jù)圖表」、「借鑒思路」三篇文章后又一篇需要認真咀嚼的干貨,如有不適,請收藏或轉(zhuǎn)發(fā)。

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

如何更好更快地學(xué)好PPT動畫,不只需要你看很多優(yōu)秀的案例,還需要熟悉PPT動畫設(shè)計的這6種法則:

 

01.屬性轉(zhuǎn)換法

這是最普遍,也是最簡單的一種動態(tài)切換思路。

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

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

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


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

幾乎所有的動畫都離不開屬性變化,任何有創(chuàng)意的動圖里多多少少都是將物體的屬性發(fā)生改變的,比如:

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

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

腦洞繼續(xù)發(fā)散:

只為1個屬性添加動畫:

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

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

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

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

改變[大?。荩垲伾荩畚恢茫荩?/strong>[大?。蔹c擊之后愛心變大,[顏色]有灰色變紅色+藍色,[位置]確認之后向右移動

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

改變[個數(shù)][角度][位置][大?。荩?/strong>[個數(shù)]由1個變多個?,[角度]三角形在不斷的旋轉(zhuǎn),[位置]右中心向外不斷擴張,[大?。葜行牡娜切尾粩嘧兇螅苓吶切尾粩嘧冃?/p>


02.路徑重組法

將元素的本質(zhì)路徑(或筆畫)進行重組,構(gòu)成一個新的元素,這需要觀察兩個元素筆畫之間的關(guān)系,具有一定的挑戰(zhàn)性。

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

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

第三個示例 將三條線重組,產(chǎn)生位移,形成箭頭

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

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

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


03.點線面升降法

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

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

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

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

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

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

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

04.遮罩法

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

思路很簡單,但也有一點局限性,兩個圖形必須是包含關(guān)系。

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

使用遮罩法的例子也有很多,常用于APP動態(tài)當中,比如:

05.分裂融合法

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

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

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

06.物體特性法

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


因此,在物體特征的基礎(chǔ)上,這些動畫就出現(xiàn)了:

(以上的設(shè)計思路總結(jié)靈感來源于優(yōu)秀網(wǎng)頁設(shè)計,動畫靈感來源于花瓣網(wǎng))

 

本文原標題:這也許是最全的PPT動畫設(shè)計法則

原作者:黑眼荃荃 微信號:eyeQuan 自媒體大咖進駐

《 “PPT動畫制作教程之6大法則” 》 有 10 條評論

  1. zf_kirk說道:

    在哪里能看到源文件,學(xué)習(xí)學(xué)習(xí)。制作過程也可以

  2. xmy969520說道:

    太棒了,求分享

  3. winky111說道:

    求源文件

  4. catrol說道:

    求問這是用什么動畫效果做出來的

  5. qingmac說道:

    求源文件

  6. Frankie說道:

    求源文件學(xué)習(xí)一下啊啊啊

  7. alin說道:

    我表示看不懂

  8. WLBF說道:

    同求源文件,學(xué)習(xí)

  9. chike說道:

    學(xué)習(xí) ,好羨慕

  10. sunmoon2010說道:

    求源文件!

發(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)站標簽 · 訂閱鄂公網(wǎng)安備 42050602000108號

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