Text shape transform / 文字形狀轉換

今天跟大家分享製作：文字轉換的技巧。看看如何完成將細文字轉換成粗體字型的變形動畫。

操作步驟：

1、建立新的Composition
請自行建立一個 New Composition：720P 。

2、打入細體英文字型
請輸入英文字型，對齊底部（建議：以大寫為主）：如「ILOVEAE」：白色 / 細體字型。


3、加入粗體字型
請 Copy 步驟2 的細體字，使用「文字工具」將字型改成粗體英文字型。


4、排列圖層
細體字型在上方（PS：變化前！），粗體字型在下方（PS：變化後！）。
請將兩種字型調整到：高度一樣、細體字型字距較窄、粗體字型字距較寬。



5、轉換成Shape Layer
選擇細體與粗體字型圖層，分別執行：Layer / Create Shapes from Text 指令，將文字轉換成 Shape。


6、設定字體漸變
6.1
先開啟「細體字 Shape圖層」：
將全部字母Shape中的Path屬性：設定第一個（變化前）的關鍵影格。
※ 有些字母轉換成Shape 會有雙重路徑（字的外框與內框Shape），如A或O。建議在設定關鍵影格時同步進行！




6.2
換成「粗體字Shape圖層」：
展開全部的字母Shape中的 Path屬性。
重覆步驟6.1的做法，為粗體字設定關鍵影格（變化後）。


6.3
Copy粗體全部字母Shape中的 Path 屬性關鍵影格。
建議：
當Copy完「粗體Shape圖層」的關鍵影後，可將它刪除或隱藏。（因為已經獲得粗體字Shape Path的資訊）

6.4
回到「細體字型圖層」：展開全部的字母Shape中的Path屬性。
在過了一小段時間後，Ctrl+V貼上（步驟6.3的關鍵影格）產生Path屬性的關鍵影格變化：由細體字變粗體字。


7、調整文字 Shape 的變化輪廓
轉變Shape時，有時會因為路徑交錯而產生「透空區域」。
調整方式：
在同一個字母Shape的 Path 屬性中「前與後」關鍵影格的時間點上，分別選擇該字型Shape 最接近的一個 Vertex，按右鍵：Mask and Shape Path / Set First Vertex指令。
可反覆測試：觀看哪個Vertex頂點做為First Vertex是最佳的Shape轉換。


8、調整動態曲線
調整所有 Path 屬性關鍵影格的動態曲線，讓每個字母漸變的過程更生動。
將所有 Path 關鍵影格轉換成 Easy Ease（F9），打開Graph Editor將前後兩個關鍵影格的速率拉高到極端（最高！）


最後建議可自行加入：字體間的水平滑動（Position屬性）、由小到大（Scale屬性）的變化等，增加動畫的趣味性。