Venetian Blinds Text Ani : 百葉窗線條文字動畫

百葉窗線條文字動畫

繼上週 Shape ani 101系列單元：「字母斷裂的黏膠動畫」之後，本周繼續跟大家分享Shape ani 第二個動畫應用：百葉窗線條文字效果。
只要簡單的幾個步驟，加上關鍵影格的設定，就可以產生如手寫文字與百葉窗線條的填色效果，一起來看看！

操作步驟：

1、建立文字 與 背景

執行 Layer / New / Text 與 Solid 指令，分別建立：新的文字與單色背景圖層。
請自行決定文字與顏色。

2、將文字轉換成 Shape Layer

將文字轉換成Shape，在文字圖層直接按右鍵：Create Shapes from Text。會新增一層xxx Outlines圖層。

3、調整 Text Shape 填色與邊框屬性

3.1
先將原來的文字圖層顯示關閉：圖層最前方的眼睛圖示關掉。
3.2
選到文字Shape圖層，請在上方工具列將：
Fill（填色）取消。
Stroke（邊框寬度） 設定成8~10 px/ Stroke顏色為白色或自行決定。

4、為字母增加動畫屬性

為第一個字母增加 「Trim Paths」屬性。
為End 設定關鍵影格：字母邊框從0~100（從無到有）。

5、調整影格速率

5.1
先選擇到「End」屬性的兩個關鍵影格，直接按「F9」轉換成：Easy Ease。


5.2
開啟「Graph Editor」視窗，將下方手柄望外拉，改變動畫速率：從很慢突然加速。

6、複製「Trim Paths」動畫屬性

6.1
為節省製作時間，先選擇到第一個已經設定好關鍵影格與速度的：Trim Paths / End屬性，直接按 Ctrl+C（複製），然後選擇到其他字母按 Ctrl+V（貼上）。
6.2
請自行錯開每個End屬性（字母邊框出現）的關鍵影格（時間區段）。

7、增加百葉窗線條效果

7.1
將原來字母圖層眼睛打開，顯示出文字。
7.2
選到原來文字圖層，執行 Effects / Transition / Venetian Blinds效果。
自行依想要的效果調整：
Direction（線條方向）
Width（線條寬度）
7.3
增加Venetian Blinds關鍵影格，產生百葉窗線條效果：
設定Transition Completion（轉換動態）的關鍵影格：
時間區段：
建議設定在在字母筆劃出現後再動作。
關鍵影格：從 100％ ~ 0％。
完成百葉窗線條文字的動畫製作。

接下來幾週還會繼續分享其它實用的 Shape Ani 動畫範例，請大家持續關注 AE TUTS的更新內容！