透過前面的課程，我們已經學會了利用關鍵影格過渡，以及利用獨立圖層這兩種製作動畫的方式。它們可以用來製作一些簡單的單物體動畫，在很長一段時間內也是Photoshop唯一的動畫製作方式。今天我們要學習一種新的利用時間軸製作動畫的方式。時間軸方式廣泛運用在許多影視製作軟體中，如Premiere、AfterEffects等，包括Flash也是採用這種方式。
關鍵影格過渡動畫中還有許多操作我們沒有提及，這是由於它們與時間軸方式並無關係，而時間軸將是我們今後製作動畫的主要方式，因此予以略過。
為統一素材，請點擊此處下載素材文件，並解壓縮出PSD文件，在Photoshop中開啟，這是一個沒有幀設定的文件(大家也可以利用自己製作的代替)。如下圖所示。由於使用了文字圖層，開啟後可能會因為字體缺失而出現替換選項，選擇用預設字體替換即可，預設字體雖然不夠漂亮，但教學性是一樣的。
PSD檔案中包含3個圖層(背景圖層不算)，其中兩個是文字圖層，一個是向量形狀圖層。如果不知向量形狀圖層為何物，表示基礎部分沒有掌握好。
點擊動畫調板右下角的
按鈕，即可切換到時間軸方式，如下圖所示。細心的讀者會注意到調板的名稱變成了“動畫(時間軸)”，而之前的則是“動畫(幀)”。右下角的按鈕變成了
，點擊將會切換到原先的畫面方式。
需要注意的是，這兩種方式是互不相容的，因此不要在製作過程中切換。如果誤切換了，可以使用撤銷指令〖CTRL+ALT+Z〗來挽回。
在時間軸中我們看到了類似圖層調板中的圖層名字，其高低位置也與圖層調板相同。點選圖層左方的箭頭標誌就會展開該圖層所有的動畫項目，也就是能製作為動畫的元素。在不同性質的圖層中，其動畫項目也不相同。所謂不同性質就是指如普通圖層、有蒙版的普通圖層、文字圖層、調整圖層等，這些都屬於不同性質的圖層。如下左圖所示分別是「去留無意」文字圖層與「形狀1」向量形狀圖層展開後的動畫項目。其共有的是位置、不透明度、樣式。不同的是文字層多了一個「文字變形」項目，而向量形狀層多了兩個與蒙版有關的項目。
動畫的製作不能超出圖層本身的動畫項目，例如不能對形狀圖層進行「文字變形」。但有些動畫項目可以後期再添加，例如對文字層添加蒙版後，就令其具備了蒙版的動畫項目。
在調板左上方有一組數字0:00:00:00，這是目前的時間碼，從右端起分別是毫秒、秒、分鐘、小時。一般也就用到秒這級。時間碼後面還有一個30.00fps，這個就是幀率，表示每秒多少幀。一般取值為整數，在影視編輯方面才會用到小數幀率。
點擊動畫調板右上角的按鈕後選擇“文件設定”，就會出現如下右圖所示的時間軸設定。在其中可以指定動畫總時長和幀速率。依照預設的設置，是總長10秒，每秒30幀，這樣總幀數就是300幀，對於網頁動畫來說這是一個相當大的數值了，製作出來會佔用很大的字節數，不利於網路的傳輸。現在我們將持續時間改為5秒，幀速率改為5fps。確認後就會在動畫調板中看到新的幀速率指示。
如下圖所示，將動畫調板橫向拉大一些，就會看到01:00、02:00這樣的時間標誌，單位為秒。時間軸的最右端正是剛才所設定的5秒總時長。將紅色箭頭所指出的滑桿向右方拖動，就能放大時間軸的細節，紅框區域內就是放大後的時間軸。可以看到在秒之間有了01f、02f這樣的標誌，這就是幀。我們剛才的設定是5fps，所以每兩秒之間都有5個幀。雖然我們只看到最大04f，但要知道05f其實就是跟01:00重合在一起的。因此被表達為01:00f，意思是該處既是第一秒，也是一個幀。
注意在兩個橘色箭頭之間有一條不太顯眼的細線，這是渲染緩衝指示，其他影視編輯軟體也都有這個指示，不過在Photoshop中它的作用並不是很重要，在後面的課程中會提到。