通過前面的課程，我們已經(jīng)學(xué)會了利用關(guān)鍵幀過渡，以及利用獨立圖層這兩種制作動畫的方式。它們可以用來制作一些簡單的單物體動畫，在很長一段時間內(nèi)也是Photoshop唯一的動畫制作方式。今天我們要學(xué)習(xí)一種新的利用時間軸制作動畫的方式。時間軸方式廣泛運用在許多影視制作軟件中，如Premiere、AfterEffects等，包括Flash也是采用這種方式。
　　關(guān)鍵幀過渡動畫中還有許多操作我們沒有提及，這是由于它們與時間軸方式并無關(guān)系，而時間軸將是我們今后制作動畫的主要方式，因此予以略過。
　　為統(tǒng)一素材，請點擊此處下載素材文件，并解壓出PSD文件，在Photoshop中開啟，這是一個沒有幀設(shè)定的文件(大家也可以利用自己制作的代替)。如下圖所示。由于使用了文字圖層，可能在開啟后會由于字體缺失而出現(xiàn)替換選項，選擇用默認(rèn)字體替換即可，默認(rèn)字體雖然不夠漂亮，但教學(xué)性是一樣的。
　　 PSD文件中包含3個圖層(背景層不算)，其中兩個是文字層，一個是矢量形狀層。如果不知矢量形狀圖層為何物，說明基礎(chǔ)部分沒有掌握好。
　　
　　點擊動畫調(diào)板右下角的按鈕，即可切換到時間軸方式，如下圖所示。細(xì)心的讀者會注意到調(diào)板的名稱變?yōu)榱?ldquo;動畫(時間軸)”，而之前的是“動畫(幀)”。右下角的按鈕變?yōu)榱?img height="13" alt="" width="23" border="0" src="http://img.jbzj.com/file_images/photoshop/200810511504485977803.jpg" />，點擊將會切換到原先的幀方式。
　　需要注意的是，這兩種方式是互不兼容的，因此不要在制作過程中進(jìn)行切換。如果誤切換了，可以使用撤銷命令〖CTRL ALT Z〗挽回。
　　
　　在時間軸中我們看到了類似圖層調(diào)板中的圖層名字，其高低位置也與圖層調(diào)板相同。點擊圖層左方的箭頭標(biāo)志就會展開該圖層所有的動畫項目，也就是能制作為動畫的要素。在不同性質(zhì)的圖層中，其動畫項目也不相同。所謂不同性質(zhì)就是指如普通圖層、帶蒙版的普通圖層、文字圖層、調(diào)整圖層等，這些都屬于不同性質(zhì)的圖層。如下左圖所示分別是“去留無意”文字層與“形狀1”矢量形狀層展開后的動畫項目。其共有的是位置、不透明度、樣式。不同的是文字層多了一個“文字變形”項目，而矢量形狀層多了兩個與蒙版有關(guān)的項目。

　　動畫的制作不能超出圖層自身的動畫項目，比如不能對形狀層進(jìn)行“文字變形”。但有些動畫項目可以后期再添加，如對文字層添加蒙版后，就令其具備了蒙版的動畫項目。
　　在調(diào)板左上方有一組數(shù)字0:00:00:00，這是當(dāng)前的時間碼，從右端起分別是毫秒、秒、分鐘、小時。一般也就用到秒這級。時間碼后面還有一個30.00fps，這個就是幀速率，表示每秒多少幀。一般取值為整數(shù)，在影視編輯方面才會用到小數(shù)幀率。
　　點擊動畫調(diào)板右上角的按鈕后選擇“文檔設(shè)定”，就會出現(xiàn)如下右圖所示的時間軸設(shè)定。在其中可以指定動畫總時長和幀速率。按照默認(rèn)的設(shè)置，是總長10秒，每秒30幀，這樣總幀數(shù)就是300幀，對于網(wǎng)頁動畫來說這是一個相當(dāng)大的數(shù)值了，制作出來會占用很大的字節(jié)數(shù)，不利于網(wǎng)絡(luò)的傳輸?，F(xiàn)在我們將持續(xù)時間改為5秒，幀速率改為5fps。確認(rèn)后就會在動畫調(diào)板中看到新的幀速率指示。
　　　
　
　　
　　如下圖所示，將動畫調(diào)板橫向拉大一些，就會看到01:00、02:00這樣的時間標(biāo)志，單位為秒。時間軸的最右端正是剛才所設(shè)定的5秒總時長。將紅色箭頭所指出的滑桿向右方拖動，就能放大時間軸的細(xì)節(jié)，紅框區(qū)域內(nèi)就是放大后的時間軸?？梢钥吹皆诿胫g有了01f、02f這樣的標(biāo)志，這就是幀。我們剛才的設(shè)定是5fps，所以每兩秒之間都有5個幀。雖然我們只看到最大04f，但要知道05f其實就是和01:00重合在一起的。因此被表達(dá)為01:00f，意思就是該處既是第一秒，也是一個幀。
　　注意在兩個橙色箭頭之間有一條不太顯眼的細(xì)線，這是渲染緩沖指示，其他影視編輯軟件也都有這個指示，不過在Photoshop中它的作用并不是很重要，在后面的課程中會提到。
　　
　　下節(jié)我們就用時間軸來制作具體的動畫實例。

最新評論