登錄/注冊(cè)

動(dòng)畫真好玩（2）：早咖啡傳送門

動(dòng)畫2014-02-27

留言 1

導(dǎo)讀

秋葉語錄《動(dòng)畫真好玩》系列更新，不可多得的精品PPT動(dòng)畫教程。本節(jié)教程為動(dòng)畫真好玩（2）：早咖啡傳送門

早咖啡傳送門

——利用圖層制造幻覺

秋葉大叔曾經(jīng)說過“動(dòng)畫不是技巧，而是思維”。今天我們繼續(xù)來探討一個(gè)新的思維方式。

一般我們?nèi)绻胍?/span>PPT中呈現(xiàn)出空間感，可能會(huì)選擇為元素加上陰影、凹凸、三維旋轉(zhuǎn)等等效果。這次讓我們暫時(shí)拋開這些手段，看看在一個(gè)扁平化風(fēng)格的PPT中，如何通過圖層來制造出空間感的幻覺。

首先放一個(gè)成品。據(jù)說某巴克把小杯、中杯、大杯分別叫做中杯、大杯、特大杯，大家能看出來下面這杯的SIZE嗎？

制作大致分為以下幾個(gè)步驟。

1、創(chuàng)建主角。用三個(gè)【橢圓】、一個(gè)【梯形】組成一個(gè)杯子的輪廓，去掉這些形狀的【線條】和【陰影】，然后選中這些形狀，右擊，用【分組】中的【并集】來生成一個(gè)完整的形狀。在此基礎(chǔ)之上，用【線條和連接符】中的【曲線】或【任意形狀】工具為杯子加上一些陰影修飾，并為杯子“貼”上綠色商標(biāo)。把咖啡杯的所有元件【組合】。

（廣告時(shí)間：不會(huì)畫？去網(wǎng)易云課堂搜索“秋葉”，三天讓你學(xué)會(huì)一手驚艷的PPT!)

2、搭建場(chǎng)景。這是這個(gè)動(dòng)畫的關(guān)鍵部分。杯子像是穿過一個(gè)洞（暫且叫它傳送門）從圖層的背后到了圖層的前面，我們知道PPT中并不存在這樣的空間，這需要用一組圖層模擬出來，那就一起來拆解一下。①傳送門，它是一個(gè)單獨(dú)的【圓】，放在圖層的最底部，稍后當(dāng)我們?yōu)樗砑印具M(jìn)入效果】【縮放】和【退出效果】【縮放】的時(shí)候，就會(huì)有開合的效果；②米灰色圖層，實(shí)際上是兩個(gè)部分，右側(cè)部分放在所有圖層的最頂部，負(fù)責(zé)遮蓋咖啡杯運(yùn)動(dòng)的前半部分路徑，左側(cè)部分放在咖啡杯圖層的背后。這樣當(dāng)咖啡杯從右向左運(yùn)動(dòng)的時(shí)候，看上去就像是“穿過”了這個(gè)圖層。這里還需要把PPT的背景色也設(shè)置成前文提到的米灰色。全部圖層的前后關(guān)系如圖：

3、設(shè)置動(dòng)畫。用【路徑】中的【繪制線條】，為咖啡杯添加先后兩個(gè)運(yùn)動(dòng)：從右側(cè)至左側(cè)，再從左側(cè)至中央；用【進(jìn)入效果】【縮放】和【退出效果】【縮放】兩個(gè)動(dòng)畫讓圓形傳送門先開后合。調(diào)整這些動(dòng)畫的時(shí)長和順序，全部工作基本完成。建議：傳送門打開用0.5秒；咖啡杯的第一段路徑與傳送門打開同時(shí)開始，時(shí)長1秒；咖啡杯的第二段路徑1秒；傳送門閉合與咖啡杯第二段路徑同時(shí)開始。

此外，細(xì)節(jié)控的童鞋還可以嘗試為咖啡杯加一個(gè)【強(qiáng)調(diào)效果】【蹺蹺板】，這個(gè)動(dòng)作與咖啡杯的第一段路徑同步，這樣會(huì)使咖啡杯到達(dá)第一段路徑結(jié)尾的時(shí)候，有一個(gè)微妙的剎車動(dòng)作，個(gè)人非常喜歡。