第二課：第一幀的傳播特性

在開(kāi)始之前我們先講解一下上節(jié)課后的作業(yè)，那是一個(gè)有兩個(gè)物體一起移動(dòng)的動(dòng)畫(huà)。所謂的兩個(gè)物體其實(shí)也就是兩個(gè)圖層，分別繪制上方塊和圓，然后復(fù)制一幀并相對(duì)移動(dòng)圖層的位置即可。在技術(shù)上并沒(méi)有太大難度。但要注意看清楚我們的范例動(dòng)畫(huà)，其中的圓并不是一開(kāi)始就移動(dòng)的，而是滯后一段時(shí)間才開(kāi)始的。這也就是說(shuō)在前面幾幀中只需要移動(dòng)方塊圖層，而并不移動(dòng)圓圖層。在方塊移動(dòng)幾幀后再開(kāi)始移動(dòng)圓，動(dòng)畫(huà)調(diào)板類(lèi)似于下圖所示。點(diǎn)擊紅色箭頭處可以開(kāi)啟調(diào)板選項(xiàng)，可以自己設(shè)定幀縮覽圖的大小。綠色箭頭處的是幀步進(jìn)按鈕，點(diǎn)擊一次播放一幀，則是播放上一幀。按鈕則是回到起始幀。我們安排這個(gè)范例是想告訴大家，一個(gè)較為復(fù)雜的動(dòng)畫(huà)往往是由許多物體構(gòu)成的，而這些物體未必都是一同動(dòng)作(如移動(dòng))的。比如制作一個(gè)物體撞擊另外一個(gè)物體的動(dòng)畫(huà)時(shí)，被撞物體就應(yīng)該在撞擊物體接觸之前都保持不動(dòng)。

之前我們制作的是位移動(dòng)畫(huà)，是利用圖層的移動(dòng)。除此之外，還可以通過(guò)設(shè)定不同的圖層部透明度來(lái)產(chǎn)生動(dòng)畫(huà)，制作的方法相信大家應(yīng)該可以猜得到，那就是在不同的幀中改變圖層調(diào)板中的部透明度數(shù)值�，F(xiàn)在新建一個(gè)100×100的圖像，新建一個(gè)圖層并繪制一個(gè)方塊。然后一次性復(fù)制5個(gè)幀出來(lái)，將會(huì)看到6個(gè)幀都是相同的內(nèi)容。將所有幀的停留時(shí)間統(tǒng)一改為0.1秒，如下左圖所示。接著選擇第2幀，在圖層調(diào)板中將方塊圖層的不透明度改為80%，第3幀60%，以此類(lèi)推，到第6幀為0%。形成的效果類(lèi)似下右圖所示。這時(shí)候播放就會(huì)看到方塊逐漸漸隱的效果。需要注意的是，通過(guò)按鈕隱藏圖層等同于將不透明度設(shè)定為0%。

在這個(gè)制作中有一個(gè)很大不同，就是我們改變了原先復(fù)制一幀后馬上進(jìn)行設(shè)定，設(shè)定完后才復(fù)制另外一幀的方法。這次是將所有幀一次性復(fù)制出來(lái)，然后選定幀進(jìn)行設(shè)定。這也是一種制作方法。在操作的過(guò)程中大家不難發(fā)現(xiàn)，對(duì)于圖層調(diào)板中的不透明度而言，在選擇另外一幀的時(shí)候它又會(huì)回到100%。這說(shuō)明一個(gè)特性，那就是對(duì)其中一幀的不透明度更改并不會(huì)影響到其他幀。再試想一下，如果我們用這種方法去制作最初的方塊移動(dòng)，在前一幀中移動(dòng)圖層后選擇下一幀時(shí)，將發(fā)生怎樣的情況呢？很顯然，我們將看到方塊又回到了原點(diǎn)。而如果此時(shí)的圖層位置設(shè)定沒(méi)有按照前一幀的軌跡，則將構(gòu)不成流暢的移動(dòng)效果。因此這種預(yù)先建立所有幀然后修改的方法并不適用于位移動(dòng)畫(huà)，其實(shí)也不適用于其他動(dòng)畫(huà)。只是遇到需要在指定幀數(shù)中制作動(dòng)畫(huà)時(shí)才會(huì)用到。

現(xiàn)在我們已經(jīng)掌握了兩種可產(chǎn)生動(dòng)畫(huà)效果的設(shè)定，一是圖層位置，二是圖層不透明度，現(xiàn)在可以綜合利用兩者來(lái)制作一個(gè)既移動(dòng)又漸隱的動(dòng)畫(huà)了。這可以在剛才單純漸隱的基礎(chǔ)上加以修改。也就是用土辦法，選擇一幀后移動(dòng)些許，如此往復(fù)。不過(guò)我們需要一個(gè)從左端移動(dòng)到右端的效果，也就是說(shuō)方塊的起始位置必須在左端，但現(xiàn)在所有幀中的方塊都在中間，這該怎么辦呢？既然“所有幀”都在中間，那么我們就讓“所有幀”都到左邊吧。在動(dòng)畫(huà)調(diào)板中選擇所有的幀，通過(guò)移動(dòng)工具移動(dòng)圖層到最左端，就會(huì)看到所有幀中方塊的位置都發(fā)生了改變。此外還有一種方法。整個(gè)動(dòng)畫(huà)過(guò)程可以看作是一個(gè)前因后果的關(guān)系。如果你在第一幀刪除了某個(gè)圖層，那么之后所有幀中就都不存在這個(gè)層了。因此在Photoshop動(dòng)畫(huà)設(shè)定中，第一幀是比較特殊的�，F(xiàn)在選擇第一幀，確保圖層調(diào)板中“傳播幀1”有效，如下左圖紅色箭頭處所示。然后移動(dòng)圖層，就會(huì)發(fā)現(xiàn)所有幀中的方塊都統(tǒng)一發(fā)生了移動(dòng)，如下右圖所示。如果“傳播幀1”無(wú)效則只會(huì)改變第1幀中的方塊位置。這兩種方法各有利弊，“傳播幀1”其實(shí)就是“傳播第1幀，就是將第1幀的改變傳播給所有幀。它可以很方便地改變整個(gè)動(dòng)畫(huà)中某些物體的設(shè)定。而選擇所有幀的做法在幀數(shù)較多的時(shí)候會(huì)稍顯麻煩，但它可以派生出“選擇某些幀”的方式，比如只要改變前3幀時(shí)，就可以將前3幀一起選擇后進(jìn)行設(shè)定。需要注意的是，即使原先每個(gè)幀都設(shè)定了不同的圖層位置，“傳播幀1”也仍然有效。效果等同于所有幀中的坐標(biāo)按照第一幀進(jìn)行偏移。

在這里再說(shuō)一下選擇多個(gè)幀的問(wèn)題，我們已經(jīng)知道如果要選擇前4幀，可以先選擇幀1后按住SHIFT鍵再點(diǎn)擊幀4，或者反其道而行之也可。但如果要選擇不連續(xù)的幀，如幀1、幀3、幀4，則可以先按照之前的方法選擇幀1到幀4，然后按住CTRL鍵單擊幀2，就可以減去選擇幀2。重復(fù)操作一次則又可以添加選擇幀2。如果是要選擇距離較遠(yuǎn)的個(gè)別幀，如幀2、幀11、幀17、幀27，則可以先單獨(dú)選擇其中任意一個(gè)，再按住CTRL去添加選擇其他的幀。

將所有的幀中的方塊都移動(dòng)到左端后，要做的就是逐個(gè)幀地設(shè)定方塊的位置，那就是選擇第2幀移動(dòng)些許，選擇第3幀移動(dòng)些許。當(dāng)然這中間有一個(gè)我們已經(jīng)提到過(guò)的問(wèn)題，就是很難保證移動(dòng)的流暢。我們?cè)赑hotoshop中學(xué)習(xí)過(guò)，在選用移動(dòng)工具的時(shí)，可以使用鍵盤(pán)上的方向鍵去移動(dòng)圖層，一次移動(dòng)1像素，配合SHIFT鍵就可以遠(yuǎn)距離移動(dòng)。那現(xiàn)在我們就選擇第2幀，用SHIFT+右方向鍵移動(dòng)。接著選擇第3幀，由于該幀中方塊又回到了起點(diǎn)，所以需要兩次SHIFT+右方向鍵。第4幀中則是3次，以此類(lèi)推。設(shè)定類(lèi)似下圖所示。第6幀中方塊已消失，可不作設(shè)定。

使用方向鍵移動(dòng)的方法盡管可以保證軌跡的一致，但其局限性也很明顯，那就是只適合制作水平垂直或45度角這樣的軌跡。如果我們需要較為隨意的移動(dòng)軌跡(如一條弧線)，又想保持流暢性該如何做呢？當(dāng)然大家會(huì)說(shuō)如果在開(kāi)始就使用“復(fù)制幀、移動(dòng)圖層”的方法就不會(huì)有現(xiàn)在的困擾，但請(qǐng)別忘記，修改運(yùn)動(dòng)軌跡也是常有的事情。所以還是仔細(xì)思考一下如何操作吧。