Turning Your Face Animation / 頭部轉動動畫
Hello 大家:
這次來跟大家分享如何製作2D角色的轉頭動畫.
主要應用了 "形狀圖層" 來練習這次的動態技巧,一起跟著下面的步驟來練習看看吧:
1. 繪製"臉部"形狀
使用"橢圓形"形狀工具,繪製出臉部基本型
2. 調整"臉部"形狀
大家可以使用"Pen Tools 筆型工具",根據自己的設計,調整臉部造型
3. 繪製"頭髮"形狀
使用"橢圓形"形狀工具,記得在"同一個形狀圖層"繪製(組合出)自己想要的頭髮輪廓形狀
4. 讓"頭髮"定形
4.1 先複製出一層"臉部形狀" 圖層,來當作頭髮的"遮罩" > 建議將它命名為: Hair Matte
將此圖層安排到"頭髮圖層"的"上方"!
4.2 在 "頭髮圖層" > 設定 Track Matte選項為 : Alpha Matte XXX!
這樣頭髮的形狀就完成定型囉!
5. 繪製"脖子"形狀
使用"矩形工具Rectangle Tool" > 畫出自己需要的脖子造型
6. 繪製"肩膀(身體)"形狀
使用"導圓矩形工具Rounded Rectangle Tool" > 畫出自己的肩膀(上半身)造型
7. 繪製"領口"形狀
7.1 先使用"橢圓工具 Ellipse Tool" > 畫出自己的 領口造型
7.2 再使用"導圓矩形工具Rounded Rectangle Tool" > 畫出跟肩膀範圍接近的造型: 上方邊緣有重疊!
記得將此圖層安排在"領口圖層"的上方 !目的是:之後要拿來當作產生領口的遮罩使用!
7.3 在 "領口圖層" > 設定 Track Matte選項為 : Alpha Matte XXX!
這樣領口的形狀就出現囉!
8. 繪製"眼鏡"形狀
使用"橢圓形"形狀工具,記得在"同一個形狀圖層"繪製(組合出)自己想要的眼鏡形狀
9. 繪製"耳多"形狀
使用"橢圓形"形狀工具,記得在"同一個形狀圖層"繪製(組合出)自己想要的耳朵形狀
10. 繪製"眼睛"形狀
使用"橢圓形"形狀工具,記得在"同一個形狀圖層"繪製(組合出)自己想要的眼睛形狀
PS:按住 Shift :可以畫出 "正圓形" 優!
11. 繪製"眉毛"形狀
使用"筆型工具 Pen Tools",記得在"同一個形狀圖層"繪製出自己想要的眉毛形狀
12. 繪製"嘴巴"形狀
一樣再使用"筆型工具 Pen Tools",繪製出自己想要的嘴巴形狀
13. 建議五官的 "控制器"
13.1 執行 Layer / New / Null Object :先產生一個 "空的節點" :之後拿來當作控制五官移動的控制器!
13.2 將 "眼鏡" +"眼睛"+"眉毛"+"嘴巴" 四個圖層一次 Parent 給 " Null Object圖層"(控制器)!
現在請移動 " Null Object圖層"(控制器)> 是不是看的方向也跟著產生變化了ㄋ!
14. 整理全部圖層的順序
現在請大家參考圖示: 以動作時不穿幫為原則,整理一下自己的所有圖層優!
15. 開始設定動畫囉 (接下來的動態設定,皆以螢幕的方向為主優!)
這個練習會設定到動態的圖層有: 頭髮圖層 / Null Object控制器圖層 / 兩個(左右)耳朵圖層!
設定的關鍵影格節奏: 每0.5秒一個動作變化!
先在0.5秒設定一個保持原樣的關鍵影格(一開始先讓角色停一下,過一會在開始動作的意思!)
16. 設定 "往右看"的動態
16.1 先把時間軸移到 1 秒時間點上!
16.2 這個步驟會設定到動態有:
頭髮圖層 :往右移 (因透視關係右邊的頭髮少一點 / 左邊的頭髮多一些 !)
Null Object控制器圖層 :往右移
兩個(左右)耳朵圖層 :往左移(因透視關係右邊的耳朵小一點 / 左邊的耳朵多一些 !)
17. 設定 往右看的"暫留時間"
17.1 先把時間軸移到 1 .5秒時間點上!
17.2 將1秒時設定的關鍵影格 > 在各別個圖層,依序"複製" 再到1.5秒的時間點 "貼上" !
18. 設定 "往左看"的動態
18.1 先把時間軸移到 2 秒時間點上!
18.2 這個步驟會設定到動態有:
頭髮圖層 :往左移 (因透視關係右邊的頭髮多一點 / 左邊的頭髮少一些 !)
Null Object控制器圖層 :往左移
兩個(左右)耳朵圖層 :往右移 (因透視關係右邊的耳朵多一點 / 左邊的耳朵少一些 !)
19. 設定 往左看的"暫留時間"
19.1 先把時間軸移到 2 .5秒時間點上!
19.2 將 2 秒時設定的關鍵影格 > 在各別個圖層,依序"複製" 再到 2.5 秒的時間點 "貼上" !
20. 設定 "往上看"的動態
20.1 先把時間軸移到 3 秒時間點上!
20.2 這個步驟會設定到動態有:
頭髮圖層 :往上移 (因透視關係 整體頭髮會變少 !)
Null Object控制器圖層 :往上移
兩個(左右)耳朵圖層 :同步往上移 (因透視關係 兩邊的耳朵應該露出一樣多的大小 !)
21. 設定 往上看的"暫留時間"
21.1 先把時間軸移到 3 .5秒時間點上!
21.2 將 3 秒時設定的關鍵影格 > 在各別個圖層,依序"複製" 再到3.5秒的時間點 "貼上" !
22. 設定 "往下看"的動態
22.1 先把時間軸移到 4 秒時間點上!
22.2 這個步驟會設定到動態有:
頭髮圖層 :往下移 (因透視關係 整體頭髮會變多 !)
Null Object控制器圖層 :往下移
兩個(左右)耳朵圖層 :同步往下移一些 (因透視關係 兩邊的耳朵應該露出一樣多的大小 !)
23. 設定 往下看的"暫留時間"
23.1 先把時間軸移到 4 .5秒時間點上!
23.2 將 4 秒時設定的關鍵影格 > 在各別個圖層,依序"複製" 再到 4.5秒的時間點 "貼上" !
24. 設定 "循環"的動態 (頭 /尾相同的關鍵影格!)
24.1 先把時間軸移到 5 秒時間點上!
24.2 將 0.5 秒 (一開始)設定的關鍵影格 > 在各別個圖層,依序"複製" 再到 5秒 的時間點 "貼上" !
25. 設定 "眨眼睛"的動態
25.1 先將時間軸移到 5 秒後一點點的時間點上!
25.2 展開 "眼睛"形狀圖層的 SIZE 屬性 : 建議可將 XY連結關閉
25.3 設定關鍵影格
單獨設定 Y軸的屬性 : 從原有數值 (張眼 ) > 到 0 (閉眼) > 再回到原有數值(張眼 )
留言