Banners in Retro Style / 美式復古標題動畫
這次的Banner動畫教學 應用了Shape Layer技巧以及產生線條與變形的特效等,就可以輕鬆完成這類帶有美式復古風格的標題動畫呦!
1.繪製緞帶
1.1 在AE匯入事先用鉛筆繪製好的緞帶草圖做參考(也可以在網路搜尋類似草圖)。
1.2 使用鋼筆工具，沿著邊線繪製前層的部分。
1.3 關閉剛剛繪製的前層圖層顯示，一樣使用鋼筆工具繪製後層部分。
1.4 將繪製好的後層圖層放在前層圖層的下方，完成緞帶的繪製。
2.建立文字
2.1 把前層的圖層選取按右鍵，另外建立一新的pre-compose...，命名為front ribbons；後層的圖層也是，命名為back
ribbon。
2.2 打開back ribbon，複製後層圖層，將新的後層圖層取消填色，邊框色改為白色。
2.3 原本的後層圖層套用特效：Venetian
Blinds，變成線條。
2.4 打開front ribbons，將填色與邊框色都改為白色。
2.5 新增一文字，按右鍵，另外建立一新的pre-compose...
，命名為text1。
2.6 套用特效：Mesh Warp，先將參數降為1，先使文字大略的對齊緞帶位置。
再增加參數以增加控制節點，調整文字到理想形狀。
2.7再新增第2行文字，按右鍵另外建立一新的pre-compose... ，命名為text2。如上述方法，調整文字到理想形狀。
3.文字動態設定
3.1 打開text1，設定自左滑向中間的動態，結束的關鍵點按F9使速率變緩。
3.2 點開速率曲線調整視窗，將速率變得更加平緩。
3.3打開text2，如同上述方法設定動態。
3.4 回到front ribbons，複製緞帶圖層，並設定為二文字的遮色片。
4.製作緞帶動態
4.1回到ribbon banner，選取前層緞帶圖層，使用鋼筆工具先繪製上段的緞帶，記得把遮罩狀態先調整為None，再繪製下段的緞帶，否則會看不見遮罩外的圖像。
4.2 這樣完成了前層緞帶圖層的兩個遮罩，可以分別設定上下段的動態了。記得要再把遮罩狀態改回Add喔。
4.3 再把前層緞帶圖層的眼睛關閉，選取後層緞帶圖層，使用鋼筆工具繪製遮罩。
4.4 接著設定關鍵影格：自右向左出現的動態，完成後選取全部關鍵影格按F9使速率變平順。
4.5 開啟前層緞帶圖層的眼睛，如剛剛一樣設定動態，但要跟後層相反：自左向右出現。
4.6 調整各段緞帶出現的時間順序，重點是時段要稍微重疊到，才不會有停頓的感覺。
5.解決尖角穿幫問題
5.1 接著調整一下邊緣太尖銳而穿幫不順的問題。
5.2 展開front ribbons，將邊框Stroke的線條端點都改為圓形Round，就不會有尖角出現。其它的Shape Layer都要照做喔。
6. 最後的效果調整
6.1 最後回到ribbon banner，選取所有圖層按右鍵另外建立一新的pre-compose... ，命名為Final Effect，做最後的效果調整。
6.2 新增一Solid圖層，套用特效：Turbulent Noise。
6.3 調整參數至如同圖中效果。
6.4 將Solid圖層移至ribbon banner圖層下方，啟動圖層混合與遮色片功能如圖，使緞帶有點斑駁效果。
6.5 ribbon banner圖層套用特效：Roughen Edges，使鏤空部位線條比較圓潤。
6.6 再套用特效：Turbulent
Displace，依喜好營造小小的扭曲感，這樣美式復古感標題就完成了。
留言