早咖啡傳送門(mén)
——利用圖層制造幻覺(jué)
秋葉大叔曾經(jīng)說(shuō)過(guò)“動(dòng)畫(huà)不是技巧，而是思維”。今天我們繼續(xù)來(lái)探討一個(gè)新的思維方式。
一般我們?nèi)绻胍?/span>PPT中呈現(xiàn)出空間感，可能會(huì)選擇為元素加上陰影、凹凸、三維旋轉(zhuǎn)等等效果。這次讓我們暫時(shí)拋開(kāi)這些手段，看看在一個(gè)扁平化風(fēng)格的PPT中，如何通過(guò)圖層來(lái)制造出空間感的幻覺(jué)。
首先放一個(gè)成品。據(jù)說(shuō)某巴克把小杯、中杯、大杯分別叫做中杯、大杯、特大杯，大家能看出來(lái)下面這杯的SIZE嗎？
制作大致分為以下幾個(gè)步驟。
1、創(chuàng)建主角。用三個(gè)【橢圓】、一個(gè)【梯形】組成一個(gè)杯子的輪廓，去掉這些形狀的【線條】和【陰影】，然后選中這些形狀，右擊，用【分組】中的【并集】來(lái)生成一個(gè)完整的形狀。在此基礎(chǔ)之上，用【線條和連接符】中的【曲線】或【任意形狀】工具為杯子加上一些陰影修飾，并為杯子“貼”上綠色商標(biāo)。把咖啡杯的所有元件【組合】。
（廣告時(shí)間：不會(huì)畫(huà)？去網(wǎng)易云課堂搜索“秋葉”，三天讓你學(xué)會(huì)一手驚艷的PPT!)
2、搭建場(chǎng)景。這是這個(gè)動(dòng)畫(huà)的關(guān)鍵部分。杯子像是穿過(guò)一個(gè)洞（暫且叫它傳送門(mén)）從圖層的背后到了圖層的前面，我們知道PPT中并不存在這樣的空間，這需要用一組圖層模擬出來(lái)，那就一起來(lái)拆解一下。①傳送門(mén)，它是一個(gè)單獨(dú)的【圓】，放在圖層的最底部，稍后當(dāng)我們?yōu)樗砑印具M(jìn)入效果】【縮放】和【退出效果】【縮放】的時(shí)候，就會(huì)有開(kāi)合的效果；②米灰色圖層，實(shí)際上是兩個(gè)部分，右側(cè)部分放在所有圖層的最頂部，負(fù)責(zé)遮蓋咖啡杯運(yùn)動(dòng)的前半部分路徑，左側(cè)部分放在咖啡杯圖層的背后。這樣當(dāng)咖啡杯從右向左運(yùn)動(dòng)的時(shí)候，看上去就像是“穿過(guò)”了這個(gè)圖層。這里還需要把PPT的背景色也設(shè)置成前文提到的米灰色。全部圖層的前后關(guān)系如圖：
3、設(shè)置動(dòng)畫(huà)。用【路徑】中的【繪制線條】，為咖啡杯添加先后兩個(gè)運(yùn)動(dòng)：從右側(cè)至左側(cè)，再?gòu)淖髠?cè)至中央；用【進(jìn)入效果】【縮放】和【退出效果】【縮放】?jī)蓚€(gè)動(dòng)畫(huà)讓圓形傳送門(mén)先開(kāi)后合。調(diào)整這些動(dòng)畫(huà)的時(shí)長(zhǎng)和順序，全部工作基本完成。建議：傳送門(mén)打開(kāi)用0.5秒；咖啡杯的第一段路徑與傳送門(mén)打開(kāi)同時(shí)開(kāi)始，時(shí)長(zhǎng)1秒；咖啡杯的第二段路徑1秒；傳送門(mén)閉合與咖啡杯第二段路徑同時(shí)開(kāi)始。
此外，細(xì)節(jié)控的童鞋還可以嘗試為咖啡杯加一個(gè)【強(qiáng)調(diào)效果】【蹺蹺板】，這個(gè)動(dòng)作與咖啡杯的第一段路徑同步，這樣會(huì)使咖啡杯到達(dá)第一段路徑結(jié)尾的時(shí)候，有一個(gè)微妙的剎車(chē)動(dòng)作，個(gè)人非常喜歡。
最后想說(shuō)，同一個(gè)效果，實(shí)現(xiàn)的方式有很多，大家可以多多嘗試。
新技能get√了沒(méi)？
? ? ? ?歡迎在原動(dòng)畫(huà)的基礎(chǔ)上加上你自己的想法和設(shè)計(jì)，做好的動(dòng)畫(huà)作品請(qǐng)轉(zhuǎn)為GIF后在微博上添加#三分鐘教程#標(biāo)簽并@賊啦好玩和@秋葉，好作品我們必轉(zhuǎn)！
本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100
鄂公網(wǎng)安備 42050602000108號(hào)
加了蹺蹺板果然不同??！