•基本功，動作的基本觀念
•講解Timeline面板前要先懂的部分
Download Project |
Keyframe在AE裡確實是個讓很多人頭大的問題，Keyframe的內容很多，也很複雜，但是了解keyframe之前，我想先講一下「基本的 動畫觀念」，先了解基本的動畫觀念以後，再看下一次發佈的Timeline Keyframe教學就會更容易學習了。
準備素材
隨你高興拿甚麼圖來用～ 或是用這篇範例檔裡的圖也可以。
Step1：基本動作
Keyframe動畫裡最最基本的製作觀念就是：讓物體從「A」移動到「B」。而這個「A、B」就是Keyframe。
1．將zebra.tif拉到Timeline面板，選取「zebra.tif」Layer層，
2．按「P」打開Position控制項，點擊Stopwatch符號（圖例）以設定keyframe。
3．第1格畫面將圖移到右下角（圖例）第60格畫面將圖移到左下角（圖例）
4．按空白鍵預覽，圖片從右下角（A點）移動到了左下角（B點），這就是最基本的Keyframe動畫。
Step2：『Auto Bezier』
接下來，我們在第30格的位置再加上一個動作，讓路徑變成：從「A」移動到「B」再移動到「C」。
1．時間移到第30格，將圖片往上移動，這時會產生新的Keyframe（圖例）
2．點選「zebra.tif」Layer層的Position全選所有的Keyframe，你可以看到圖片在路徑上的走法。（圖例）
3．路徑上的每一個Keyframe都會有前後兩個控制點，但是頭尾的Keyframe只會有一個控制點。（圖例）
4．通常，我們做完動作之後，AE就會自動幫我們把路徑變順暢，這時候的控制點叫做『Auto Bezier』，這就是頂頂大名的『貝茲曲線』。
5．關於『貝茲曲線』的知識，請上網搜尋就好了，有很多相關教學可以參考，而且幾乎所有的繪圖軟體都會用到貝茲曲線，這是很基本的繪圖知識，請不懂的人多多善用Google查詢。
Step3：『Continuous Bezier』
1．接著，我們來調整一下貝茲曲線的控制點吧。
2．貝茲曲線的控制基本上是前後影響的，所以稱之為Continuous Bezier，但是這個名稱不用記，沒啥意義啦～
3．下面的視頻，就是預設貝茲曲線的控制調整方式。（圖例）
Step4：『Bezier』
1．這一部分，貝茲前面沒加任何字眼來限制他了，所以貝茲現在是「自由」的了，可以隨便亂調。
2．按著『Option（Alt）鍵』調整貝茲曲線的某一點，調整完後放開『Option（Alt）鍵』，繼續調整其他點。
3．下面的視頻，就是任意調整貝茲曲線的方式。（圖例）
Step5：『Liner』
1．線性路徑，就是直直走～，沒有曲線的走法。
2．按住『Option+Command（Alt+Ctrl）』，游標移到Keyframe點上會變成這個符號
3．下面的視頻，就是調整貝茲曲線為直線 的方式。
Step6：『Liner＋Bezier』
1．已經變成Liner狀態的Keyframe點，按住『Option+Command（Alt+Ctrl）』輕輕點一下放開，他又會變回Auto Bezier的狀態。（圖例）
2．已經變成Liner狀態的Keyframe點，按住『Option+Command（Alt+Ctrl）』輕輕點一下不放開，他會變成一邊是Liner狀態，另一邊是 Bezier的狀態。（圖例）
3．按住『Option+Command（Alt+Ctrl）』在路徑的任何一個位置上點擊，會在該處新增一個Keyframe。
4．下面的視頻，就是調整貝茲曲線為直線+貝茲曲線的方式。
後記：
1． 基本的Keyframe動畫差不多就是這樣，用位移來講解比較容易理解 ，當然，透明度、軸心、縮放、旋轉等等等等，甚至plugin裡的某個效果裡的某個小參數，只要這個參數前面有「Stopwatch小碼表」圖案的話，通 通都可以做成Keyframe動畫，所以了解最基本的觀念後，再去深入了解其他部分，這樣循序漸進的學習才會是有成效的。
2．下一篇要開始講解Timeline面板中的keyframe了，這個部分不好講也不好學，所以有可能一篇講不完，或許會到2-3篇吧，寫了才知道，讓我們一起進步吧～～～
如果對這篇教學有興趣，可以下載範例檔案來練習，有任何使用上的問題，歡迎留言討論
沙發自己搶來坐～
先說明：這一篇發佈的很倉促，沒有時間仔細重新檢查內容是不是有錯誤，所以如果發現有那裡不對的話，麻煩請通知我一聲，謝謝各位啦～
看您的这些教程，受益不少，谢谢您！
翘首盼望中，Timeline面板中的keyframe确实是最难理解又很难找到教程的部分，非常感谢
感謝兩位這麼快就有回應，真開心～
来晚了~~~~~~~
感谢您的教程，常来看。
你是中国人吗？
是啊 不然怎麼會用中文寫教程？
好久沒有上來留言了
其實我每篇都有上來學習拜訪
這真的是一個很詳細的AE教學網站
真的對我這自學的人來說非常受用
謝謝溜
好贴留名 希望能继续出更多更好得教程谢谢了！
感謝各位的支持～～
新教學一定會一直持續推出的～
无意中进来看看 很不错想必站长也是高手，争取和videocopilot一并高下 呵呵~~
謝謝鼓勵啊～ 要拼就是得和最厲害的拼啊 XD
step6.1及 step6.2的圖例無法存取
很好的教程，谢谢