第八課：用時間軸制作動畫

現(xiàn)在我們正式開始利用時間軸來制作動畫，這與我們之前的幀式動畫有很大不同，但相比之下時間軸方式來的更直觀和簡便，也是我們以后最主要的制作方式。

接著上一課的內(nèi)容，開始設(shè)定“悄然來去”的動畫。在時間軸調(diào)板中展開這個文字層的動畫項目，如下圖所示。確保當(dāng)前時間為0:00:00:00，同時注意紅色箭頭處的時間標(biāo)桿應(yīng)位于最左端，這就表示是處在起始時刻。接著用移動工具將“悄然來去”移動到畫面的右端。然后在點擊橙色箭頭處的秒表按鈕，這表示啟動了“位置”這一動畫項目，并且將目前該文字層的位置(畫面最右端)記錄在起始時刻。時間軸區(qū)域中出現(xiàn)的黃色菱形就是該處包含記錄的標(biāo)志，這也稱為關(guān)鍵幀，是時間軸的關(guān)鍵幀，與我們以前學(xué)習(xí)的過渡幀動畫不同。

將時間標(biāo)桿拉到最右邊，使用移動工具將文字移動到畫面最左端，這時會看到時間軸上的標(biāo)桿處自動產(chǎn)生了一個關(guān)鍵幀。如下圖所示，并且注意在紅色箭頭處有一個菱形的“刪除/添加”按鈕，此時如果按下該按鈕，將會刪除時間標(biāo)桿處已建立的關(guān)鍵幀。如果標(biāo)桿處沒有關(guān)鍵幀，點擊則可建立一個新幀。需要注意的是，在這里我們的時間標(biāo)桿往右最多只能拉動到04:04時刻處，而不是05:00。這是因為05:00是動畫最終結(jié)束的時刻，是“最后一幀結(jié)束時”的時刻，但我們現(xiàn)在需要設(shè)定的是“最后一幀開始時”的狀態(tài)，而最后一幀本身將停留一段時間。所以標(biāo)桿并不會位于05:00時刻。要記住幀是最小的單位 。

通過以上的設(shè)定我們完成了“悄然來去”文字的位置移動設(shè)定。接著來設(shè)定其透明度變化。我們先弄個簡單的，就是從開始時淡入，進行到一半時完全顯現(xiàn)，然后淡出直到結(jié)束。這樣就需要3個關(guān)鍵幀進行設(shè)定，在開始時刻設(shè)定為0%，一半時設(shè)定為100%，結(jié)束時再設(shè)為0%即可完成。大致如下圖所示。注意在時間軸方式下不能通過隱藏圖層實現(xiàn)透明度變化。當(dāng)我們在第一步中將關(guān)鍵幀1設(shè)為0%后，如果向后拉動時間標(biāo)桿，會發(fā)現(xiàn)在所有時間內(nèi)透明度都是0%。在第二步中設(shè)定關(guān)鍵幀2后，會發(fā)現(xiàn)12之間已有過渡效果，但關(guān)鍵幀2之后直到結(jié)束時，文字都始終顯示。這就帶出時間軸一個很重要的性質(zhì)：某個時刻的關(guān)鍵幀設(shè)定會影響該時刻之后的所有時間。因此關(guān)鍵幀1的設(shè)定導(dǎo)致了之后所有時間內(nèi)(12之間、23之間)文字圖層全程都是0%。而當(dāng)關(guān)鍵幀2設(shè)定后，既在12之間形成了過渡，也導(dǎo)致了23之間變?yōu)榱巳?00%。直到關(guān)鍵幀3設(shè)定完成，23之間形成過渡。

在設(shè)定的順序上，并不需要完全遵從上述的順序。“悄然來去”本來就是100%的狀態(tài)，這樣我們可以先在一半時刻建立關(guān)鍵幀，而并不需要設(shè)定不透明度，因為此時就應(yīng)該設(shè)為100%。然后再在開始和結(jié)束時刻建立關(guān)鍵幀并調(diào)整為0%。撤銷之前的設(shè)定，按照新順序來進行，也就是從1、2、3的順序改為2、1、3。由于開始和結(jié)束時刻(1與2)的不透明度是相同的，因此我們可以通過拷貝粘貼關(guān)鍵幀的方法來完成。首先建立這兩個關(guān)鍵幀，設(shè)定好開始時刻后，在時間軸中該關(guān)鍵幀的標(biāo)志上點擊右鍵，選擇“拷貝關(guān)鍵幀”，然后在結(jié)束時刻的標(biāo)志上點擊右鍵選擇“粘貼關(guān)鍵幀”，這樣就將前者的設(shè)定復(fù)制到了后者之中。順序也可以相反。這種方法可以在所有已存在的關(guān)鍵幀之間進行操作。

回憶早先在學(xué)習(xí)過渡幀式動畫制作時所說的淡入和淡出，就會知道現(xiàn)在這個3幀設(shè)定的效果并不是最理想的，應(yīng)當(dāng)將淡入和淡出的過程縮短，以便讓文字在移動過程中大部分時候保持完全的顯現(xiàn)?，F(xiàn)在我們就在之前的3幀基礎(chǔ)上修改。大家可能會想在原有的幀2前后再新增兩個幀，如下圖上方所示。其實只需按照下方所示移動原幀2，然后新增一個幀即可。其設(shè)定可由原幀2拷貝而來。這樣我們就完成了淡入淡出的修改。

從以上操作我們可以總結(jié)出時間軸式動畫的一個基本特性，那就是將各個動畫項目獨立出來，對其中一個項目的修改并不會影響其他項目。比如我們在修改“透明度”的時候就不需要去考慮早先設(shè)定好的“位置”。另外就是各項目的關(guān)鍵幀設(shè)定允許不相同，不必為了統(tǒng)一關(guān)鍵幀數(shù)量再花費心思。關(guān)于新增關(guān)鍵幀有一個需要注意的問題，那就是自動添加和手動添加的區(qū)別。當(dāng)點擊某個項目的秒表按鈕后，該項目就會在時間標(biāo)桿處建立一個關(guān)鍵幀，并自動跟蹤該項目在其他時間范圍中的變化。這就意味著如果將時間標(biāo)桿移動到一個新位置，并對圖層的該項目上做出了更改后，將會自動在當(dāng)時標(biāo)桿處建立一個新幀。如果未做任何更改又想建立關(guān)鍵幀，就需要手動點擊秒表按鈕左邊的按鈕(注意在已有幀處點擊將刪除該幀)。點擊前一幀和后一幀按鈕則可在各關(guān)鍵幀之間跳轉(zhuǎn)。也可以直接在關(guān)鍵幀上點擊右鍵選擇刪除該幀。一般來說，我們都是在動畫起始時刻點擊秒表按鈕建立第一個關(guān)鍵幀，然后將標(biāo)桿移動到適當(dāng)?shù)臅r刻，對圖層做出相應(yīng)改變，獲得新的自動關(guān)鍵幀。周而復(fù)始完成整個設(shè)定過程。相對而言，手動建立幀的機會并不多，因為都是為了設(shè)定，效果與自動增加的幀區(qū)別不大。后面的課程中講解制作加速和減速效果時會用到手動新增幀。

除了單個項目以外，也可以同時設(shè)定多個動畫項目，它們都會被自動跟蹤?，F(xiàn)在我們將時間標(biāo)桿移動到起始時刻，如下圖所示，啟動“去留無意”和“形狀1”相應(yīng)的動畫項目，然后拉動時間標(biāo)桿到不同時刻，相應(yīng)改變位置和不透明度等。有改變的地方就會留下幀標(biāo)志。需要注意的是，由于“形狀1”是矢量蒙版圖層，因此要記錄其位置移動必須使用“矢量蒙版位置”項目，而不是“位置”。

另外要提到的就是在上節(jié)課中所講到的渲染緩沖指示，大家可能已經(jīng)發(fā)現(xiàn)了，在播放以及拉動時間標(biāo)桿時，相應(yīng)區(qū)域的渲染緩沖指示就會被填滿，這表示Photoshop已經(jīng)將動畫的具體內(nèi)容存儲到系統(tǒng)緩存中，可提高再次播放時的速度。但如果對動畫作出了修改，則渲染緩沖將被清空。我們現(xiàn)在所制作的動畫都比較簡單，所以緩沖與否都一個樣，但如果以后大家制作一些較為復(fù)雜的動畫，尤其是動畫中有多個圖像互相混合時，緩沖的區(qū)別才會體現(xiàn)出來。

這節(jié)課中我們學(xué)習(xí)了時間軸方式制作動畫的主要方式，與早先所學(xué)的幀過渡方式相比，時間軸方式不僅制作速度快，且修改極為便利。從今以后我們將以此方式制作絕大多數(shù)的動畫作品。到這里我們已經(jīng)講解完了動畫制作的基礎(chǔ)知識，接下去的課程將講解一些更高級的技巧，以及如何制作適用于網(wǎng)頁、手機等不同媒體的動畫。