動畫真好玩（2）：早咖啡傳送門

早咖啡傳送門

——利用圖層制造幻覺

 

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

一般我們如果想要在PPT中呈現(xiàn)出空間感，可能會選擇為元素加上陰影、凹凸、三維旋轉等等效果。這次讓我們暫時拋開這些手段，看看在一個扁平化風格的PPT中，如何通過圖層來制造出空間感的幻覺。

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

制作大致分為以下幾個步驟。

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

（廣告時間：不會畫？去網易云課堂搜索“秋葉”，三天讓你學會一手驚艷的PPT!)

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

 

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

 

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

最后想說，同一個效果，實現(xiàn)的方式有很多，大家可以多多嘗試。

新技能get√了沒？

? ? ? ?歡迎在原動畫的基礎上加上你自己的想法和設計，做好的動畫作品請轉為GIF后在微博上添加#三分鐘教程#標簽并@賊啦好玩和@秋葉，好作品我們必轉！

 

本文來自秋葉語錄的微信公眾平臺，版權歸秋葉語錄所有。若網頁版不便于你學習，你可以用微信添加秋葉語錄關注，微信號：ppt100

返回“動畫真好玩”教程目錄列表