03Nov

39.Timeline4 - 4 Types

• Timeline教學第四部
調整Keyframe的四種型態
Download Project |

上一篇講解了After Effects中關於Keyframe的3種調整模式,分別是
➊「Layer bar 模式」 ➋「Value 模式」 ➌「Speed 模式」

這一篇要接著說的是,在Timeline中,Keyframe的形態,一共有4種形態,大部分在以前講過,但我還是會再提一次。前三種與運動方式關係較密切,Easy Ease則是跟「速率」較有關。

1:AE Keyframe 的第一種型態: Hold(保持不變)

保持住現在狀態不變,直到下一個Keyframe出現。這種形態應該很容易理解,我就不多花篇幅介紹了。

2:AE Keyframe 的第二種型態:Linear(直線)

直線性運動。這種形態應該也很容易理解,也可以看之前的教學Step5的部份。

3:AE Keyframe 的第三種型態:Bezier(貝茲曲線)

可任意調整的形態,貝茲曲線的使用請看之前的教學有詳細的說明了。

4:AE Keyframe 的第四種型態:Easy Ease(平順速率)

這種形態下,AE會將運動的速率「平順化」。

4:四種型態在Speed模式下的樣子:

請對照上面每種類型的圖,如果不清楚的話建議不要看這一步驟。

Hold:因為沒有運動產生,所以速率都是『每秒速率 0 個Pixel』。

Linear:Keyframe直線運動狀態下,速率是保持不變動的,所以每2個keyframe間速率是保持一樣的,目前看到數值為『每秒速率540個Pixel左右』-『每秒速率575個Pixel左右』-『每秒速率550個Pixel左右』。

Bezier:速率基本上跟Linear接近,但是因為貝茲曲線的影響,所以AE在Keyframe接點的位置作了「平順」的調整,目前看到數值為『每秒速率550個Pixel左右』。

Easy Ease:這是一種特別的速率方式,Easy Ease的特點就是將速率調整為『慢 ➞ 快 ➞ 慢』。

目前數值為『每秒速率 從 0 到 800 左右再降到 0』。

5:Easy Ease 試做:

1.新增Comp,NTSC 90格,把斑馬圖丟進Timeline面板準備做動作。

2.分別在第0、20、40、60格位移圖層做Keyframe動作。(圖例)

3.AE預設中,路徑的速率是『線性平均分配』的,這沒甚麼不對,但是在真實物體的運動上,速率平均分配感覺上就會怪怪的很不順。(圖例)

4.因此,我們把所有的Keyframe選起來,按『F9』,把所有Keyframe套用『Easy Ease』。

5.套用過『Easy Ease』的路徑會變成:離Keyframe近的時候速度放慢,離Keyframe遠的時候速度變快。這樣子的動作才會比較順,比較像真實的物體運動。(圖例)

6.『Easy Ease』與『Linear』的Keyframe形狀是不一樣的,請看圖例

好了,Easy Ease 的觀念其實就這樣而已,不要想的太複雜,他的功能就是:『把速率調整的比較平順』

6:Easy Ease 真的平順嗎?

雖然Easy Ease是拿來把keyframe的速率弄順的方式,但是『慢 ➞ 快 ➞ 慢』的速率有時候是很怪的,如果覺得奇怪的話,建議你使用『Auto Bezier』,這兩種速率方式都有各自適合的使用時機,這裡很說明清楚,就靠各位多多使用才能熟悉了。

7:結語

這一篇其實沒有講很多東西,但是要跟上一篇一起研究,其實這些功能的組合方式是很複雜麻煩的,

3種模式加上4種形態,然後彼此互相交叉使用,真的要搞懂其實不容易啊~

但是好消息是,在真正的作業上………………才不會用到多複雜的組合呢,頂多調調貝茲曲線跟速率就夠了。

Timeline裡關於Keyframe的快速鍵:

不用真的背起來啦~記那麼多東西幹嘛,大概知道就好了
Layer Bar 模式下快速鍵
將 Keyframe 設定成 Linear 或是 Auto Bezier:Command (Control) + 點擊 keyframe
將 Keyframe 設定成 Linear 或是 Hold:Command+Option (Control+Alt) + 點擊 keyframe
打開 Keyframe 參數視窗:Option (Alt) + double-click keyframe

Graph Editor 模式下快速鍵
快速開關 Graph Editor 模式:Shift+F3
將 Keyframe 設定成 Linear 或是 Auto Bezier:Option (Alt) + click keyframe
Speed 模式下,斷開/連結 操作控制點:Option (Alt) + 點擊操作控制點
Speed 模式下,打開 Keyframe 參數視窗:雙擊 keyframe

共用快速鍵
將 Keyframe 設定成 Hold 或是 Auto Bezier:Command+Option+H (Control+Alt+H)
移動 keyframe 往前 1 格:Option (Alt) + 左方向鍵
移動 keyframe 往後 1 格:Option (Alt) + 右方向鍵
移動 keyframe 往前後 10 格:上列再加上 Shift 鍵即可

如果對這篇教學有興趣,可以下載範例檔案來練習,有任何使用上的問題,歡迎留言討論


  1. 1 Anonymous03 Nov 2008

    我又来了 “`不错 好喜欢 一直没搞懂这些 今天终于明白些 学到不少 哈哈 辛苦

  2. 2 stephenzan03 Nov 2008

    下次有什么不懂得的,还可以给你留言不??????

    我终于把CS3装上去了。。。偷笑一个。。。。

  3. 3 Noise04 Nov 2008

    >>Anonymous
    有幫助到的話就表示這一篇有用 謝謝鼓勵 :D

    >>stephenzan
    哈哈,有問題當然可以留言啊~這樣才會有交流~,而且你算是老主顧了~當然可以用力留言 XD

  4. 4 x04 Nov 2008

    天天都有光顾你拉 准备把你的全部学完 呵呵 记得快点更新哦 呵呵 以前叫幻想世界 现在叫X
    做了两天的系统也换了零件 好好学习 就要出来工作了

  5. 5 pcno104 Nov 2008

    弱弱的一个问题:为什么别人的成片都特别干净?自己的片子总觉得不是清晰,颜色也灰蒙蒙的有没有解决的办法呢?看你的猫咪那个片子就觉得很干净

  6. 6 Noise05 Nov 2008

    >> X
    感謝你的光顧 :D 謝啦~

    >> pcno1
    如果片子灰灰的,你可以在最後做完的時候,在最上層加一層adjustment Layer,然後加一個調色的效果,把對比度稍微拉出來就會比較好了。

  7. 7 pcno105 Nov 2008

    谢谢noise,不知能不能出些前期的教程,毕竟您见多识广!方便我们这些菜鸟学习。

  8. 8 Noise05 Nov 2008

    前期的部份如果要講,其實比後期還複雜:P 所以暫時還是會把重心放在AE的教學上。

  9. 9 stephenzan06 Nov 2008

    又出现一个问题。。。。一个MASK闭合了。我想从这个MASK一个点上,把他分开。。要怎么做呢?
    就是闭合的MASK怎么把他拆开?

  10. 10 Noise07 Nov 2008

    這樣做:選取Mask上鄰近的兩個點,在點上按右鍵,選取「Mask and Shape Path > Closed」就可以取消閉合了。
    相反也是,分開沒閉合的線段Mask,選取兩個開放的點,按右鍵選取「Mask and Shape Path > Closed」,就可以把分開的Mask閉合起來了。
    你試試看~ :D

  11. 11 stephenzan07 Nov 2008

    完全明白。。。。谢谢了。。。。

    对了。什么时候出新教程呢?

    期待ing

  12. 12 Noise07 Nov 2008

    基本上,我希望每個禮拜一都可以放上一個新的教程,所以最快也是下週一了 :D

  13. 13 stephenzan13 Nov 2008

    NOISE帅哥,最近忙吧?很久没更新了。呵呵。。。。
    想请教你一个问题,工作上遇到困难,,我想表现一个画面,背景有些微微的颤动。。要怎么实现呢?
    就是震动的效果。。。。望赐教~~~~~~~

  14. 14 Noise13 Nov 2008

    可以這樣做:在背景的position上使用Expression
    Expression這樣寫『 wiggle(10,30) 』 前面的數字是速率,數字越大晃動越快,後面的數字是距離,數字越大距離越遠。 你試試看 :D

  15. 15 stephenzan13 Nov 2008

    我刚试了一下。。不过,这个问题我还想补充一小点。。就是。在俩秒抖动,后面就不抖动了。怎么实现呢。NOISE大哥。。。望赐教。。。。

  16. 16 stephenzan13 Nov 2008

    在前俩秒抖动,,,后面就不抖动了。。。。

  17. 17 Noise13 Nov 2008

    你可以選取Position,然後選「Animation > Keyframe Assistant > Convert Expression to Keyframes」,然後把2秒以後的Keyframe殺掉即可 :D

  18. 18 stephenzan14 Nov 2008

    非常完美。。。。。非常伟大。。。。。

  19. 19 ck23 Nov 2008

    很久没有上来了 十分感谢 NOISE 这么系统的讲解。。。呵呵期待更精彩的教程!继续努力!

  20. 20 Noise28 Nov 2008

    謝謝你們的鼓勵 :D

  21. 21 nt_gyp19 Jul 2009

    Noise您好,很喜欢你们的教程,真的做的很用心。敬一个!!!
    在看你们的教程的过程中,发现你们的图片都很清楚。大小适中。想问一下,用的是什么截图软件,经过处理了吗?我用软件截屏后作教程时,图片缩小后,就不清楚了。。能帮我解答一下吗?万分感激!!!

Leave a Reply