現在我們正式開始利用時間軸來製作動畫，這與我們之前的幀式動畫有很大不同，但相比之下時間軸方式來的更直觀和簡便，也是我們以後最主要的製作方式。
接著上一課的內容，開始設定「悄悄來去」的動畫。在時間軸調板中展開這個文字圖層的動畫項目，如下圖。確保目前時間為0:00:00:00，同時注意紅色箭頭處的時間標竿應位於最左端，這表示是處在起始時刻。
接著用移動工具將「悄悄來去」移到畫面的右端。然後在點擊橙色箭頭處的秒錶按鈕
，這表示啟動了「位置」這一動畫項目，並且將目前該文字圖層的位置(畫面最右端)記錄在起始時刻。時間軸區域中出現的黃色菱形就是該處包含記錄的標誌，這也稱為關鍵幀，是時間軸的關鍵幀，與我們以前學習的過渡幀動畫不同。
將時間標竿拉到最右邊，使用移動工具將文字移動到畫面最左端，這時會看到時間軸上的標竿處自動產生了一個關鍵影格。如下圖所示，並且注意在紅色箭頭處有一個菱形的“刪除/添加”按鈕
，此時如果按下按鈕，將會刪除時間標竿處已建立的關鍵影格。如果標竿處沒有關鍵幀，點擊則可建立一個新幀。
要注意的是，在這裡我們的時間標竿往右最多只能拉到04:04時刻處，而不是05:00。這是因為05:00是動畫最終結束的時刻，是「最後一幀結束時」的時刻，但我們現在需要設定的是「最後一幀開始時」的狀態，而最後一幀本身將停留一段時間。所以標竿並不會位於05:00時刻。要記住幀是最小的單位。
透過以上的設定我們完成了「悄悄來去」文字的位置移動設定。接著來設定其透明度變化。我們先弄個簡單的，就是從開始時淡入，進行到一半時完全顯現，然後淡出直到結束。這樣就需要3個關鍵影格進行設定，在開始時刻設定為0%，一半時設定為100%，結束時再設為0%即可完成。大致如下圖。注意在時間軸方式下不能透過隱藏圖層來實現透明度變化。
當我們在第一步驟中將關鍵影格1設為0%後，如果向後拉動時間標桿，會發現在所有時間內透明度都是0%。在第二步驟設定關鍵影格2後，會發現12之間已有轉場效果，但關鍵影格2之後直到結束時，文字都總是顯示。這就帶出時間軸一個很重要的性質：某個時刻的關鍵影格設定會影響該時刻之後的所有時間。因此關鍵影格1的設定導致了之後所有時間內(12之間、23之間)文字圖層全程都是0%。而當關鍵影格2設定後，既在12之間形成了過渡，也導致了23之間變成了全程100%。直到關鍵影格3設定完成，23之間形成轉場。
在設定的順序上，並不需要完全遵從上述的順序。 「悄悄來去」本來就是100%的狀態，這樣我們可以先在一半時刻建立關鍵幀，而並不需要設定不透明度，因為此時就應該設為100%。然後再在開始和結束時刻建立關鍵影格並調整為0%。
撤銷之前的設定，依照新順序來進行，也就是從1、2、3的順序改為2、1、3。由於開始和結束時刻(1與2)的不透明度是相同的，因此我們可以透過拷貝貼上關鍵影格的方法來完成。首先建立這兩個關鍵幀，設定好開始時刻後，在時間軸中該關鍵幀的標誌
上點擊右鍵，選擇“拷貝關鍵影格”，然後在結束時刻的標誌上點擊右鍵選擇“貼上關鍵影格”，這樣就將前者的設定複製到了後者之中。順序也可以相反。這種方法可以在所有已存在的關鍵影格之間進行操作。
回憶早先在學習過渡幀式動畫製作時所說的淡入和淡出，就會知道現在這個3幀設定的效果並不是最理想的，應當將淡入和淡出的過程縮短，以便讓文字在移動過程中大部分時候保持完全的顯現。現在我們就在之前的3幀基礎上修改。
大家可能會想在原有的幀2前後再新增兩個幀，如下圖上方所示。其實只要按照下方所示移動原幀2，然後新增一個幀即可。其設定可由原幀2拷貝而來。這樣我們就完成了淡入淡出的修改。
從以上操作我們可以總結出時間軸式動畫的一個基本特性，那就是將各個動畫項目獨立出來，對其中一個項目的修改並不會影響其他項目。例如我們在修改「透明度」的時候就不需要去考慮早先設定好的「位置」。另外就是各項目的關鍵影格設定允許不相同，不必為了統一關鍵影格數量再花費心思。
關於新增關鍵影格有一個需要注意的問題，那就是自動新增和手動新增的差異。當點擊某個項目的秒錶按鈕後，該專案就會在時間標竿建立一個關鍵幀，並自動追蹤該項目在其他時間範圍中的變化。這就意味著如果將時間標竿移動到一個新位置，並對圖層的該項目上做出了更改後，將會自動在當時標竿處建立一個新幀。如果未做任何更改又想建立關鍵幀，就需要手動點擊秒錶按鈕左邊的按鈕(注意在已有幀處點選將刪除該幀)。點擊前一幀
和後一幀按鈕則可在各關鍵影格之間跳轉。也可以直接在關鍵影格上點選右鍵選擇刪除該畫面。
一般來說，我們都是在動畫起始時刻點擊秒錶按鈕建立第一個關鍵幀，然後將標竿移動到適當的時刻，對圖層做出相應改變，獲得新的自動關鍵幀。周而復始完成整個設定過程。相對而言，手動建立幀的機會並不多，因為都是為了設定，效果與自動增加的幀區別不大。後面的課程中講解製作加速和減速效果時會用到手動新增幀。
除了單一項目以外，也可以同時設定多個動畫項目，它們都會被自動追蹤。現在我們將時間標竿移到起始時刻，如下圖所示，啟動「去留無意」和「形狀1」對應的動畫項目，然後拉動時間標竿到不同時刻，相應改變位置和不透明度等。有改變的地方就會留下一個幀標誌。
需要注意的是，由於「形狀1」是向量蒙版圖層，因此要記錄其位置移動必須使用「向量蒙版位置」項目，而不是「位置」。
另外要提到的就是在上課時所講到的渲染緩衝指示，大家可能已經發現了，在播放以及拉動時間標竿時，相應區域的渲染緩衝指示就會被填滿，這表示Photoshop已經將動畫的具體內容儲存到系統快取中，可提高再次播放時的速度。但如果對動畫作出了修改，則渲染緩衝將被清空。我們現在所製作的動畫都比較簡單，所以緩衝與否都一個樣，但如果以後大家製作一些較為複雜的動畫，尤其是動畫中有多個圖像互相混合時，緩衝的區別才會體現出來。
這堂課中我們學習了時間軸方式製作動畫的主要方式，與早先所學的幀過渡方式相比，時間軸方式不僅製作速度快，且修改極為便利。從今以後我們將以此方式製作絕大多數的動畫作品。到這裡我們已經講解完了動畫製作的基礎知識，接下去的課程將講解一些更高級的技巧，以及如何製作適用於網頁、手機等不同媒體的動畫。
下節我們介紹如何利用圖層樣式來製作動畫。