(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

時間有限直接看問題吧:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

@謝童鞋發過來的是一個動圖,由於微信上沒有辦法保存到本地,我就簡單描述一下,原圖就是一個沿著路徑生長的動畫。

我嘗試了一下,其實謝童鞋說的修剪路徑是可以做出來的,可能是哪裡沒弄對吧?

這張圖好像是GDC設計獎的海報圖?好吧,今天我們就來看看這個GDC設計獎的海報圖是如何製作的吧!

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

開始之前還是又雙叒叕囉嗦一句,我對AE的操作不熟悉。個人覺得AE雖然是一個很強大的視頻圖形視頻處理軟件,但是還是有很多覺得不太好操作的點。

首先是排版方面,用AE操作起來真的是很不方便,另外AE對於形狀圖層的操作也很讓人頭疼,縮放形狀圖層的時候描邊也會一同縮放,如果不希望一同縮放,我在網上找過方法,貌似最直接的方法就是輸入表達式了。

不過好在Adobe自家的軟件支持都非常好,所以就像之前寫過的復相疊影的效果,排版部分我就是用的PS做的:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

今天的內容,由於涉及到的是路徑,所以我覺得用AI會比較方便一點,打開AI,用鋼筆工具畫出這樣的路徑出來:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

在描邊屬性裡把路徑改為圓頭:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

再畫兩個圓,這一步不用多說吧:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

再畫一個大圓:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

用剪刀工具剪開箭頭所示的地方,刪除多餘的路徑:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

到這裡AI裡的部分就操作的差不多了,反正就我個人而言這些操作你讓我在AI裡操作肯定會比在AE裡操作要快的多。

可以先把顏色改為自己喜歡的顏色吧,不過不改也沒關係,然後將AI裡的圖層進行釋放:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

釋放以後這些圖層都是圖層1的子圖層,把他們拖出來:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

這個時候圖層1就會變成空圖層,刪除以後就可以保存AI文件了:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

接下來打開AE,導入AI文件:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

雙擊合成進入,就可以看到AI分好的圖層了:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

全選所有圖層,鼠標右鍵從矢量圖層創建形狀:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

這樣每一個AI圖層都會新建出一個形狀圖層出來,AI圖層就可以刪掉了:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

下面就是做路徑動畫了,我以其中一個路徑為例,展開屬性,在內容裡點擊小三角添加修剪路徑:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

然後再通過開始或者結束的參數來控制路徑的生長K關鍵幀就行了,其實還是蠻簡單的:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

可以像原圖一樣,給圖層添加圖層樣式內發光:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

然後再去調整圖層樣式的參數,這一步不用多說吧,和PS是一樣的:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

調整好了以後,可以直接把這個圖層樣式複製給其他的圖層:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

接下來繼續把其他的圖層動畫做好就行了,這裡就不贅述了,過程中你可能需要對圖層進行旋轉或者微調位置:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

路徑動畫做好以後,可以再如原圖一樣給整體的位置做一丟丟的位移動畫:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

旋轉也可以做一下動畫,讓畫面看起來有一點緩慢飄動的感覺:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

最後搞上文字看看靜圖和動圖的效果吧:

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

靜圖

(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的

動圖

其實還是挺簡單的吧,就當是AE的入門練習吧,下面是今天的視頻版:

視頻版稍後單獨發送

好啦,今天的分享就到這裡,想要源文件以及原視頻的童鞋後臺撩我獲取吧!

本文由“野鹿志”發佈

私轉必究


分享到:


相關文章: