玩個超級馬里奧,我居然學會了PPT動畫!

年前參加老秦組織的「21 天生存戰」,而第 21 天的設計任務是對這次活動做介紹,於是就有了這一次的 PPT 動畫 ↓↓↓

超級馬里奧是很多人都玩過的遊戲,但是你是否想過,這些陪伴我們長大的遊戲還能帶我們學習 PPT 動畫呢?

今天我們就來聊一聊,怎麼從遊戲中偷師動畫訣竅。

01

視頻拆解和技術突破

在開始偷師之前,讓我們先把 PPT 的動畫窗格打開,這可以幫我們對動畫進行更細緻的刻畫。

點擊動畫選項卡,選擇其中的「動畫窗格」後,會看到右邊彈出了畫面中已經設定好的動畫情況。

玩個超級馬里奧,我居然學會了PPT動畫!

▲ 點開大圖更清晰哦

選中任意動畫,右鍵(或雙擊),可以打開它的效果選項卡:

玩個超級馬里奧,我居然學會了PPT動畫!

遊戲的主體往往都是可操控的各種互動,這些互動我們都可以嘗試在 PPT 中去復刻。

接下來我們先來看看超級馬里奧這款遊戲有什麼互動方式。


玩個超級馬里奧,我居然學會了PPT動畫!

在短短几秒鐘,馬里奧往前走,跳起來頂了金幣跨越了障礙,還踩了一個板栗怪。

而這幾個操作就是馬里奧最常見的互動方式,只要能把它們搬到 PPT 裡去,就可以把遊戲復刻一個大概了。

那在 PPT 中如何用動畫還原這幾種常見的操作效果呢?

我們先把這些效果拆開來看看。


玩個超級馬里奧,我居然學會了PPT動畫!

人物走路姿勢變化 ◆


首先讓馬里奧動起來!

這一部分看起來比較複雜,放個慢動作,會發現其實馬里奧的行走效果,用兩幀不同的狀態交替出現即可實現。

最快捷的方法是藉助 PA 插件(後臺回覆關鍵詞【插件】即可獲取),利用文本框逐幀動畫實現。方法如下:

❶ 準備好行走效果的每一幀圖像 ,需提前將素材做摳圖處理,並裁剪至大小基本一致:


玩個超級馬里奧,我居然學會了PPT動畫!

❷ 按順序全選所有圖像,使用 PA 插件,打開動畫盒子:

玩個超級馬里奧,我居然學會了PPT動畫!

❸ 在添加動畫中搜索「逐幀」,鼠標移到「【逐幀】閃現」上,點擊第二個「下載」按鈕:

玩個超級馬里奧,我居然學會了PPT動畫!

❹ 最後我們需要根據實際效果對參數進行重設。

打開效果選項卡,按需要對計時選項卡中的「期間」和「重複」兩個數據進行更改(可以直接輸入數字),控制馬里奧走的步數和速度:


玩個超級馬里奧,我居然學會了PPT動畫!




玩個超級馬里奧,我居然學會了PPT動畫!

把馬里奧扔進場景中,我們就讓馬里奧在遊戲裡動了起來:


玩個超級馬里奧,我居然學會了PPT動畫!

人物移動 ◆

動起來還不行,馬里奧得在畫面中往前走。我們先看遊戲中是怎麼做的:

玩個超級馬里奧,我居然學會了PPT動畫!


畫面往左運動,馬里奧往右運動,從而使馬里奧看起來發生了移動。

這個簡單,給兩者都加上路徑動畫就 OK 了。

❶ 添加路徑動畫,調整路徑,控制開始和結束的位置:

玩個超級馬里奧,我居然學會了PPT動畫!

❷ 在完成路徑的繪製之後,選中路徑動畫,打開動畫效果選項卡優化動畫:


玩個超級馬里奧,我居然學會了PPT動畫!

這裡的平滑開始和平滑結束能模擬運動中的加速度,而此處不需要,所以這裡全部改成 0。

對比一下加上路徑後的效果,我們發現其實畫面和人物二者中有一個加上路徑動畫,就已經可以讓人物在畫面中的移動了。

如果不是完全復刻的話,就可以根據自己的需要選擇誰來移動。

玩個超級馬里奧,我居然學會了PPT動畫!


▲ 背景和人物都移動


玩個超級馬里奧,我居然學會了PPT動畫!


▲ 人物運動


玩個超級馬里奧,我居然學會了PPT動畫!


▲ 背景運動


把兩個動畫效果加起來,調整後一個的時間(這裡可以直接拉動畫條,使之與上一個動畫長度一樣,也可以手動輸入數字設置);

並使其與上一個動畫同時出現:

玩個超級馬里奧,我居然學會了PPT動畫!


就可以讓我們的馬里奧,成功地在畫面中行走起來了:


玩個超級馬里奧,我居然學會了PPT動畫!



02

注意事項&腦洞延伸


行走動畫的自帶效果,在開始行走前和結束行走後,都是會消失的。

為了動畫的連貫性,往往還需要準備兩個運動前和運動終了後的圖像,分別放在起點和終點的位置,結合出現和消失動畫一起食用:


玩個超級馬里奧,我居然學會了PPT動畫!


跳躍動畫也是同樣的道理。只要把路徑調整成需要的形狀就 OK 啦~

如果要做頂磚塊和踩板栗怪也可以試試通過上述兩個小技巧完成哦。

腦洞延伸:


利用馬里奧行走的動畫效果我們還可以幹什麼呢?

簡單一點,讓馬里奧當個進度條,可以用來讀檔也可以表現時間和歷程:


玩個超級馬里奧,我居然學會了PPT動畫!



麻煩一點,讓馬里奧環遊世界:

玩個超級馬里奧,我居然學會了PPT動畫!


實用一點,讓馬里奧跑起來引領銷量:

玩個超級馬里奧,我居然學會了PPT動畫!


我們還能讓馬里奧做什麼?接下來的時間就交給你啦~

03

總結


簡單總結一下馬里奧動畫的小秘訣:

文本框逐幀動畫+路徑動畫。

❶ 文本框逐幀動畫:準備好逐幀素材,按序全選後使用 PA 插件添加【逐幀】閃現效果。

❷ 路徑動畫:根據自己的需要選擇或繪製路徑動畫。

每種方法在實際使用過程中,往往都需要點開效果選項,進行細緻的微調。

把兩個動畫加起來,調整好出現的時間點,就可以重現馬里奧動畫啦~


玩個超級馬里奧,我居然學會了PPT動畫!



分享到:


相關文章: