After Effect 練習 – 圖層動畫:Transform > Position

利用圖層的Transform屬性就可以做出簡單的動畫
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-57-22

首先開啟一個新的Composition影片長度設定為00;00;05;00(5秒)
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-39-40

置入所有素材

Project面板 > 右鍵 > Import > Multiple Files
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-40-27
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-40-58
利用文字工具加入需要用的文字素材
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-41-33
調整文字樣式
控制列 > Windows > Character面板
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-43-20
可以利用對齊面板調整素材在畫面上的位置
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-44-47
將所有素材都放在時間軸並調整圖層順序
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-43-02

開始製作動畫

將播放軸%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%883-58-25停在0秒的位置
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-45-01
把監視畫面比例調整小一點可以看到影片以外的範圍
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-45-17
在0秒的時候把所有素材排列在動畫開始前的位置
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-46-08
時間軸面板 > 開啟圖層的Transform屬性,針對要做動畫的屬性點下計時器%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-06-50
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-46-45
將播放軸移到動畫結束的時間點
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-47-33
可以利用監視畫面直接調整素材的位置,調整完可以看到時間中上會自動增加”關鍵影格”
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-47-23
依照一樣的方式調整好所有圖層的動態
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-48-57
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-49-26
可以利用Preview預覽播放器來預覽動畫效果
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-49-38

輸出影片

控制列 > Composition > Add to Render Queue
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-50-01
Output Module: 設定輸出的影片格式
Output To: 選取影片儲存的位置
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-50-38
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-52-35
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-53-03
按下[Render]鈕開始輸出影片
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-53-30
以下附上完成的動畫

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *