PhotoshopCS3教程:時間軸動畫實例

Photoshop CS3教程:時間軸制作動畫
　　現在我們正式開始利用時間軸來制作動畫，這與我們之前的幀式動畫有很大不同，但相比之下時間軸方式來的更直觀和簡便，也是我們以后最主要的制作方式。
　　接著上一課的內容，開始設定“悄然來去”的動畫。在時間軸調板中展開這個文字層的動畫項目，如下圖所示。確保當前時間為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已經將動畫的具體內容存儲到系統緩存中，可提高再次播放時的速度。但如果對動畫作出了修改，則渲染緩沖將被清空。我們現在所制作的動畫都比較簡單，所以緩沖與否都一個樣，但如果以后大家制作一些較為復雜的動畫，尤其是動畫中有多個圖像互相混合時，緩沖的區別才會體現出來。
　　這節課中我們學習了時間軸方式制作動畫的主要方式，與早先所學的幀過渡方式相比，時間軸方式不僅制作速度快，且修改極為便利。從今以后我們將以此方式制作絕大多數的動畫作品。到這里我們已經講解完了動畫制作的基礎知識，接下去的課程將講解一些更高級的技巧，以及如何制作適用于網頁、手機等不同媒體的動畫。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com