第八課:用時間軸制作動畫
現(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)頁、手機等不同媒體的動畫。
學(xué)習(xí) · 提示
相關(guān)教程