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.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.4 將Solid圖層移至ribbon banner圖層下方,啟動圖層混合與遮色片功能如圖,使緞帶有點斑駁效果。
6.5 ribbon banner圖層套用特效:Roughen Edges,使鏤空部位線條比較圓潤。
6.6 再套用特效:Turbulent
Displace,依喜好營造小小的扭曲感,這樣美式復古感標題就完成了。
留言