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,依喜好營造小小的扭曲感,這樣美式復古感標題就完成了。

留言

對內容有任何問題與討論,歡迎留言給我們^^

聯絡表單

傳送