| 導購 | 订阅 | 在线投稿
分享
 
 
 

Photoshop CS3制作平面動畫:初識時間軸

來源:互聯網  2008-06-01 02:14:57  評論

通過前面的課程,我們已經學會了利用關鍵幀過渡,以及利用獨立圖層這兩種制作動畫的方式。它們可以用來制作一些簡單的單物體動畫,在很長一段時間內也是photoshop唯一的動畫制作方式。今天我們要學習一種新的利用時間軸制作動畫的方式。時間軸方式廣泛運用在許多影視制作軟件中,如PRemiere、AfterEffects等,包括Flash也是采用這種方式。

關鍵幀過渡動畫中還有許多操作我們沒有提及,這是由于它們與時間軸方式並無關系,而時間軸將是我們今後制作動畫的主要方式,因此予以略過。

爲統一素材,請點擊此處下載素材文件,並解壓出PSD文件,在Photoshop中開啓,這是一個沒有幀設定的文件(大家也可以利用自己制作的代替)。如下圖所示。由于使用了文字圖層,可能在開啓後會由于字體缺失而出現替換選項,選擇用默認字體替換即可,默認字體雖然不夠漂亮,但教學性是一樣的。

PSD文件中包含3個圖層(背景層不算),其中兩個是文字層,一個是矢量形狀層。如果不知矢量形狀圖層爲何物,說明基礎部分沒有掌握好。

Photoshop CS3制作平面動畫:初識時間軸

點擊動畫調板右下角的

Photoshop CS3制作平面動畫:初識時間軸
按鈕,即可切換到時間軸方式,如下圖所示。細心的讀者會注意到調板的名稱變爲了「動畫(時間軸)」,而之前的是「動畫(幀)」。右下角的按鈕變爲了
Photoshop CS3制作平面動畫:初識時間軸
,點擊將會切換到原先的幀方式。

需要注意的是,這兩種方式是互不兼容的,因此不要在制作過程中進行切換。如果誤切換了,可以使用撤銷命令〖CTRL+ALT+Z〗挽回。

Photoshop CS3制作平面動畫:初識時間軸

在時間軸中我們看到了類似圖層調板中的圖層名字,其高低位置也與圖層調板相同。點擊圖層左方的箭頭標志就會展開該圖層所有的動畫項目,也就是能制作爲動畫的要素。在不同性質的圖層中,其動畫項目也不相同。所謂不同性質就是指如普通圖層、帶蒙版的普通圖層、文字圖層、調整圖層等,這些都屬于不同性質的圖層。如下左圖所示分別是「去留無意」文字層與「形狀1」矢量形狀層展開後的動畫項目。其共有的是位置、不透明度、樣式。不同的是文字層多了一個「文字變形」項目,而矢量形狀層多了兩個與蒙版有關的項目。

動畫的制作不能超出圖層自身的動畫項目,比如不能對形狀層進行「文字變形」。但有些動畫項目可以後期再添加,如對文字層添加蒙版後,就令其具備了蒙版的動畫項目。

在調板左上方有一組數字0:00:00:00,這是當前的時間碼,從右端起分別是毫秒、秒、分鍾、小時。一般也就用到秒這級。時間碼後面還有一個30.00fps,這個就是幀速率,表示每秒多少幀。一般取值爲整數,在影視編輯方面才會用到小數幀率。

點擊動畫調板右上角的按鈕後選擇「文檔設定」,就會出現如下右圖所示的時間軸設定。在其中可以指定動畫總時長和幀速率。按照默認的設置,是總長10秒,每秒30幀,這樣總幀數就是300幀,對于網頁動畫來說這是一個相當大的數值了,制作出來會占用很大的字節數,不利于網絡的傳輸。現在我們將持續時間改爲5秒,幀速率改爲5fps。確認後就會在動畫調板中看到新的幀速率指示。

Photoshop CS3制作平面動畫:初識時間軸

Photoshop CS3制作平面動畫:初識時間軸

如下圖所示,將動畫調板橫向拉大一些,就會看到01:00、02:00這樣的時間標志,單位爲秒。時間軸的最右端正是剛才所設定的5秒總時長。將紅色箭頭所指出的滑杆向右方拖動,就能放大時間軸的細節,紅框區域內就是放大後的時間軸。可以看到在秒之間有了01f、02f這樣的標志,這就是幀。我們剛才的設定是5fps,所以每兩秒之間都有5個幀。雖然我們只看到最大04f,但要知道05f其實就是和01:00重合在一起的。因此被表達爲01:00f,意思就是該處既是第一秒,也是一個幀。

注意在兩個橙色箭頭之間有一條不太顯眼的細線,這是渲染緩沖指示,其他影視編輯軟件也都有這個指示,不過在Photoshop中它的作用並不是很重要,在後面的課程中會提到。

Photoshop CS3制作平面動畫:初識時間軸

下節我們就用時間軸來制作具體的動畫實例。

  通過前面的課程,我們已經學會了利用關鍵幀過渡,以及利用獨立圖層這兩種制作動畫的方式。它們可以用來制作一些簡單的單物體動畫,在很長一段時間內也是photoshop唯一的動畫制作方式。今天我們要學習一種新的利用時間軸制作動畫的方式。時間軸方式廣泛運用在許多影視制作軟件中,如PRemiere、AfterEffects等,包括Flash也是采用這種方式。   關鍵幀過渡動畫中還有許多操作我們沒有提及,這是由于它們與時間軸方式並無關系,而時間軸將是我們今後制作動畫的主要方式,因此予以略過。   爲統一素材,請點擊此處下載素材文件,並解壓出PSD文件,在Photoshop中開啓,這是一個沒有幀設定的文件(大家也可以利用自己制作的代替)。如下圖所示。由于使用了文字圖層,可能在開啓後會由于字體缺失而出現替換選項,選擇用默認字體替換即可,默認字體雖然不夠漂亮,但教學性是一樣的。    PSD文件中包含3個圖層(背景層不算),其中兩個是文字層,一個是矢量形狀層。如果不知矢量形狀圖層爲何物,說明基礎部分沒有掌握好。   [url=/bbs/detail_1785554.html][img]http://image.wangchao.net.cn/it/1323422689271.JPG[/img][/url]   點擊動畫調板右下角的[url=/bbs/detail_1785554.html][img]http://image.wangchao.net.cn/it/1323422704385.JPG[/img][/url]按鈕,即可切換到時間軸方式,如下圖所示。細心的讀者會注意到調板的名稱變爲了「動畫(時間軸)」,而之前的是「動畫(幀)」。右下角的按鈕變爲了[url=/bbs/detail_1785554.html][img]http://image.wangchao.net.cn/it/1323422704416.JPG[/img][/url],點擊將會切換到原先的幀方式。   需要注意的是,這兩種方式是互不兼容的,因此不要在制作過程中進行切換。如果誤切換了,可以使用撤銷命令〖CTRL+ALT+Z〗挽回。   [url=/bbs/detail_1785554.html][img]http://image.wangchao.net.cn/it/1323422704448.JPG[/img][/url]   在時間軸中我們看到了類似圖層調板中的圖層名字,其高低位置也與圖層調板相同。點擊圖層左方的箭頭標志就會展開該圖層所有的動畫項目,也就是能制作爲動畫的要素。在不同性質的圖層中,其動畫項目也不相同。所謂不同性質就是指如普通圖層、帶蒙版的普通圖層、文字圖層、調整圖層等,這些都屬于不同性質的圖層。如下左圖所示分別是「去留無意」文字層與「形狀1」矢量形狀層展開後的動畫項目。其共有的是位置、不透明度、樣式。不同的是文字層多了一個「文字變形」項目,而矢量形狀層多了兩個與蒙版有關的項目。   動畫的制作不能超出圖層自身的動畫項目,比如不能對形狀層進行「文字變形」。但有些動畫項目可以後期再添加,如對文字層添加蒙版後,就令其具備了蒙版的動畫項目。   在調板左上方有一組數字0:00:00:00,這是當前的時間碼,從右端起分別是毫秒、秒、分鍾、小時。一般也就用到秒這級。時間碼後面還有一個30.00fps,這個就是幀速率,表示每秒多少幀。一般取值爲整數,在影視編輯方面才會用到小數幀率。   點擊動畫調板右上角的按鈕後選擇「文檔設定」,就會出現如下右圖所示的時間軸設定。在其中可以指定動畫總時長和幀速率。按照默認的設置,是總長10秒,每秒30幀,這樣總幀數就是300幀,對于網頁動畫來說這是一個相當大的數值了,制作出來會占用很大的字節數,不利于網絡的傳輸。現在我們將持續時間改爲5秒,幀速率改爲5fps。確認後就會在動畫調板中看到新的幀速率指示。   [url=/bbs/detail_1785554.html][img]http://image.wangchao.net.cn/it/1323422704637.JPG[/img][/url]      [url=/bbs/detail_1785554.html][img]http://image.wangchao.net.cn/it/1323422704821.JPG[/img][/url]   如下圖所示,將動畫調板橫向拉大一些,就會看到01:00、02:00這樣的時間標志,單位爲秒。時間軸的最右端正是剛才所設定的5秒總時長。將紅色箭頭所指出的滑杆向右方拖動,就能放大時間軸的細節,紅框區域內就是放大後的時間軸。可以看到在秒之間有了01f、02f這樣的標志,這就是幀。我們剛才的設定是5fps,所以每兩秒之間都有5個幀。雖然我們只看到最大04f,但要知道05f其實就是和01:00重合在一起的。因此被表達爲01:00f,意思就是該處既是第一秒,也是一個幀。   注意在兩個橙色箭頭之間有一條不太顯眼的細線,這是渲染緩沖指示,其他影視編輯軟件也都有這個指示,不過在Photoshop中它的作用並不是很重要,在後面的課程中會提到。   [url=/bbs/detail_1785554.html][img]http://image.wangchao.net.cn/it/1323422704885.JPG[/img][/url]   下節我們就用時間軸來制作具體的動畫實例。
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有