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

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

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

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

范例動(dòng)畫1

范例動(dòng)畫2

范例動(dòng)畫3

范例動(dòng)畫4

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

范例動(dòng)畫1

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

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

范例動(dòng)畫1

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

范例動(dòng)畫1

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

觀看范例動(dòng)畫1

觀看范例動(dòng)畫1

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

范例動(dòng)畫1

觀看范例動(dòng)畫2

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

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

范例動(dòng)畫1

范例動(dòng)畫2