作者：
觀看教學影片
步驟 1：建立 Color Matte
在 Project 面板中按一下 New Item，然後選擇 Color Matte。按一下 OK，在 Color Picker 中選擇側邊欄的背景顏色（範例使用白色），再按一次 OK。接著在命名對話框中也按一下 OK。
用 Mako 一鍵完成：免費的 Mako 面板能一鍵在選取的片段上方、播放磁頭位置、第一個空白軌道加入色彩遮罩。免費取得 Mako
步驟 2：放置並調整遮罩位置
將 Color Matte 拖曳到影片上方的軌道並保持選取。開啟 Effect Controls，調整遮罩的 Position，讓畫面左側或右側只露出一條窄帶。這條窄帶就是你的側邊欄。
步驟 3：加入文字並設定樣式
使用 Type Tool 加入標題與內文，並依喜好設定樣式，讓它們整齊地放進側邊欄。製作動畫之前，請拖曳文字圖層的結尾對齊，讓它的長度與 Color Matte 一致。
步驟 4：全部巢狀處理在一起
選取文字、Color Matte，以及你為側邊欄建立的其他圖層。在其中一個上按一下滑鼠右鍵，選擇 Nest，然後按一下 OK。巢狀處理會把側邊欄變成單一片段，讓你一次移動全部內容。
步驟 5：製作側邊欄滑入動畫
開啟 Effects 面板，搜尋 Transform，並將 Transform 效果套用到巢狀圖層。選取該圖層後開啟 Effect Controls，確認播放磁頭位於片段開頭。在 Transform 底下，按一下 Position 旁的碼表來建立關鍵影格。
因為你希望側邊欄最後停在目前的位置，請在時間軸上把這個關鍵影格稍微往後移。然後回到最開頭，調整 Position，讓側邊欄位於畫面之外。播放時，側邊欄就會滑入。
步驟 6：製作側邊欄滑出動畫
將播放磁頭移到側邊欄應該開始離開畫面的位置。以目前的數值建立一個位置關鍵影格，再前進到它應該完全隱藏的位置，並再次調整 Position，把它推到畫面之外。現在你已經有滑入與滑出兩段動畫。
步驟 7：讓動作更平滑
選取所有關鍵影格，按一下滑鼠右鍵，選擇 Temporal Interpolation 再選擇 Ease In，然後重複一次並選擇 Ease Out。側邊欄現在會平順地加速與減速。
用 EaseFlow 更滑順：選取關鍵影格後，一鍵套用真正的緩動曲線，不必再拖曳貝茲控制點。認識 EaseFlow
想要更精緻，可以在 Transform 效果中向下捲動，將 Shutter Angle 設為 360 來加入動態模糊。接著展開 Position 旁的箭頭，按一下關鍵影格顯示藍色控制點，並拖曳它們調整速度圖表，直到動作看起來順眼為止。
小技巧
- 配合你的品牌。遮罩使用品牌色，字型也與影片其他部分保持一致。
- 停留時間要短。側邊欄停留太久，會和你的畫面搶焦點。
- 重複使用。把巢狀側邊欄複製到時間軸的其他位置，再編輯裡面的文字即可。
FAQ
為什麼製作動畫前要先巢狀處理圖層？
巢狀處理會把遮罩與文字合併成單一片段，所以只要一組位置關鍵影格，就能同時移動全部內容。
如何讓側邊欄從右側滑入？
在步驟 2 把遮罩放在右側邊緣，然後讓動畫從畫面右側之外的位置開始。
如何為動畫加入動態模糊？
在 Transform 效果中，將 Shutter Angle 設為 360。
想要現成的動態版面嗎？歡迎瀏覽動態圖形範本。
