《AE教學》展開你的摺疊式標題框!

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

這次的內容要來製作一個簡單的標題框展開動畫。

直接進入正題。


直接開好你要的Comp,然後創立一個Shape Layer:

 

用鋼筆工具畫一個這樣的東西:

 

接著畫這個:

這樣應該看的出來要畫什麼了吧。

 

對,就是你想的那樣 🙂

 

將Shape 1拷貝一個,也就是第一個畫的那塊:

 

按下Ctrl+T或是雙擊兩下遮罩路徑,接著利用邊框的變形工具將它水平反轉,並挪到右邊:

 

別忘了還有中間的銜接處:

 

兩邊都畫好後就會像這樣子:

一個基本的布簾框框就出來了。

 

調整一下順序,Shape 2是正中央最大塊的區域,也是最前面的,所以要將它拉到最上層:

 

 

完成如下圖:

 

這邊直接Ctrl+D拷貝五個:

一個就是對應你畫的Shape。

 

所以最下層就是只顯示LB群組、最上層就是只顯示Main群組,中間的依此類推:

 

這裡利用Linear Wipe來製作出現的動畫效果:

Transition Completion就是轉場的完成度,因為它%數吃的是整個COMP的大小,所以這邊請自己找到你素材的起始%數和完全出現的%數。

動畫上就是讓它從左邊到右邊出現。

 

稍微調整一下曲線模式:

 

最左邊那塊完全出現的時候就要銜接下一個區域,就是Main那塊:

因為它比較長一點,所以關鍵影格的間距也比較長。

剩下的就都是一樣的操作,一個一個讓它們接著出現。

 

不過現在做的這塊,在COMP的左下方,因為疏忽忘記讓它置中,

但因為Linear Wipe效果吃的是Comp大小和素材位置,所以移動素材的話,Linear Wipe的效果也會偏掉:

 

這邊可以用Slider Control來校正:

現在是創一個空物件來放置這個效果,其實也可以放在各自的圖層上。

 

ALT點擊小時鐘/碼表,在Linear Wipe後,輸入+號,然後用迴紋針連到Slider Control的Slider數值上:

也就是要讓Linear Wipe的數值加上Slider的數值。

 

這裡將Linear Wipe的%數整體扣10%就能變成原先的轉場效果:

 

但不同方向的就不能也一樣扣10%,第一次都得自己摸索:

 

如下:

 

總之OK後,沒有問題,就可以打上文字:

 

用鋼筆工具沿著背後那個框框的弧度畫一條鋼筆路徑:

用意是要讓文字沿著鋼筆路徑排列。

 

點開Text,有個path Options,裡面能夠讓文字沿著Path排列,以及調整位置:

 

OK後就把文字挪到中央:

 

將main那塊拷貝一個,讓文字吃它的Alpha,就能讓文字跟著它一起出現:

 

有點乾所以放個背景:

想移動的話,整體Comp起來後也能直接移動,不用顧慮到Linear Wipe的感受。

 

或是在內部,利用Transform對整個畫面做調整:

 

成品範例:

教學的標題框框畫得比較陽春,有更精細、更有設計感的標題框框若有這樣的前後層次,也可以嘗試這樣的效果唷!

 

那這次的教學就到這邊結束,我們下次見~

 

素材來源:https://videos.pexels.com/videos/aerial-shot-of-forest-covered-in-snow-857019

 

此教學AE專案欓下載(cc 2019 & CC 2014):

 

 

 

 

 

 

 

 

 

 

 

 

 

 

非經授權請勿轉載本網站原創內容,盜用必究

若想得到更多教學資訊,歡迎加入六指淵學生社團


《立即分享》
Loading Facebook Comments ...