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%。
完成百葉窗線條文字的動畫製作。
留言