在開始之前我們先先解釋一下上課後的作業,那是一個有兩個物體一起移動的動畫。所謂的兩個物體其實也就是兩個圖層,分別繪製上方塊和圓,然後複製一幀並相對移動圖層的位置即可。在技術上並沒有太大難度。
但要注意看清楚我們的範例動畫,其中的圓並不是一開始就移動的,而是滯後一段時間才開始的。這也就是說在前面幾格中只需要移動方塊圖層,而不會移動圓形圖層。在方塊移動幾個畫面後再開始移動圓,動畫調板類似下圖。點選紅色箭頭處可以開啟調板選項,可以自行設定幀縮覽圖的大小。綠色箭頭處的是幀步進按鈕,點擊一次播放一幀,則是播放上一格。按鈕則是回到起始幀。
我們安排這個範例是想告訴大家,一個較為複雜的動畫往往是由許多物體構成的,而這些物體未必都是一同動作(如移動)的。例如製作一個物體撞擊另外一個物體的動畫時,被撞擊物體就應該在撞擊物體接觸前都保持不動。
之前我們製作的是位移動畫,是利用圖層的移動。除此之外,還可以透過設定不同的圖層部透明度來產生動畫,製作的方法相信大家應該可以猜到,那就是在不同的幀中改變圖層調板中的部透明度數值。現在新建一個100×100的影像,新建一個圖層並繪製一個方塊。然後一次性複製5個幀出來,將會看到6個幀都是相同的內容。將所有幀的停留時間統一改為0.1秒,如下左圖所示。
接著選擇第2幀,在圖層調板中將方塊圖層的不透明度改為80%,第3幀60%,以此類推,到第6幀為0%。形成的效果類似下右圖所示。這時候播放就會看到方塊逐漸漸隱的效果。需要注意的是,透過按鈕隱藏圖層等同於將不透明度設定為0%。
在這個製作中有一個很大不同,就是我們改變了原先複製一幀後馬上進行設定,設定完後才複製另外一幀的方法。這次是將所有幀一次複製出來,然後選定幀進行設定。這也是一種製作方法。
在操作的過程中大家不難發現,對於圖層調板中的不透明度而言,在選擇另一幀的時候它又會回到100%。這說明一個特性,那就是對其中一幀的不透明度更改並不會影響到其他幀。再試想一下,如果我們用這種方法去製作最初的方塊移動,在前一幀中移動圖層後選擇下一幀時,會發生怎樣的情況呢?
很顯然,我們將看到方塊又回到了原點。而如果此時的圖層位置設定沒有按照前一幀的軌跡,則將構不成流暢的移動效果。因此這種預先建立所有影格然後修改的方法並不適用於位移動畫,其實也不適用於其他動畫。只是遇到需要在指定幀數中製作動畫時才會用到。
現在我們已經掌握了兩種可產生動畫效果的設定,一是圖層位置,二是圖層不透明度,現在可以綜合利用兩者來製作一個既移動又漸隱的動畫了。這可以在剛才單純漸隱的基礎上加以修改。也就是用土辦法,選擇一格後移動些許,如此往復。
不過我們需要一個從左端移動到右端的效果,也就是說方塊的起始位置必須在左端,但現在所有幀中的方塊都在中間,這該怎麼辦呢?既然「所有幀」都在中間,那麼我們就讓「所有幀」都到左邊吧。在動畫調板中選擇所有的幀,透過移動工具移動圖層到最左端,就會看到所有幀中方塊的位置都改變了。
另外還有一種方法。整個動畫過程可以看作是一個前因後果的關係。如果你在第一幀刪除了某個圖層,那麼之後所有影格就都不存在這個圖層了。因此在Photoshop動畫設定中,第一幀是比較特殊的。現在選擇第一幀,確保圖層調板中「傳播幀1」有效,如下左圖紅色箭頭處所示。然後移動圖層,就會發現所有影格中的方塊都統一發生了移動,如下右圖所示。如果「傳播幀1」無效則只會改變第1幀中的方塊位置。
這兩種方法各有利弊,「傳播幀1」其實就是「傳播第1幀,就是將第1幀的改變傳播給所有幀。它可以很方便地改變整個動畫中某些物體的設定。而選擇所有幀的做法在幀數較多的時候會稍顯麻煩,但它可以派生出「選擇某些幀」的方式,例如只要改變前3幀時,就可以將前3幀一起選擇後進行設定。
需要注意的是,即使原先每個幀都設定了不同的圖層位置,「傳播幀1」仍然有效。效果等同於所有幀中的座標按照第一幀進行偏移。
這裡再說一下選擇多個幀的問題,我們已經知道如果要選擇前4幀,可以先選擇幀1後按住SHIFT鍵再點擊幀4,或者反其道而行之也可。但如果要選擇不連續的幀,如幀1、幀3、幀4,則可以先按照之前的方法選擇幀1到幀4,然後按住CTRL鍵單擊幀2,就可以減去選擇幀2 。重複操作一次則又可以新增選擇幀2。如果是要選擇距離較遠的個別幀,如幀2、幀11、幀17、幀27,則可以先單獨選擇其中任一個,再按住CTRL去添加選擇其他的幀。
將所有的幀中的方塊都移到左端後,要做的就是逐個幀地設定方塊的位置,那就是選擇第2幀移動些許,選擇第3幀移動些許。當然這中間有一個我們已經提過的問題,就是很難保證移動的流暢度。我們在Photoshop中學習過,在選用移動工具的時,可以使用鍵盤上的方向鍵去移動圖層,一次移動1像素,配合SHIFT鍵就可以遠距離移動。
那現在我們就選第2幀,用SHIFT+右方向鍵移動。接著選擇第3幀,由於該幀中方塊又回到了起點,所以需要兩次SHIFT+右方向鍵。第4幀中則是3次,以此類推。設定類似下圖所示。第6幀中方塊已消失,可不作設定。
使用方向鍵移動的方法儘管可以確保軌跡的一致,但其局限性也很明顯,那就是只適合製作水平垂直或45度角這樣的軌跡。如果我們需要較隨意的移動軌跡(如一條弧線),又想保持流暢性該如何做呢?當然大家會說如果在開始就使用「複製幀、移動圖層」的方法就不會有現在的困擾,但請別忘記,修改運動軌跡也是常有的事情。所以還是仔細思考如何操作吧。