fbpx

《AE教學》等距視角素材教學!無透視45度立體動畫!

哈囉!又到了快樂的教學時光。

今天要來教大家如何製作等距視角的無透視立體動畫!

這次的教學會使用到AI來製作素材哦!

 

 


1.AI素材製作

首先先在AI裡用文字工具打出想要的文字或圖形。

選取之後,點選效果 > 3D > 突出與斜角。

在位置(N)選取上方等角,你可以點選視窗最下方的預覽來觀看目前的物件狀態。

點選確定之後,文字就會變成立體的,

且不會有任何透視,角度也是我們剛好需要的正45度角。

選取文字後點選物件 > 擴充外觀。

擴充外觀之後文字會變成可拆解的實體物件,

這邊我們選取物件之後右鍵 > 解散群組。

之後將每個邊填上自己喜歡的顏色。

接下來你會發現每個邊都會有類似下圖的多條邊線,

可以利用路徑管理員的聯集效果把多個面合起來,

或是使用鋼筆工具盡可能減少錨點數量以便在AE製作動態。

你可以先全選所有物件並套上邊線效果,

會有利於檢查哪裡還有多餘的面沒有聯集到。

接著將每個字母分別放到一個群組內就完成囉!

 


2.AE動態製作

再匯入文字素材之前可以先製作網格底圖,

作為之後的動態調整的基準線。

在圖層空白處新增一個Solid。

改好名字之後點選OK。

接著替Solid加入Grid效果。

調整Anchor和Corner的X座標來讓格狀變成整個畫面只剩下橫線。

將兩個做邊拉離畫面邊緣之後,

大概就會有這樣的橫線效果:

只剩橫線的效果長這樣:

接著將Solid的Rotation轉到30度。

並複製一個Solid將角度轉為-30。

兩個Solid交疊的區域就會變成等距視角的網格底圖囉!

選取兩個Solid並放大讓畫面只可見有交叉的部分,

不要讓其他區域露出破綻。

你可以回頭再調整Corner的Y座標來讓網格更加密集。

調整Border來控制網格線條的粗細。

接下來就可以匯入文字素材了!

匯入時選擇Composition及Layer Size後點選OK。

將Comp內的所有圖層複製出來放在網格圖層上:

接著選取所有AI圖層,右鍵 > Create > Creat Shapes from Vector Layer。

AE會自動根據AI的路徑來轉換形狀圖層,

接下來AI圖層就用不到了。

接下來的前置作業有點麻煩,

將所有的形狀圖層下拉選單點開,找到所有的Path並點開。

替所有Path都先設立一個關鍵影格,之後你可以按U來只顯示有關鍵影格的選項:

接下來你只要點選到某個字母的Path關鍵影格就可以用選取工具選取該字母的所有錨點,

並加以拉動,配合時間軸的移動,只要調整完錨點並會在該時間點自動新增關鍵影格以製作動態。

接下來就是發揮創意的時間囉!

完成之後效果大概像這樣:

 

 

 

 

 

此教學專案檔下載(cc 2018以上):

Share on facebook
分享至FB
Share on telegram
分享至TG

解鎖站內所有需密碼的內容

時事特效教學 | 讓你學會最新特效

隨機文章