年前參加老秦組織的「21 天生存戰」,而第 21 天的設計任務是對這次活動做介紹,於是就有了這一次的 PPT 動畫 ↓↓↓
超級馬里奧是很多人都玩過的遊戲,但是你是否想過,這些陪伴我們長大的遊戲還能帶我們學習 PPT 動畫呢?
今天我們就來聊一聊,怎麼從遊戲中偷師動畫訣竅。
01
視頻拆解和技術突破
在開始偷師之前,讓我們先把 PPT 的動畫窗格打開,這可以幫我們對動畫進行更細緻的刻畫。
點擊動畫選項卡,選擇其中的「動畫窗格」後,會看到右邊彈出了畫面中已經設定好的動畫情況。
▲ 點開大圖更清晰哦
選中任意動畫,右鍵(或雙擊),可以打開它的效果選項卡:
遊戲的主體往往都是可操控的各種互動,這些互動我們都可以嘗試在 PPT 中去復刻。
接下來我們先來看看超級馬里奧這款遊戲有什麼互動方式。
在短短几秒鐘,馬里奧往前走,跳起來頂了金幣跨越了障礙,還踩了一個板栗怪。
而這幾個操作就是馬里奧最常見的互動方式,只要能把它們搬到 PPT 裡去,就可以把遊戲復刻一個大概了。
那在 PPT 中如何用動畫還原這幾種常見的操作效果呢?
我們先把這些效果拆開來看看。
◆ 人物走路姿勢變化 ◆
首先讓馬里奧動起來!
這一部分看起來比較複雜,放個慢動作,會發現其實馬里奧的行走效果,用兩幀不同的狀態交替出現即可實現。
最快捷的方法是藉助 PA 插件(後臺回覆關鍵詞【插件】即可獲取),利用文本框逐幀動畫實現。方法如下:
❶ 準備好行走效果的每一幀圖像 ,需提前將素材做摳圖處理,並裁剪至大小基本一致:
❷ 按順序全選所有圖像,使用 PA 插件,打開動畫盒子:
❸ 在添加動畫中搜索「逐幀」,鼠標移到「【逐幀】閃現」上,點擊第二個「下載」按鈕:
❹ 最後我們需要根據實際效果對參數進行重設。
打開效果選項卡,按需要對計時選項卡中的「期間」和「重複」兩個數據進行更改(可以直接輸入數字),控制馬里奧走的步數和速度:
把馬里奧扔進場景中,我們就讓馬里奧在遊戲裡動了起來:
◆ 人物移動 ◆
動起來還不行,馬里奧得在畫面中往前走。我們先看遊戲中是怎麼做的:
畫面往左運動,馬里奧往右運動,從而使馬里奧看起來發生了移動。
這個簡單,給兩者都加上路徑動畫就 OK 了。
❶ 添加路徑動畫,調整路徑,控制開始和結束的位置:
❷ 在完成路徑的繪製之後,選中路徑動畫,打開動畫效果選項卡優化動畫:
這裡的平滑開始和平滑結束能模擬運動中的加速度,而此處不需要,所以這裡全部改成 0。
對比一下加上路徑後的效果,我們發現其實畫面和人物二者中有一個加上路徑動畫,就已經可以讓人物在畫面中的移動了。
如果不是完全復刻的話,就可以根據自己的需要選擇誰來移動。
▲ 背景和人物都移動
▲ 人物運動
▲ 背景運動
把兩個動畫效果加起來,調整後一個的時間(這裡可以直接拉動畫條,使之與上一個動畫長度一樣,也可以手動輸入數字設置);
並使其與上一個動畫同時出現:
就可以讓我們的馬里奧,成功地在畫面中行走起來了:
02
注意事項&腦洞延伸
行走動畫的自帶效果,在開始行走前和結束行走後,都是會消失的。
為了動畫的連貫性,往往還需要準備兩個運動前和運動終了後的圖像,分別放在起點和終點的位置,結合出現和消失動畫一起食用:
跳躍動畫也是同樣的道理。只要把路徑調整成需要的形狀就 OK 啦~
如果要做頂磚塊和踩板栗怪也可以試試通過上述兩個小技巧完成哦。
腦洞延伸:
利用馬里奧行走的動畫效果我們還可以幹什麼呢?
簡單一點,讓馬里奧當個進度條,可以用來讀檔也可以表現時間和歷程:
麻煩一點,讓馬里奧環遊世界:
實用一點,讓馬里奧跑起來引領銷量:
我們還能讓馬里奧做什麼?接下來的時間就交給你啦~
03
總結
簡單總結一下馬里奧動畫的小秘訣:
文本框逐幀動畫+路徑動畫。
❶ 文本框逐幀動畫:準備好逐幀素材,按序全選後使用 PA 插件添加【逐幀】閃現效果。
❷ 路徑動畫:根據自己的需要選擇或繪製路徑動畫。
每種方法在實際使用過程中,往往都需要點開效果選項,進行細緻的微調。
把兩個動畫加起來,調整好出現的時間點,就可以重現馬里奧動畫啦~
閱讀更多 一剪媒AND瘋技能 的文章