就我們目前已經學習的製作方法而言,足以應付大部分的平面動畫製作需求。在本課程中我們將學習一些能為動畫作品增添更多效果的技巧,這些技巧包括:特殊圖層、加減速、運動模糊、文字變形。也希望大家能總結自己的製作技巧,並與他人分享。
這些技巧都要建立在以往的課程基礎上。因此徹底掌握之前的所有課程是必須的。
在Photoshop中能夠作為動畫的項目有圖層位置、圖層遮色片、圖層不透明度、圖層樣式。在基礎教程的階段我們學習了色彩調整圖層和填滿圖層。這類圖層具有特殊性,前者不直接產生影像,而是針對下方圖層做出色彩調整效果。後者雖然產生影像,但屬於“虛擬像素”,可在後期更改填充的內容。現在我們將它們為動畫服務,看看能有怎樣的效果。點擊此處閱讀有關色彩調整圖層的內容。點擊此處閱讀有關填滿圖層的內容。
色彩調整圖層是比較好用的,利用它可以製作出色彩變化的效果。這些效果可以是從明暗變化、灰階變化、反相等。實現的方法也很簡單,就是先建立色彩調整圖層並做好相關的設置,然後將調整圖層的不透明度製作為動畫即可。如下各動畫範例,分別是曲線變暗、曲線變亮、漸層映射、反相。若要將影像變為灰度,可利用漸層映射的灰階漸變,或透過色相飽和度實現。
需要注意的是,這種色彩變化的動畫由於前後幀之間的像素大都不相同,因此其佔用的位元組數會很大。此時應盡可能減少幀數、幀速率或縮小動畫的尺寸來平衡。此外,也可以透過建立調整圖層的遮罩來實現只針對某個區域的色彩調整效果,這裡就不再示範了。
有時候可能要表現一些劇烈變化的場景。所謂劇烈變化要不是像素的大幅移動,就是色彩的大幅改變,可利用反相來實現色彩的劇烈變化。透過前面的範例,我們發現將反相製作為過渡的效果並不好,將過渡效果關閉後能夠形成劇烈的色彩改變。這可透過兩種方法來實現,一個是將幀設定為保留插值。二是兩個關鍵影格之間不要留有空隙,這樣就無所謂轉場與否了。
需要注意的是,第二種方法的後期可修改性較差。如果在文件設定中增加了幀速率,就會在原有的緊密排列的兩個關鍵幀之間插入新幀,這樣就會出現過渡效果了。因此不建議採用此方法。而應該採取第一種方法。
現在大家自己動手將這個動畫製作出來。文件包包含素材圖片以及成品的PSD,大家先不要開啟PSD文件,嘗試自己去分析製作。完成後再參考範例PSD檔。
這個示範反相調整層使用技巧的範例動畫具有一定的情節。首先是黑色流星墜落,流星是使用帶有漸隱步長的畫筆繪製的筆直或垂直線條,然後將其旋轉為45度(角度可自定),接著將除建築物之外的天空部分創建為蒙版。在解除蒙版連結後,可單獨移動流星並與建築物產生遮擋效果。其後的反相交替沒有什麼技術困難,就不再說明了。至於蒙版的建立屬於,可參考基礎教程中有關圖層蒙版的相關內容。
需要注意的是,最後的淡出是採用了色相飽和度調整層,所不同的是採取了淡出為黑色的效果,而不是以往的淡出為白色。使用調整圖層來製作淡出時,最好不要使用曲線或亮度對比度,因為這兩種色彩調整指令並不能完全將畫面變為全白或全黑,而色相飽和度指令可以做到。
除了使用調整圖層以外,也可以使用填滿圖層,或將普通圖層填滿後來製作淡出。淡出的原理就是該圖層的不透明度從0%逐漸到100%的過程。這樣的好處是除了黑色與白色,還可以淡出為其他的顏色如紅色、藍色等。以下是一個在2000年製作的動畫,將當時的個人照分別裁切為兩個不同的區域,然後分為3段,並採用白色的填充圖層做出的模擬曝光轉場效果。因為是為了在經典論壇中的個人頭像之用,因此動畫的尺寸和位元組數有嚴格的限定。
在盡可能保持較少位元組數的前提下,同時又盡可能保證動畫的流暢,並不是一件容易的事。為此可能要犧牲一些哪怕是很好的創意。但如果製作出來的動畫不符合要求,或傳輸較慢,也失去了本身最重要的價值。大家自行選用其他素材模仿製作出這個動畫,檔案位元組數限制在5K左右(範例為3.65K)。並嘗試在這個前提下,加入自己的一些新創意。至於其中的單色及抽絲線效果。
在填滿圖層中,除了常用的純色填滿以外,還有圖案填滿和漸層填滿。有關它們的使用方法,就不再另外說明了,大家自己嘗試即可。
很早以前我們就學過如何製作一個運動的物體,但我們所製作出來的物體都是勻速運動的,現在可以透過更改關鍵影格的位置來模擬出加速和減速的效果。這種效果並不局限於物體的運動,也可以用於類似淡入淡出的任何帶有過渡性效果的場合。且此方法也適用於其他的影片編輯軟體,以及網頁製作軟體GoLive的時間軸DHTML效果中。
首先我們新建一個150×100的白底影像,將文件設定為1秒,30fps。新建一個普通圖層畫上一個矩形,並設定好其從左側移動到右側的動畫。時間軸設定大致如下圖所示。現在的移動速度是等速率的。
接下來將時間標竿移到10f處,點選「位置」項目的菱形按鈕,手動在當下時刻增加一個關鍵影格。這個關鍵影格目前可以說是多餘的,因為它並不會改變動畫過程。現在大家來設想一下,假設原本計劃在10分鐘後到達的地點,現在要求你在5分鐘後就到達,那麼你肯定需要加速。明白了這個道理,就能明白製作加速動畫的方法了。那就是將這個10f時刻的關鍵幀,移動到05f時刻。這樣在0f至05f之間,物體將呈現快速運動,在05f之後恢復原有速度。
以此類推,再分別將15f移動到10f,20f移動到15f,25f移動到20f。就可以製作出一個減速運動的物體了。我們這裡是為了說明效果,而在實際製作中其實沒有必要更改這麼多關鍵幀,視物體移動距離的長短,一般更改2到3個關鍵幀就足夠了。太長的移動距離本身就不適合用GIF來表現。另外幀率也不要設為30fps這麼高。
運動模糊其實也與物體的移動有關,有些時候需要用較少的幀數來表現物體的快速移動時,使用運動模糊可以減少畫面的跳躍感。如下範例動畫的演示,提供給人物移動的幀數就是4幀,在如此有限的幀數下要完成長距離(所謂長距離也需要參照物體的大小)的移動是很局促的。為了彌補這個缺點,我們將人物圖層複製並用運動模糊濾鏡加以處理,形成殘影效果。將殘影與人物圖層一起移動,並在運動開始和結束時刻將其隱藏。這個人物圖形可從Photoshop自備的形狀庫中找到。大家自己嘗試製作出運動模糊的效果。我們提供PSD來源檔案供大家在完成後對照。
要注意的是,這裡我們在具備運動模糊的畫面中,仍然保留了人物本體的完整影像,在實際操作中也可以降低本體的不透明度,或索性只保留殘影,造成更快速的移動感。在只保留殘影的方式下,殘影的長度要適當延長一些,並且要接近運動結束時刻的物體位置。大家可仔細觀看範例動畫,注意殘影位置的差異。
運動模糊廣泛應用於影視製作領域,大部分影視製作軟體如After Effects等都有針對此的專項功能。在一些影視片段中,如果將一些快速移動的物體畫面暫停,也可以看到類似的殘像。運動模糊英文名稱是Motion Blur。在GIF動畫製作中,運動模糊可能會增加動畫的顏色數,因為殘影效果本身就是帶有許多過渡性色彩的。在輸出的時候要注意在色彩數和動畫品質之間做一個平衡。
除了使用濾鏡製作殘像,也可以將圖層複製多份,並依序更改其色彩或不透明度形成一種比較規則的殘像效果,如下右圖所示,就是將人物層複製出3份並將填充色改為不同程度的灰色。這種殘像用較少的色彩數量也可以很好地表現。而濾鏡所形成的殘像可能會在較少的顏色數下產生色斑。
在使用文字圖層的時候,可能有些細心的讀者已經發現了「文字變形」這個動畫專案。如下圖所示,可在動畫中設定變形樣式為「無」或其他樣式,進而形成轉換變形的效果。這個動畫項目其實是非常好用的,可惜只能侷限於文字,如果能針對所有圖形有效就更好了。不過我們有時候可以透過文字中的標點或特殊字元來模擬一些簡單的物體形狀,從而獲得變形的能力,如符號“-”可擴大為矩形。