第八課：用時(shí)間軸制作動(dòng)畫

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

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

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

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

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

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

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

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

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

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