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

　　在Photoshop中能夠作為動(dòng)畫(huà)的項(xiàng)目有圖層位置、圖層蒙版、圖層不透明度、圖層樣式。在基礎(chǔ)教程的階段我們學(xué)習(xí)了色彩調(diào)整圖層和填充圖層。這類(lèi)圖層具有特殊性，前者不直接產(chǎn)生圖像，而是針對(duì)下方圖層做出色彩調(diào)整效果。后者雖然產(chǎn)生圖像，但屬于“虛擬像素”，可在后期更改填充的內(nèi)容。現(xiàn)在我們將它們?yōu)閯?dòng)畫(huà)服務(wù)，看看能有怎樣的效果。點(diǎn)擊此處閱讀有關(guān)色彩調(diào)整圖層的內(nèi)容。點(diǎn)擊此處閱讀有關(guān)填充圖層的內(nèi)容。
　　色彩調(diào)整圖層是比較好用的，利用它可以制作出色彩變化的效果。這些效果可以是從明暗變化、灰度變化、反相等。實(shí)現(xiàn)的方法也很簡(jiǎn)單，就是先建立色彩調(diào)整層并做好相關(guān)的設(shè)置，然后將調(diào)整層的不透明度制作為動(dòng)畫(huà)即可。如下各動(dòng)畫(huà)范例，分別是曲線(xiàn)變暗、曲線(xiàn)變亮、漸變映射、反相。若要將圖像變?yōu)榛叶?，可利用漸變映射的灰度漸變，或通過(guò)色相飽和度實(shí)現(xiàn)。

　　需要注意的是，這種色彩變化的動(dòng)畫(huà)由于前后幀之間的像素大都不相同，因此其占用的字節(jié)數(shù)會(huì)很大。此時(shí)應(yīng)盡可能減少幀數(shù)、幀速率或縮小動(dòng)畫(huà)的尺寸來(lái)平衡。此外，也可以通過(guò)建立調(diào)整圖層的蒙版來(lái)實(shí)現(xiàn)只針對(duì)某個(gè)區(qū)域的色彩調(diào)整效果，這里就不再示范了。

　　有時(shí)候可能要表現(xiàn)一些劇烈變化的場(chǎng)景。所謂劇烈變化要么是像素的大幅移動(dòng)，要么是色彩的大幅改變，可利用反相來(lái)實(shí)現(xiàn)色彩的劇烈變化。通過(guò)前面的范例，我們發(fā)現(xiàn)將反相制作為過(guò)渡的效果并不好，將過(guò)渡效果關(guān)閉后能夠形成劇烈的色彩改變。這可通過(guò)兩種方法來(lái)實(shí)現(xiàn)，一個(gè)是將幀設(shè)置為保留插值。二是兩個(gè)關(guān)鍵幀之間不要留有空隙，這樣就無(wú)所謂過(guò)渡與否了。

　　需要注意的是，第二種方法的后期可修改性較差。如果在文檔設(shè)置中增大了幀速率，就會(huì)在原有的緊密排列的兩個(gè)關(guān)鍵幀之間插入新幀，這樣就會(huì)出現(xiàn)過(guò)渡效果了。因此不建議采用此方法。而應(yīng)該采取第一種方法。

　　現(xiàn)在大家自己動(dòng)手將這個(gè)動(dòng)畫(huà)制作出來(lái)。點(diǎn)此下載范例文件包。文件包中包含素材圖片以及成品的PSD，大家先不要開(kāi)啟PSD文件，嘗試自己去分析和制作。完成后再參照范例PSD文件。

　　這個(gè)演示反相調(diào)整層使用技巧的范例動(dòng)畫(huà)具有一定的情節(jié)。首先是黑色流星墜落，流星是使用帶有漸隱步長(zhǎng)的畫(huà)筆繪制的筆直或垂直線(xiàn)條，然后將其旋轉(zhuǎn)為45度(角度可自定)，接著將除建筑物之外的天空部分創(chuàng)建為蒙版。在解除蒙版鏈接后，可單獨(dú)移動(dòng)流星并與建筑物產(chǎn)生遮擋效果。其后的反相交替沒(méi)有什么技術(shù)難點(diǎn)，就不再說(shuō)明了。至于蒙版的建立屬于，可參看基礎(chǔ)教程中有關(guān)圖層蒙版的相關(guān)內(nèi)容。

　　需要注意的是，最后的淡出是采用了色相飽和度調(diào)整層，所不同的是采取了淡出為黑色的效果，而不是以往的淡出為白色。在使用調(diào)整層來(lái)制作淡出時(shí)，最好不要使用曲線(xiàn)或亮度對(duì)比度，因?yàn)檫@兩種色彩調(diào)整命令并不能完全將畫(huà)面變?yōu)槿谆蛉?，而色相飽和度命令可以做到?br />
　　除了使用調(diào)整圖層以外，也可以使用填充圖層，或?qū)⑵胀▓D層填充后來(lái)制作淡出。淡出的原理就是該圖層的不透明度從0%逐漸到100%的過(guò)程。這樣的好處是除了黑色與白色，還可以淡出為其他的顏色如紅色、藍(lán)色等。以下是一個(gè)在2000年制作的動(dòng)畫(huà)，將當(dāng)時(shí)的個(gè)人照分別裁切為兩個(gè)不同的區(qū)域，然后分為3段，并采用白色的填充圖層做出的模擬曝光轉(zhuǎn)場(chǎng)效果。因?yàn)槭菫榱嗽诮?jīng)典論壇中的個(gè)人頭像之用，因此動(dòng)畫(huà)的尺寸和字節(jié)數(shù)有嚴(yán)格的限定。

　　在盡可能保持較少字節(jié)數(shù)的前提下，同時(shí)又盡可能保證動(dòng)畫(huà)的流暢，并不是一件容易的事情。為此可能要犧牲一些哪怕是很好的創(chuàng)意。但如果制作出來(lái)的動(dòng)畫(huà)不符合要求，或傳輸較慢，也就失去了其本身最重要的價(jià)值。大家自行選用其他素材來(lái)模仿制作出這個(gè)動(dòng)畫(huà)，文件字節(jié)數(shù)限制在5K左右(范例為3.65K)。并嘗試在這個(gè)前提下，加入自己的一些新創(chuàng)意。至于其中的單色及抽絲線(xiàn)效果，可參看基礎(chǔ)教程種有關(guān)色彩調(diào)整，以及圖案平鋪方面的內(nèi)容。

　　在填充圖層中，除了常用的純色填充以外，還有圖案填充和漸變填充。有關(guān)它們的使用方法，就不再另外說(shuō)明了，大家自己嘗試即可。

　　很早以前我們就學(xué)習(xí)過(guò)如何制作一個(gè)運(yùn)動(dòng)的物體，但我們所制作出來(lái)的物體都是勻速運(yùn)動(dòng)的，現(xiàn)在可以通過(guò)更改關(guān)鍵幀的位置來(lái)模擬出加速和減速的效果。這種效果并不局限于物體的運(yùn)動(dòng)，也可以用于類(lèi)似淡入淡出的任何帶有過(guò)渡性效果的場(chǎng)合。并且該方法也適用于其他的視頻編輯軟件，以及網(wǎng)頁(yè)制作軟件GoLive的時(shí)間軸DHTML效果中。

　　首先我們新建一個(gè)150×100的白底圖像，將文檔設(shè)定為1秒，30fps。新建一個(gè)普通圖層畫(huà)上一個(gè)矩形，并設(shè)定好其從左側(cè)移動(dòng)到右側(cè)的動(dòng)畫(huà)。時(shí)間軸設(shè)定大致如下圖所示?，F(xiàn)在的移動(dòng)速度是勻速的。

　　接下來(lái)將時(shí)間標(biāo)桿移動(dòng)到10f處，點(diǎn)擊“位置”項(xiàng)目的菱形按鈕，手動(dòng)在當(dāng)前時(shí)刻增加一個(gè)關(guān)鍵幀。這個(gè)關(guān)鍵幀目前可以說(shuō)是多余的，因?yàn)樗⒉粫?huì)改變動(dòng)畫(huà)過(guò)程?，F(xiàn)在大家來(lái)設(shè)想一下，假設(shè)本來(lái)計(jì)劃在10分鐘后到達(dá)的地點(diǎn)，現(xiàn)在要求你在5分鐘后就到達(dá)，那么你肯定需要加速。明白了這個(gè)道理，就能明白制作加速動(dòng)畫(huà)的方法了。那就是將這個(gè)10f時(shí)刻的關(guān)鍵幀，移動(dòng)到05f時(shí)刻。這樣在0f至05f之間，物體將呈現(xiàn)快速運(yùn)動(dòng)，在05f之后恢復(fù)原有速度。

　　以此類(lèi)推，再分別將15f移動(dòng)到10f，20f移動(dòng)到15f，25f移動(dòng)到20f。就可以制作出一個(gè)減速運(yùn)動(dòng)的物體了。我們這里是為了說(shuō)明效果，而在實(shí)際制作中其實(shí)沒(méi)有必要更改這么多關(guān)鍵幀，視物體移動(dòng)距離的長(zhǎng)短，一般更改2到3個(gè)關(guān)鍵幀就足夠了。太長(zhǎng)的移動(dòng)距離本身就不適合用GIF來(lái)表現(xiàn)。另外幀率也不要設(shè)為30fps這么高。

　　運(yùn)動(dòng)模糊其實(shí)也與物體的移動(dòng)有關(guān)，有些時(shí)候需要用較少的幀數(shù)來(lái)表現(xiàn)物體的快速移動(dòng)時(shí)，使用運(yùn)動(dòng)模糊可以減少畫(huà)面的跳躍感。如下范例動(dòng)畫(huà)的演示，提供給人物移動(dòng)的幀數(shù)就是4幀，在如此有限的幀數(shù)下要完成長(zhǎng)距離(所謂長(zhǎng)距離也需要參照物體的大小)的移動(dòng)是很局促的。為了彌補(bǔ)這個(gè)缺點(diǎn)，我們將人物圖層復(fù)制并用運(yùn)動(dòng)模糊濾鏡加以處理，形成殘影效果。將殘影與人物圖層一起移動(dòng)，并在運(yùn)動(dòng)開(kāi)始和結(jié)束時(shí)刻將其隱藏。這個(gè)人物圖形可從Photoshop自帶的形狀庫(kù)中找到。大家自己嘗試制作出運(yùn)動(dòng)模糊的效果。我們提供PSD源文件供大家在完成后對(duì)照。點(diǎn)此下載范例PSD文件。

　　需要注意的是，這里我們?cè)诰邆溥\(yùn)動(dòng)模糊的幀中，仍然保留了人物本體的完整影像，在實(shí)際操作中也可以降低本體的不透明度，或索性只保留殘影，造成更快速的移動(dòng)感。在只保留殘影的方式下，殘影的長(zhǎng)度要適當(dāng)延長(zhǎng)一些，并且要接近于運(yùn)動(dòng)結(jié)束時(shí)刻的物體位置。大家可仔細(xì)觀看范例動(dòng)畫(huà)，注意殘影位置的區(qū)別。

　　運(yùn)動(dòng)模糊廣泛應(yīng)用于影視制作領(lǐng)域，大部分影視制作軟件如After Effects等都有針對(duì)此的專(zhuān)項(xiàng)功能。在一些影視片斷中，如果將一些快速運(yùn)動(dòng)的物體畫(huà)面暫停，也就可以看到類(lèi)似的殘像。運(yùn)動(dòng)模糊英文名稱(chēng)是Motion Blur。在GIF動(dòng)畫(huà)制作中，運(yùn)動(dòng)模糊可能會(huì)增加動(dòng)畫(huà)的顏色數(shù)，因?yàn)闅堄靶Ч旧砭褪菐в性S多過(guò)渡性色彩的。在輸出的時(shí)候要注意在色彩數(shù)和動(dòng)畫(huà)質(zhì)量之間做一個(gè)平衡。

　　除了使用濾鏡制作殘像，也可以將圖層復(fù)制多份，并依次更改其色彩或不透明度形成一種比較規(guī)整的殘像效果，如下右圖所示，就是將人物層復(fù)制出3份并將填充色改為不同程度的灰色。這種殘像用較少的色彩數(shù)量也可以很好地表現(xiàn)。而濾鏡所形成的殘像可能會(huì)在較少的顏色數(shù)下產(chǎn)生色斑。

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

最新評(píng)論