哈囉!又到了快樂的教學時光。
今天要來教大家如何製作等距視角的無透視立體動畫!
這次的教學會使用到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以上):