見字如面,寶子們。
咱們好長時間沒有更新動畫教程了,今天我們就來分享一期吧。
今天帶來的動畫,都是國外 PPT 定制公司 slidor 的案例:
我從他們的作品中挑選了兩三個,先給大家感受一下:
整體看起來非常流暢自然,而且邏輯順序合理,适合商務場合使用。
有些朋友一定會有疑惑,這種動畫的制作難度大嗎?
其實如上這些效果,制作難度并不大,隻需要掌握關鍵點即可:調整元素前後出現的時間,并設置好平滑結束。
我這裡挑選了 4 個案例,接下來分别從動畫制作、動畫時間、動畫邏輯這幾塊為大家分享。
你,準備好了嗎?
01. 産品展示頁
★ 動畫順序
我們打算複刻一個動畫效果之前,應該先捋一下它的演示順序。
如果動畫太快無法具體觀察,可以使用一些軟件讓放映速度慢下來,以便觀察。
這個動畫的順序為:産品先從右側進入,接着淚滴形狀縮放出現,然後大标題用路徑動畫進入,最後再加入一些小點綴用以輔助。
★ 動畫拓展
将動畫順序弄清楚後,我們來解析一下制作要點。
首先,使用自帶的飛入動畫,使産品第一個出現:
這裡有一個關鍵,我們要将動畫效果選項中的平滑結束,直接拉到最大:
接着是淚滴縮放動畫,使用的是淡化出現+縮放強調:
自帶的縮放動畫中心為形狀的中心,而我們想要的動畫效果中心為右上角:
我們可以使用補位的方法來修改動畫中心,相關教程可以看這篇文章:
帶你走近PPT中的“補位”,探索更多神奇玩法
這裡再推薦一個快速實現的方法,使用口袋動畫插件進行制作:
接着是标題文字的動畫效果,這裡使用的是淡化 路徑動畫:
此外,需要為兩個動畫設置文本動畫參數,這樣文字出現時才會有時間差效果。
最後,是文字的陀螺旋動畫,使用的是淡化 陀螺旋:
這裡再複習一個知識點:文本如何轉換為環形
使用了文本框的轉換功能,更多拓展内容,可以看一下之前寫的這篇教程:
做PPT沒網沒素材?多放點文字,讓頁面豐滿起來!
★ 演示邏輯
至此,這頁動畫的制作步驟就已經分享完了,現在整體再思考一下,這個動畫的呈現邏輯。
重點是展示産品,所以先讓産品進入。
産品進入後,增加淚滴形圖案的動畫,用于強調凸顯産品,最後産品名字等信息才依次出現。
02. 人物封面頁
先看下這頁的動畫效果:
★ 動畫順序
先是人物和書架飛入,接着右側的文字緩慢出現,最後書籍上的形狀由下至上依次随機進入。
★ 動畫拓展
這一頁動畫并沒有什麼難點,人物、書架、文字都是淡化加路徑,和上一個動畫的制作方法相差不大,大家可以試着練習一下~
這裡額外拓展一個小知識點。
很多同學會用下圖的動畫形式,運用平滑切換效果,來展現兩個頁面間的層級或轉換關系:
但經常有同學會出現下圖這樣的情況,切換的時候圖片有閃動效果,過渡不夠自然:
出現這個問題的關鍵是:平滑切換的兩頁透視開關不統一。
接下來,分享一下制作這種效果的正确步驟:
A. 給兩張圖片都添加三維旋轉
B. 複制該頁,将三維參數裡面的數值都改為 0,切記不要通過預設修改
C. 數值改好後,将兩張圖片重疊,再給第二頁添加平滑切換效果即可:
上面分享的,都是不添加透視效果的情況,如果都想加透視呢?
可以用 OK 插件搞定,隻要選中圖片,再點擊下圖這個按鈕,透視開關就打開了:
★ 重點解析
這頁動畫的重點,是人物讀書的狀态,以及後續從書中發散出來的内容。
書中内容是用形狀來表示的,添加動畫的時候,需要注意它們出現的時間。
由下至上依次進入,且越往上動畫路徑越長,這樣可以使動畫看起來更生動,也更符合實際情況。
03. 标識展示頁
還是先看這頁的動畫效果:
★ 動畫順序
先顯示左上角的标題,接着右側的 logo 呈環形展示。
接着由最重要的 logo “自律的音律”将讀者的視線引到左側,最後人物和漸變形狀分别飛入到頁面中,顯示出該頁的文字内容。
★ 動畫拓展
首先是 logo 的縮放效果,這裡用了淡化加縮放動畫,前面第一個動畫也使用了這個方法,因此這裡就不贅述了。
接着是“自律的音律”,由頁面右上角移動到頁面左下角,隻需要添加簡單的路徑動畫:
需要注意,logo 在移動的過程中還在逐漸變大,所以還需要添加放大動畫:
動畫移動到左側後,如果覺得 logo 模糊不清,這個時候可以使用替身手法:
就是在原位增加一個相同的形狀,并添加出現動畫,同時為原來的 logo 添加消失動畫 。
關于這個常用的動畫手法,我們在之前的動畫教程中也分享過,感興趣可以拓展閱讀一下:
手把手教你5個PPT動畫效果,順滑到領導目瞪口呆
★ 重點解析
這頁動畫最吸睛的地方,就是 logo 的移動,由右側的批量展示,轉移到左側單獨展示。
這樣的動畫效果,可以将觀衆的注意力從衆多 logo 中吸引過來,從而将讀者視線轉移到文字内容上。
04. 過渡轉場頁
這頁的動畫效果如下:
★ 動畫拓展
首先,是文字的縮放進入效果:
先插入一行文本,然後拆分成單字并做傾斜效果,最後再使用插件進行矢量化處理。
接着全選所有文字,批量放大:
先給第一個文字添加淡化 縮放動畫,縮放動畫的具體設置參數如下:
第一個字母設置好動畫後,使用動畫刷将動畫效果複制給其它字母。
最後使用口袋動畫插件,統一調整時間序列差,即可完成:
當然,這裡不用插件,手動調一下動畫的延遲時間,也是可以的。
★ 重點解析
這頁動畫拆解後難度并不大,關鍵是時長與延遲時間需要多調整優化。
其中,餐桌場景和辦公大樓場景的動畫時間都較長,而中間的過渡動畫時間則較短,長短結合,動畫看起來節奏感才更強。
最後,我們再一起看下這三頁動畫效果:
如果感興趣,記得打開 PPT 練習一下哦,本文的 PPT 源文件我也準備好了,有需要可以在 AboutPPT 導航閱讀原文下載拆解學習。
以上,就是今天分享的全部内容,咱們下一期再見~
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!