![(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的](http://p2.ttnews.xyz/loading.gif)
時間有限直接看問題吧:
![(圖文+視頻)AE野教程:GDC設計獎的海報動圖是如何製作的](http://p2.ttnews.xyz/loading.gif)
@謝童鞋發過來的是一個動圖,由於微信上沒有辦法保存到本地,我就簡單描述一下,原圖就是一個沿著路徑生長的動畫。
我嘗試了一下,其實謝童鞋說的修剪路徑是可以做出來的,可能是哪裡沒弄對吧?
這張圖好像是GDC設計獎的海報圖?好吧,今天我們就來看看這個GDC設計獎的海報圖是如何製作的吧!
開始之前還是又雙叒叕囉嗦一句,我對AE的操作不熟悉。個人覺得AE雖然是一個很強大的視頻圖形視頻處理軟件,但是還是有很多覺得不太好操作的點。
首先是排版方面,用AE操作起來真的是很不方便,另外AE對於形狀圖層的操作也很讓人頭疼,縮放形狀圖層的時候描邊也會一同縮放,如果不希望一同縮放,我在網上找過方法,貌似最直接的方法就是輸入表達式了。
不過好在Adobe自家的軟件支持都非常好,所以就像之前寫過的復相疊影的效果,排版部分我就是用的PS做的:
今天的內容,由於涉及到的是路徑,所以我覺得用AI會比較方便一點,打開AI,用鋼筆工具畫出這樣的路徑出來:
在描邊屬性裡把路徑改為圓頭:
再畫兩個圓,這一步不用多說吧:
再畫一個大圓:
用剪刀工具剪開箭頭所示的地方,刪除多餘的路徑:
到這裡AI裡的部分就操作的差不多了,反正就我個人而言這些操作你讓我在AI裡操作肯定會比在AE裡操作要快的多。
可以先把顏色改為自己喜歡的顏色吧,不過不改也沒關係,然後將AI裡的圖層進行釋放:
釋放以後這些圖層都是圖層1的子圖層,把他們拖出來:
這個時候圖層1就會變成空圖層,刪除以後就可以保存AI文件了:
接下來打開AE,導入AI文件:
雙擊合成進入,就可以看到AI分好的圖層了:
全選所有圖層,鼠標右鍵從矢量圖層創建形狀:
這樣每一個AI圖層都會新建出一個形狀圖層出來,AI圖層就可以刪掉了:
下面就是做路徑動畫了,我以其中一個路徑為例,展開屬性,在內容裡點擊小三角添加修剪路徑:
然後再通過開始或者結束的參數來控制路徑的生長K關鍵幀就行了,其實還是蠻簡單的:
可以像原圖一樣,給圖層添加圖層樣式內發光:
然後再去調整圖層樣式的參數,這一步不用多說吧,和PS是一樣的:
調整好了以後,可以直接把這個圖層樣式複製給其他的圖層:
接下來繼續把其他的圖層動畫做好就行了,這裡就不贅述了,過程中你可能需要對圖層進行旋轉或者微調位置:
路徑動畫做好以後,可以再如原圖一樣給整體的位置做一丟丟的位移動畫:
旋轉也可以做一下動畫,讓畫面看起來有一點緩慢飄動的感覺:
最後搞上文字看看靜圖和動圖的效果吧:
靜圖
動圖
其實還是挺簡單的吧,就當是AE的入門練習吧,下面是今天的視頻版:
視頻版稍後單獨發送
好啦,今天的分享就到這裡,想要源文件以及原視頻的童鞋後臺撩我獲取吧!
本文由“野鹿志”發佈
私轉必究
閱讀更多 野鹿志yeluzhi 的文章