Text shape transform / 文字形狀轉換

Text-shape-transform

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


操作步驟:

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

2、打入細體英文字型
請輸入英文字型,對齊底部(建議:以大寫為主):如「ILOVEAE」:白色 / 細體字型。

Text Shape 01

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

Text Shape 02

4、排列圖層
細體字型在上方(PS:變化前!),粗體字型在下方(PS:變化後!)。
請將兩種字型調整到:高度一樣、細體字型字距較窄、粗體字型字距較寬。

Text Shape 02.1

Text Shape 03

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

Text Shape 03.1

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

Text Shape 04.1

Text Shape 04.2

Text Shape 04.3

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

Text Shape 04.4

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

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

Text Shape 05

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

Text Shape 06

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

Text Shape 07

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

Text Shape 08



0 意見:

張貼留言