第十三課：其他的動畫制作技巧(4)

就我們目前已經(jīng)學習的制作方法而言，足以應付大部分的制作需求。在本課中我們將學習一些能為作品增添更多效果的技巧，這些技巧都要建立在以往的課程基礎之上。因此，徹底掌握之前的所有課程是必須的。這些技巧包括：特殊圖層、加減速、運動模糊、文字變形。也希望大家能夠總結出自己的制作技巧，并與他人分享。

在Photoshop中能夠作為動畫的項目有圖層位置、圖層蒙版、圖層不透明度、圖層樣式。在基礎教程的階段我們學習了色彩調(diào)整圖層和填充圖層。這類圖層具有特殊性，前者不直接產(chǎn)生圖像，而是針對下方圖層做出色彩調(diào)整效果。后者雖然產(chǎn)生圖像，但屬于“虛擬像素”，可在后期更改填充的內(nèi)容。現(xiàn)在我們將它們?yōu)閯赢嫹⻊�，看看能有怎樣的效果。點擊此處閱讀有關色彩調(diào)整圖層的內(nèi)容。

色彩調(diào)整圖層是比較好用的，利用它可以制作出色彩變化的效果。這些效果可以是從明暗變化、灰度變化、反相等。實現(xiàn)的方法也很簡單，就是先建立色彩調(diào)整層并做好相關的設置，然后將調(diào)整層的不透明度制作為動畫即可。如下各動畫范例，分別是曲線變暗、曲線變亮、漸變映射、反相。若要將圖像變?yōu)榛叶龋衫脻u變映射的灰度漸變，或通過色相飽和度實現(xiàn)。需要注意的是，這種色彩變化的動畫由于前后幀之間的像素大都不相同，因此其占用的字節(jié)數(shù)會很大。此時應盡可能減少幀數(shù)、幀速率或縮小動畫的尺寸來平衡。此外，也可以通過建立調(diào)整圖層的蒙版來實現(xiàn)只針對某個區(qū)域的色彩調(diào)整效果，這里就不再示范了。

范例動畫1

范例動畫2

范例動畫3

范例動畫4

有時候可能要表現(xiàn)一些劇烈變化的場景。所謂劇烈變化要么是像素的大幅移動，要么是色彩的大幅改變，可利用反相來實現(xiàn)色彩的劇烈變化。通過前面的范例，我們發(fā)現(xiàn)將反相制作為過渡的效果并不好，將過渡效果關閉后能夠形成劇烈的色彩改變。這可通過兩種方法來實現(xiàn)，一個是將幀設置為保留插值。二是兩個關鍵幀之間不要留有空隙，這樣就無所謂過渡與否了。需要注意的是，第二種方法的后期可修改性較差。如果在文檔設置中增大了幀速率，就會在原有的緊密排列的兩個關鍵幀之間插入新幀，這樣就會出現(xiàn)過渡效果了。因此不建議采用此方法。而應該采取第一種方法。現(xiàn)在大家自己動手將這個動畫制作出來。點此下載范例文件包：m.tgudhdp.cn。文件包中包含素材圖片以及成品的PSD，大家先不要開啟PSD文件，嘗試自己去分析和制作。完成后再參照范例PSD文件。

范例動畫1

這個演示反相調(diào)整層使用技巧的范例動畫具有一定的情節(jié)。首先是黑色流星墜落，流星是使用帶有漸隱步長的畫筆繪制的筆直或垂直線條，然后將其旋轉為45度(角度可自定)，接著將除建筑物之外的天空部分創(chuàng)建為蒙版。在解除蒙版鏈接后，可單獨移動流星并與建筑物產(chǎn)生遮擋效果。其后的反相交替沒有什么技術難點，就不再說明了。至于蒙版的建立屬于，可參看基礎教程中有關圖層蒙版的相關內(nèi)容。需要注意的是，最后的淡出是采用了色相飽和度調(diào)整層，所不同的是采取了淡出為黑色的效果，而不是以往的淡出為白色。在使用調(diào)整層來制作淡出時，最好不要使用曲線或亮度對比度，因為這兩種色彩調(diào)整命令并不能完全將畫面變?yōu)槿谆蛉�，而色相飽和度命令可以做到�?

除了使用調(diào)整圖層以外，也可以使用填充圖層，或將普通圖層填充后來制作淡出。淡出的原理就是該圖層的不透明度從0%逐漸到100%的過程。這樣的好處是除了黑色與白色，還可以淡出為其他的顏色如紅色、藍色等。以下是一個在2000年制作的動畫，將當時的個人照分別裁切為兩個不同的區(qū)域，然后分為3段，并采用白色的填充圖層做出的模擬曝光轉場效果。因為是為了在經(jīng)典論壇中的個人頭像之用，因此動畫的尺寸和字節(jié)數(shù)有嚴格的限定。在盡可能保持較少字節(jié)數(shù)的前提下，同時又盡可能保證動畫的流暢，并不是一件容易的事情。為此可能要犧牲一些哪怕是很好的創(chuàng)意。但如果制作出來的動畫不符合要求，或傳輸較慢，也就失去了其本身最重要的價值。大家自行選用其他素材來模仿制作出這個動畫，文件字節(jié)數(shù)限制在5K左右(范例為3.65K)。并嘗試在這個前提下，加入自己的一些新創(chuàng)意。至于其中的單色及抽絲線效果，可參看基礎教程種有關色彩調(diào)整，以及圖案平鋪方面的內(nèi)容。在填充圖層中，除了常用的純色填充以外，還有圖案填充和漸變填充。有關它們的使用方法，就不再另外說明了，大家自己嘗試即可。

范例動畫1

很早以前我們就學習過如何制作一個運動的物體，但我們所制作出來的物體都是勻速運動的，現(xiàn)在可以通過更改關鍵幀的位置來模擬出加速和減速的效果。這種效果并不局限于物體的運動，也可以用于類似淡入淡出的任何帶有過渡性效果的場合。并且該方法也適用于其他的視頻編輯軟件，以及網(wǎng)頁制作軟件GoLive的時間軸DHTML效果中。首先我們新建一個150×100的白底圖像，將文檔設定為1秒，30fps。新建一個普通圖層畫上一個矩形，并設定好其從左側移動到右側的動畫。時間軸設定大致如下圖所示�，F(xiàn)在的移動速度是勻速的。

范例動畫1

接下來將時間標桿移動到10f處，點擊“位置”項目的菱形按鈕，手動在當前時刻增加一個關鍵幀。這個關鍵幀目前可以說是多余的，因為它并不會改變動畫過程�，F(xiàn)在大家來設想一下，假設本來計劃在10分鐘后到達的地點，現(xiàn)在要求你在5分鐘后就到達，那么你肯定需要加速。明白了這個道理，就能明白制作加速動畫的方法了。那就是將這個10f時刻的關鍵幀，移動到05f時刻。這樣在0f至05f之間，物體將呈現(xiàn)快速運動，在05f之后恢復原有速度。以此類推，再分別將15f移動到10f，20f移動到15f，25f移動到20f。就可以制作出一個減速運動的物體了。我們這里是為了說明效果，而在實際制作中其實沒有必要更改這么多關鍵幀，視物體移動距離的長短，一般更改2到3個關鍵幀就足夠了。太長的移動距離本身就不適合用GIF來表現(xiàn)。另外幀率也不要設為30fps這么高。

觀看范例動畫1

觀看范例動畫1

運動模糊其實也與物體的移動有關，有些時候需要用較少的幀數(shù)來表現(xiàn)物體的快速移動時，使用運動模糊可以減少畫面的跳躍感。如下范例動畫的演示，提供給人物移動的幀數(shù)就是4幀，在如此有限的幀數(shù)下要完成長距離(所謂長距離也需要參照物體的大小)的移動是很局促的。為了彌補這個缺點，我們將人物圖層復制并用運動模糊濾鏡加以處理，形成殘影效果。將殘影與人物圖層一起移動，并在運動開始和結束時刻將其隱藏。這個人物圖形可從Photoshop自帶的形狀庫中找到。大家自己嘗試制作出運動模糊的效果。我們提供PSD源文件供大家在完成后對照。點此下載范例PSD文件:m.tgudhdp.cn。需要注意的是，這里我們在具備運動模糊的幀中，仍然保留了人物本體的完整影像，在實際操作中也可以降低本體的不透明度，或索性只保留殘影，造成更快速的移動感。在只保留殘影的方式下，殘影的長度要適當延長一些，并且要接近于運動結束時刻的物體位置。大家可仔細觀看范例動畫，注意殘影位置的區(qū)別。

范例動畫1

觀看范例動畫2

運動模糊廣泛應用于影視制作領域，大部分影視制作軟件如After Effects等都有針對此的專項功能。在一些影視片斷中，如果將一些快速運動的物體畫面暫停，也就可以看到類似的殘像。運動模糊英文名稱是Motion Blur。在GIF動畫制作中，運動模糊可能會增加動畫的顏色數(shù)，因為殘影效果本身就是帶有許多過渡性色彩的。在輸出的時候要注意在色彩數(shù)和動畫質(zhì)量之間做一個平衡。除了使用濾鏡制作殘像，也可以將圖層復制多份，并依次更改其色彩或不透明度形成一種比較規(guī)整的殘像效果，如下右圖所示，就是將人物層復制出3份并將填充色改為不同程度的灰色。這種殘像用較少的色彩數(shù)量也可以很好地表現(xiàn)。而濾鏡所形成的殘像可能會在較少的顏色數(shù)下產(chǎn)生色斑。

在使用文字圖層的時候，可能有些細心的讀者已經(jīng)發(fā)現(xiàn)了“文字變形”這個動畫項目。如下圖所示，可在動畫中設置變形樣式為“無”或其他樣式，從而形成過渡變形的效果。這個動畫項目其實是非常好用的，可惜只能局限于文字，如果能針對所有圖形有效就更好了。不過我們有時候可以通過文字中的標點或特殊字符來模擬一些簡單的物體形狀，從而獲得變形的能力，如符號“-”可擴大為矩形。

范例動畫1

范例動畫2