第六課：過(guò)渡幀動(dòng)畫的局限性

到現(xiàn)在為止我們制作動(dòng)畫的過(guò)程都是事先建立好所需要的圖層(文字也是一種圖層)，再建立各個(gè)關(guān)鍵幀，之后進(jìn)行過(guò)渡。如果每個(gè)動(dòng)畫都能有這樣充足的事先計(jì)劃那當(dāng)然最好，但如果在已有的動(dòng)畫基礎(chǔ)上新增圖層會(huì)怎樣呢？打開(kāi)anisample01.psd，會(huì)看到該動(dòng)畫總共有20個(gè)幀。點(diǎn)擊動(dòng)畫調(diào)板右上角的按鈕就能看到“新建在所有幀中都可見(jiàn)的圖層”一項(xiàng)。這樣在已經(jīng)為圖像建立了多個(gè)幀的前提下，若新增圖層，則該圖層默認(rèn)在所有幀中都可見(jiàn)，位置及不透明度也相同?，F(xiàn)在選擇第1幀，在圖像左上角新增一個(gè)矢量圓角矩形層及文字(如果看不懂這句話，則說(shuō)明沒(méi)有掌握基礎(chǔ)知識(shí))。就會(huì)看到所有幀中都出現(xiàn)相同的內(nèi)容。如下圖所示。其實(shí)在選擇其他幀時(shí)新建層也可以達(dá)到同樣目的，但圓角矩形及文字未必能直接就位于指定位置，總是需要使用移動(dòng)工具作調(diào)整的。所以此時(shí)要利用“傳播幀1”的特性來(lái)確保在所有幀中的位置相同。如果在其他幀中調(diào)整位置，就只對(duì)一幀有效。

通常情況下都應(yīng)開(kāi)啟“新建在所有幀中都可見(jiàn)的圖層”選項(xiàng)。如果關(guān)閉，新建的圖層只會(huì)出現(xiàn)在當(dāng)前所選擇(多選無(wú)效)的幀中。如果想在所選擇的多個(gè)幀中可見(jiàn)，可以在圖層調(diào)板中先隱藏再顯示該層，此時(shí)動(dòng)畫調(diào)板中所選擇的多個(gè)幀就會(huì)同時(shí)出現(xiàn)該層的內(nèi)容。

現(xiàn)在回到正題，即如何在20幀中加入另外一組文字動(dòng)畫，新的文字既有移動(dòng)也有不透明度變化。如果是從零開(kāi)始設(shè)定關(guān)鍵幀的話，大家都知道該如何操作。但如果要添加到現(xiàn)有的幀中，則非常麻煩。此時(shí)不能再建立關(guān)鍵幀，因?yàn)樾略鲫P(guān)鍵幀勢(shì)必增加幀數(shù)。那自然也就不能使用關(guān)鍵幀過(guò)渡。也許大家會(huì)想到去修改關(guān)鍵幀，或建立兩套幀系統(tǒng)再將之混合。能夠這樣想很好，說(shuō)明思路靈活。但很遺憾這兩個(gè)方法都不可行。一旦執(zhí)行了過(guò)渡，關(guān)鍵幀就無(wú)法修改，除非撤銷操作從頭再來(lái)。而Photoshop只提供一套幀系統(tǒng)?，F(xiàn)在唯一可行的方法就是逐幀地手動(dòng)調(diào)整“去留無(wú)意”的位置和不透明度。并且最好一次搞定，因?yàn)樵俅涡薷膶?huì)煩上加煩。

就算從零開(kāi)始，也未必就能制作好這個(gè)動(dòng)畫。因?yàn)槲覀兪褂玫姆椒ㄊ墙㈥P(guān)鍵幀后進(jìn)行過(guò)渡，那么原先的“悄然來(lái)去”總共使用了4個(gè)關(guān)鍵幀，而“去留無(wú)意”的動(dòng)作也必須設(shè)定為4個(gè)關(guān)鍵幀，只有這樣才能統(tǒng)一執(zhí)行幀過(guò)渡。如果后者需要設(shè)定為5個(gè)關(guān)鍵幀，就涉及到統(tǒng)一關(guān)鍵幀的問(wèn)題，需要將“悄然來(lái)去”擴(kuò)展為5個(gè)關(guān)鍵幀。如下圖所示，第3幀就是新建立的關(guān)鍵幀?？梢钥闯鏊鋵?shí)就是在幀2和幀4之間取一個(gè)中間狀態(tài)。但這樣做要基于一個(gè)前提，那就是“去留無(wú)意”的某個(gè)關(guān)鍵幀必須是和這個(gè)新幀相吻合的。如果“去留無(wú)意”作W波浪狀移動(dòng)，那么其波峰和波谷的關(guān)鍵幀就要與“悄然來(lái)去”的關(guān)鍵幀一一對(duì)應(yīng)才可以。這就造成一種情形，兩個(gè)文字盡管移動(dòng)的軌跡不同，但 運(yùn)動(dòng)軌跡改變的時(shí)間卻很相似。這會(huì)使動(dòng)畫顯得單調(diào)。

所以，在制作過(guò)渡幀動(dòng)畫的時(shí)候，最重要的事情就是事先規(guī)劃好動(dòng)畫的具體細(xì)節(jié)，做到完全的把握，然后才開(kāi)始制作關(guān)鍵幀并執(zhí)行過(guò)渡。這個(gè)過(guò)程一旦完成就不可修改，除非全部從頭再來(lái)。我們?cè)诨A(chǔ)教程部分的時(shí)候，曾再三強(qiáng)調(diào)在制作中要保留最大的可編輯性(如使用調(diào)整層等)，以方便以后有可能發(fā)生的修改。這種思維適用于任何領(lǐng)域，卻唯獨(dú)在此不適用，因?yàn)檫^(guò)渡幀動(dòng)畫的特殊性，使其一旦成型就不可修改。這也是以往很少人使用Photoshop及ImageReady(早期與前者搭配)去制作較復(fù)雜動(dòng)畫的原因。

在基礎(chǔ)部分我們?cè)?jīng)蜻蜓點(diǎn)水地使用了Premiere制作電影，大家對(duì)其中的通過(guò)時(shí)間軸設(shè)定電影的方式應(yīng)該還有印象。另外觀看了GoLive視頻教程的讀者也對(duì)DHTML(動(dòng)態(tài)網(wǎng)頁(yè))制作中的時(shí)間軸印象頗深?，F(xiàn)在CS3版本的Photoshop也具備了時(shí)間軸設(shè)定方式，我們從此可以擺脫過(guò)渡幀動(dòng)畫的局限了。我們將在下一課學(xué)習(xí)使用時(shí)間軸。

之所以我們沒(méi)有在一開(kāi)始就介紹時(shí)間軸，是因?yàn)閹絼?dòng)畫是所有動(dòng)畫的基礎(chǔ)。時(shí)間軸只是在設(shè)定方式上不同，形成的最終動(dòng)畫仍然是以幀形式存在的。并且時(shí)間軸適合制作情節(jié)較為復(fù)雜的動(dòng)畫，對(duì)于一些類似單個(gè)文字移動(dòng)這樣的效果，使用過(guò)渡幀制作更快更簡(jiǎn)單。還有一類動(dòng)畫稱為“獨(dú)立圖層動(dòng)畫”，主要用來(lái)制作一些無(wú)法用關(guān)鍵幀過(guò)渡完成的效果，如鳥(niǎo)類拍打翅膀的動(dòng)畫，就是分開(kāi)5個(gè)獨(dú)立圖層分別繪制一種翅膀形態(tài)，然后在不同的幀中顯示不同的圖層，如下中圖所示，我們使用5個(gè)圖層繪制5種形態(tài)，然后在5幀中分別順序顯示某一層，之后又增加了3幀制作回場(chǎng)，形成了8幀的往復(fù)式動(dòng)畫。其中幀28、幀37及幀46內(nèi)容相同。

由于Photoshop不支持旋轉(zhuǎn)動(dòng)畫，也不支持任意變形動(dòng)畫，因此要制作這兩類動(dòng)畫時(shí)，就必須采用“獨(dú)立圖層”方式，逐幀指定圖層的顯示狀態(tài)。今天的作業(yè)是將下面兩個(gè)動(dòng)畫制作出來(lái)，總體難度不大，主要考驗(yàn)在基礎(chǔ)知識(shí)部分學(xué)習(xí)過(guò)路徑，以及自由變換工具的使用，凡是這類涉及像素重組的變換，都應(yīng)當(dāng)優(yōu)先使用矢量圖形。使用路徑方式繪制物體，通過(guò)【編輯>變換路徑>再次】命令多次旋轉(zhuǎn)和縮放。如果操作上有困難，應(yīng)復(fù)習(xí)基礎(chǔ)教程中的相應(yīng)內(nèi)容。