U become A / 進階字母變形技巧

U-to-A-Demo

這個看似簡單的字母變化範例,實則融合了許多操作形狀圖層的技巧在內,對於形狀圖層還不是很熟練的設計者們,很適合幫助你們掌握形狀圖層的變形技能喔!



1.建立參考圖層
1-1 首先請在新建的Compsition新增文字"A""U"
UtoA-11


1-2 選取A圖層按右鍵選擇:Guide Layer,將A圖層轉為參考圖層。
UtoA-12


1-3 A圖層透明度降至50%,並鎖上以防不小心被改變。
UtoA-13

2.建立形狀圖層
2-1 選取U圖層按右鍵選擇:Create Shapes from Text,建立U的形狀圖層。
UtoA-21

UtoA-22


2-2 使用軸心工具,將U形狀圖層的軸心點移至正中央。
UtoA-24
2-3 按快速鍵「R」展開U形狀圖層的Rotation,設定2個關鍵影格,數值0°→180°。
UtoA-25


3.改變形狀的技巧
3-1 Timeline Window的搜尋框中輸入"path",快速展開U形狀圖層的path,設定2個關鍵影格。
UtoA-31

3-2 於第2個關鍵影格處,移動U形狀圖層最底下的錨點,以符合A參考圖層的形狀。
UtoA-32

3-3 選取U形狀圖層中央處的錨點,按Ctrl+T改為變形工具,按住Ctrl+Shift,將變形框縮至最小,幾乎合成單個錨點,再移至A參考圖層形狀的尖端處。
UtoA-33

UtoA-34


3-4 接著U形狀圖層兩邊的錨點也是如法炮製,兩邊各別集中成一點。
UtoA-35

UtoA-36


3-5 將頂端所有錨點選取,按Ctrl+T改為變形工具,然後儘量壓扁,以符合A參考圖層頂端的形狀。
UtoA-37

UtoA-38


4.於形狀圖層增加新形狀
4-1 U形狀圖層的Add選擇Rectangle,新增一矩形為Rectangle Path1
UtoA-41

UtoA-424-2 Rectangle Path1移入U形狀圖層內。
UtoA-43

4-3 展開Rectangle Path1,調整其ScalePosition,使矩形符合A參考圖層橫槓的形狀,並設下關鍵影格。
UtoA-44

4-4 回到動畫產生之前,再調整ScalePosition,使矩形藏在U形狀圖層內,產生新的關鍵影格。
UtoA-45

4-5 設好關鍵影格後,按Add選擇Merge Path合併矩形與U形狀圖層。
UtoA-46

UtoA-47

5.使動態更流暢
5-1 將原本設好的2Rotation關鍵影格拉開一些,中間再多2個關鍵影格,數值-20°→190°,使旋轉的動態更生動。
UtoA-51

5-2 U展開所有關鍵影格,框選全部的關鍵影格之後按F9,使動態更流暢。
UtoA-52


5-3 框選全部的關鍵影格之後按Graph Editor,展開動態曲線編輯視窗,如圖框選在第3個時間點的所有關鍵影格後,向左延伸手臂,使此時間點的動態更平緩。
UtoA-53

0 意見:

張貼留言