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的蒟蒻動畫啦。
版主您好，
回覆刪除不好意思有個疑問想請教一下""
請問蒟蒻動態上的MGB文字是如何讓他跟隨動態的呢?
Hello 陳:
回覆刪除歡迎加入我們的教學.一起來討論
其實MGB的文字是用Parent的方式,來跟著矩形一起做動作的.
另外,也可以Copy矩形 Position屬性的關鍵影格>再貼到文字的Position屬性上.
只要注意雙方的Anchor Point不要差太遠就OK了!
MGBoom Design
原來是這樣"感謝版主解答^^~
刪除您的分享都非常的實用，受益良多~~
Hello陳:
回覆刪除不客氣!很高興分享的內容對你的學習有幫助.
我們都會不定期在 MGBFB粉專與這裡發佈新教學的相關訊息.也歡迎多多進來看看!
祝2018新年快樂
PS:
回覆刪除MGB最近跟 Hahow 合作開設線上課程【從0開始學AE(下集)】目前正在募資中~到01/12為止,有興趣歡迎點進去: https://goo.gl/m6KdP7
或直接到Hahow 課程募資 就可以看的到呦.
或請幫我們分享給有需要的朋友知道. 謝謝
請問若是想用自己畫的AI素材來做Q彈的感覺，要怎麼做比較好，我試過用parent，但是做不出來QQ
回覆刪除Hi Queenie:
回覆刪除看過問題後,這裡會建議先將匯入的AI素材專換成"形狀"
可以在該Ai圖層中按右鍵,執行 Create Shape from Vector Layer這個指令!
因為形狀有控制點,才可以設定出"變形"(如教學中的步驟3!)
這樣才會呈現出軟Q等動態的變化!
~希望以上可以提供給你一個設定的思路!
加油^^
MGBOOM Design