如何設(shè)計(jì)PPT動(dòng)畫(huà)?

這一周,溫度依然是25℃上下,白色的襯衫早早挽起了袖子,妹子也逐漸清爽起來(lái),周末和幾個(gè)朋友騎行了幾十公里,頂著太陽(yáng)體驗(yàn)了一把該死的生活;新的一周,依舊和往常一樣

今天寫(xiě)一點(diǎn)有關(guān)PPT動(dòng)畫(huà)的總結(jié),這個(gè)不經(jīng)常被人提起的犄角旮旯的小領(lǐng)域似乎早已被淡忘在PPT設(shè)計(jì)的江湖,不像字體排版顏色布局那樣必可可少,動(dòng)畫(huà)在PPT中的應(yīng)用,似乎可有可無(wú)或者并不需要深研就可以完成基本的需求,沒(méi)錯(cuò)…所以下面的文字其實(shí)并沒(méi)有多大的卵用

每個(gè)人做PPT都會(huì)有自己的步驟及想法,但無(wú)外乎:大綱,布局,設(shè)計(jì)

即:主題拆分,分散到各個(gè)頁(yè)面,先整體設(shè)計(jì):母版、顏色、排版、字體,再細(xì)分設(shè)計(jì)

而對(duì)于動(dòng)畫(huà)的加入,其實(shí)可以從構(gòu)思階段就可以考慮

1.把大綱標(biāo)題分散在各個(gè)頁(yè)面上,再把內(nèi)容頁(yè)分散到各個(gè)大綱標(biāo)題之下的頁(yè)面上

2.構(gòu)思頁(yè)面間切換的動(dòng)畫(huà)樣式,以此確定頁(yè)面中的輔助元素

3.構(gòu)思利用頁(yè)面中的元素進(jìn)行動(dòng)畫(huà)切換

4.往下就是常見(jiàn)的PPT具體制作方面的,包含:配色方案、字體選擇、排版等


1.了解動(dòng)畫(huà)菜單

先來(lái)一張offlice2016的界面,和office 2013在基本功能上沒(méi)有太大的變動(dòng),最明顯的變化就是主題了,看著顯著逼格高多了


我們將菜單欄切換到動(dòng)畫(huà)上,看一下動(dòng)畫(huà)菜單的幾大組成部分:

圖中5個(gè)部分是主要的功能區(qū)

1.動(dòng)畫(huà)效果區(qū),里面包含了內(nèi)置的所有的動(dòng)畫(huà)樣式

2.添加動(dòng)畫(huà)按鈕,這是一個(gè)很重要的按鈕,可以給一個(gè)元素添加多個(gè)動(dòng)畫(huà)

3.動(dòng)畫(huà)刷,跟格式刷一個(gè)性質(zhì)

4.動(dòng)畫(huà)時(shí)間和觸發(fā)機(jī)制

5.動(dòng)畫(huà)窗格,這也是很重要的區(qū)域,可在這里設(shè)置動(dòng)畫(huà)的時(shí)長(zhǎng)、順序及右鍵各種效果


2. PPT動(dòng)畫(huà)思維

PowerPoint 中內(nèi)置了很多動(dòng)畫(huà)樣式,給頁(yè)面中的元素添加相應(yīng)的動(dòng)畫(huà)樣式,就可以實(shí)現(xiàn)相應(yīng)的動(dòng)畫(huà)效果,我們還可以通過(guò)這些動(dòng)畫(huà)樣式的組合:連接、相交、分段來(lái)實(shí)現(xiàn)更加豐富多樣的動(dòng)畫(huà)效果,動(dòng)畫(huà)樣式的組合也是PPT動(dòng)畫(huà)設(shè)計(jì)最具想象力和開(kāi)發(fā)潛力的地方

1.直接添加動(dòng)畫(huà)實(shí)現(xiàn)效果

給單個(gè)元素直接添加一個(gè)動(dòng)畫(huà)效果,基本操作,在這里不做實(shí)例;動(dòng)畫(huà)樣式的組合即給一個(gè)頁(yè)面元素添加多個(gè)動(dòng)畫(huà)效果(通過(guò)添加動(dòng)畫(huà)按鈕實(shí)現(xiàn)),并通過(guò)動(dòng)畫(huà)窗格中的時(shí)間軸調(diào)整動(dòng)畫(huà)的時(shí)間位置和先后順序,下圖是一個(gè)對(duì)比實(shí)例

2.通過(guò)輔助元素實(shí)現(xiàn)效果

很多情況下,我們想到的動(dòng)畫(huà)效果可能內(nèi)置動(dòng)畫(huà)效果中并沒(méi)有,這時(shí)要怎么辦呢?最簡(jiǎn)單省事的當(dāng)然是換種效果,這種大媽都會(huì)的技能,就不做解釋了,還有一種方式就是通過(guò)輔助元素的基本動(dòng)畫(huà)效果來(lái)實(shí)現(xiàn)

先構(gòu)思下這個(gè)轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的過(guò)程…

這是一個(gè)很靈巧的轉(zhuǎn)場(chǎng)動(dòng)畫(huà),在講解完標(biāo)題內(nèi)容后,可通過(guò)轉(zhuǎn)場(chǎng)的方式來(lái)?yè)Q個(gè)展示舞臺(tái)

動(dòng)畫(huà)過(guò)程分析:

藍(lán)色塊的一個(gè)向下的路徑動(dòng)畫(huà),加了一點(diǎn)彈跳

接著縱向拉長(zhǎng)

再橫向拉長(zhǎng)

一共這3個(gè)過(guò)程,而這個(gè)動(dòng)畫(huà)的難點(diǎn)在于,PPT內(nèi)置動(dòng)畫(huà)樣式中并沒(méi)有物體縱向和橫向拉伸的動(dòng)畫(huà)樣式

看下處理方式

既然沒(méi)有橫縱向拉伸,就換種思路,利用別的元素的運(yùn)動(dòng)來(lái)實(shí)現(xiàn)當(dāng)前元素的視覺(jué)變化

分析:將這個(gè)頁(yè)面分為3層:和字體顏色一樣的底層+白色中間層+藍(lán)色小色塊和字體組成的頂層

主要講下白色中間層


白色中間層由4個(gè)白色矩形組成??如下圖


(為了區(qū)分,將3和4變成了灰色,實(shí)際應(yīng)該是白色;1和2初始是連在一起的,3和4之間隔著和小色塊一樣的寬度)

整個(gè)過(guò)程:

1.藍(lán)色小色塊向下運(yùn)動(dòng)?彈跳?然后停止(這里用到路徑動(dòng)畫(huà))

2.白色色塊1向上運(yùn)動(dòng),同時(shí)白色色塊2向下運(yùn)動(dòng),這一步就會(huì)形成小色塊縱向拉伸的效果,其實(shí)是因?yàn)榘咨珘K1和2的運(yùn)動(dòng)露出了3和4之間的間隙

3.白色色塊3和4分別向左和右同時(shí)運(yùn)動(dòng),形成橫向拉伸的效果,其實(shí)是露出了最底部的藍(lán)色底層

通過(guò)這個(gè)動(dòng)畫(huà)我們可以基本看出,利用輔助元素的運(yùn)動(dòng)可以實(shí)現(xiàn)出很多動(dòng)畫(huà)效果

3.相對(duì)運(yùn)動(dòng)


上面的動(dòng)畫(huà)是藍(lán)色在動(dòng)還是白色在動(dòng)?


寫(xiě)在后面

PPT動(dòng)畫(huà)設(shè)計(jì)本沒(méi)有想象中那么復(fù)雜,權(quán)衡它是否會(huì)為演講增彩,是否是更生動(dòng)更直觀更簡(jiǎn)潔的向聽(tīng)眾表達(dá)了觀點(diǎn),有則做之;再者,多軟件協(xié)同,找到更好的方式表達(dá)自己的想法,才是最重要的

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容