Please enable JavaScript.

Coggle requires JavaScript to display documents.

AE/MG || 進階動畫特效 (Vol.2 (Ch.1 - 進階動畫技巧，讓影像更生動 (03.動畫曲線的使用時機和技巧 (曲線分類 …

- - - - 1.1 Squash and Stretch / 擠壓與伸展
        1.2 Anticipation / 預備動作
        1.3 Staging / 演出方式
        1.4 Straight Ahead Action and Pose to Pose / 連續動作與關鍵動作
        1.5 Follow Through and Overlapping Action / 跟隨動作與重疊動作
        1.6 Ease In and Ease Out (Slow In and Slow Out) / 漸快與漸慢
        1.7 Arc / 弧形
        1.8 Secondary Action / 附屬動作
        1.9 Timing / 時間控制
        1.10 Exaggeration / 誇張
        1.11 Solid drawing / 純熟的手繪技巧
        1.12 Appeal / 吸引力
      - Disney Animation: The Illusion of Life (1981)
        by Ollie Johnston & Frank Thomas
        12 basic principles of animation
        
        The illusion of life
        The 12 basic principles of animation Video
    - - 曲線分類
        
        Linear 線性：
        等速移動，過程不會有加減速。用於持續移動之物體、運鏡，或機械類。
        
        Ease In 漸快：
        從靜止不動慢慢加快。常用於物體開始動作之前，或受重力影響的物體。
        
        Ease Out 漸慢：
        從很快的速度漸漸變慢。常用於物體停下動作之前，先減速在停下。
        
        Ease In Out 漸快又漸慢：
        從靜止不動慢慢加快、中間又慢慢減速。用於需要強烈速度感的時候。
      - 運用思考 - 影片的起承轉合
        
        起：要有吸引人的開頭或標題
        
        承：文章內容中間的部分
        
        轉：文章的高潮起伏
        
        合：文章的結尾
        
        範例：RayarkCon 215 trailer
        
        起：開頭動畫 (快) →速度感開頭抓住觀眾眼睛
        
        承：第二頁資訊 (慢) →動作變緩讓觀眾看清資訊內容
        
        轉：第三頁轉場 (快) →快速轉場增添畫面和動態豐富性
        
        合：結尾資訊 (慢) →漸漸停下讓觀眾知道影片要結束
      - 如何選擇使用 Speed曲線 & Value曲線?
        
        Value:
        一般3D、動畫軟體大多使用Value曲線，較不好調整，例如position需XYZ分開調整、也可能調整超出數值。
        
        Speed:
        使用較直覺、潛顯易懂，但不能做太多進階調整，例如彈跳需另增關鍵影格。
      - 動態曲線：物件移動 / 縮放 / 旋轉時的速度
        移動的過程一定會有加減速，製作動態時，思考動態的速度是相當重要的。
    - - 看waveform
        
        先在最大最小聲處建關鍵影格，再視情況移動整體影格位置
        
        Tip: 按數字鍵盤的Del可只播聲音不看影像
    - - 新增Shape Layer的方法
        
        不選取任何圖層，直接在視窗用形狀工具畫出Shape
        
        Layer > New > Shape Layer / 圖層右鍵 > New > Shape Layer
        選取該Shape Layer，用形狀工具畫出Shape
      - Shape Layer裡也是圖層式的系統
        一個Shape Layer有點像pre-comp，可包含多個Shape
        屬性
        path 路徑 (形狀)
        Tip: 形狀轉貝茲 (變成可編輯的節點) ：右鍵 Convert To Bezier Path
        Points 節點：可設定多邊形的節點數
        outer Radius
        outer Roundness
        
        stroke 外框
        Line Cap 線條的邊
        Line Join 型狀的邊
        Dashes 虛線：可按加減增加減少虛線