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

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

直接進入正題。

直接開好你要的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)：