AE bouncing Animation / AE彈Q動畫法則


Hello 大家好:
這次跟大家分享,如何應用動態法則的原理,製作出生動的動畫元素.
過程中已經將設定的過程歸納出固定的步驟,
簡單卻很重要的技巧, 讓你 / 妳的元素動態更升級!


1.建立基本物件

1.1 新增一Solid圖層當作背景。


1.2 再新增一Solid圖層,以矩形工具繪製一扁長形狀的遮罩。


1.3 使用增加錨點工具,在遮罩中間的上緣與下緣增加錨點。


1.4 再使用轉換曲線工具,點一下新增的錨點,出現控制手柄即可。


2.建立基本動態

2.1 我們先建立物件向上移動的基本動態。選取Solid圖層按"P"展開Position屬性,設定由下往上移動的兩個關鍵影格。


2.2 再在圖示時間處減少Y軸數值,要比動畫結束點位置更為上升。


2.3 隔幾格再增一關鍵影格,Y軸數值稍高於動畫結束點的數值(位置下降)


2.4隔幾格再增一關鍵影格,Y軸數值稍低於動畫結束點的數值(位置上升)


2.5 將起始點關鍵影格往後移,0秒處再新增一關鍵影格,Y軸數值稍低於動畫起始點的數值(位置較高)


2.6 選取所有關鍵影格按"F9",使動態速率平緩。


2.7 打開動態曲線調整視窗,會發現動態曲線並不順暢。這時請在視窗中按右鍵選擇:Edit Value Graph


2.8 按下1.處X軸與y軸關鍵影格分離,接著框選y軸所有關鍵影格後按3.處y軸動態變平緩。


2.9關閉動態曲線調整視窗,將不需要的X軸關鍵影格刪除。


3. 增加形狀變形

3.1 展開Mask Path,在動畫開始與結束點先設下關鍵影格。


3.2 對齊y軸關鍵影格,如圖設下第2個關鍵影格,將遮罩中間兩個錨點上提,上面錨點的控制手柄再拉長一些,使弧度比下緣更寬廣。


3.3 將第2個關鍵影格複製到如圖位置上。


3.4 如圖位置,將遮罩中間兩個錨點下壓,下面錨點的控制手柄再拉長一些,使弧度比上緣更寬廣。


3.5將第3個關鍵影格複製到如圖位置上。



3.6選取所有關鍵影格按"F9",使動態速率平緩,再將所有關鍵影格右移一些,越往右,軟Q的程度越明顯喔,這樣就完成軟Q的蒟蒻動畫啦。


大家別忘了理解並熟練這些設定方式 , 舉一反三! 讓你的動畫更細膩!

7 則留言:

  1. 版主您好,
    不好意思有個疑問想請教一下""
    請問蒟蒻動態上的MGB文字是如何讓他跟隨動態的呢?

    回覆刪除
  2. Hello 陳:
    歡迎加入我們的教學.一起來討論
    其實MGB的文字是用Parent的方式,來跟著矩形一起做動作的.
    另外,也可以Copy矩形 Position屬性的關鍵影格>再貼到文字的Position屬性上.
    只要注意雙方的Anchor Point不要差太遠就OK了!

    MGBoom Design

    回覆刪除
    回覆
    1. 原來是這樣"感謝版主解答^^~

      您的分享都非常的實用,受益良多~~

      刪除
  3. Hello陳:
    不客氣!很高興分享的內容對你的學習有幫助.
    我們都會不定期在 MGBFB粉專與這裡發佈新教學的相關訊息.也歡迎多多進來看看!
    祝2018新年快樂

    回覆刪除
  4. PS:
    MGB最近跟 Hahow 合作開設線上課程【從0開始學AE(下集)】目前正在募資中~到01/12為止,有興趣歡迎點進去: https://goo.gl/m6KdP7
    或直接到Hahow 課程募資 就可以看的到呦.
    或請幫我們分享給有需要的朋友知道. 謝謝

    回覆刪除
  5. 請問若是想用自己畫的AI素材來做Q彈的感覺,要怎麼做比較好,我試過用parent,但是做不出來QQ

    回覆刪除
  6. Hi Queenie:
    看過問題後,這裡會建議先將匯入的AI素材專換成"形狀"
    可以在該Ai圖層中按右鍵,執行 Create Shape from Vector Layer這個指令!
    因為形狀有控制點,才可以設定出"變形"(如教學中的步驟3!)
    這樣才會呈現出軟Q等動態的變化!
    ~希望以上可以提供給你一個設定的思路!
    加油^^

    MGBOOM Design

    回覆刪除