Photoshop CS3使用蒙版制作動畫-前言

　　不同于以前我們所做的文字移動，上面這個效果可稱為文字滾動，兩者的區(qū)別主要在于前者的文字內容完全呈現(xiàn)，后者則輪流出現(xiàn)。如果要令滾動的文字具備循環(huán)效果則需要一定的技巧，往復式設定不適用于此，因為閱讀習慣的關系，滾動過去的文字不適宜反方向再滾動回來，就好比一句話不能反過來讀一樣。雖然默認的循環(huán)播放也算是一種解決方法，但在文字的最后字母經過之后會留有一段空白。

我們可以通過復制文字內容的方式來形成沒有空白的循環(huán)效果。將文字內容復制出2份并接在原文字之后，即將“Photoshop”變?yōu)?ldquo;Photoshop_Photoshop_Photoshop”。在起始時刻將前兩個單詞的銜接處即“p_P”置于圖層中央(或某個)位置，在結束時刻將第2個銜接處移動到大致相同的位置。在動畫中微小的差異不易被察覺，所以不精確也沒關系。若要追求精確，可以某個字母的筆畫(如P的左邊一豎)為準建立參考線精確對齊。

此時循環(huán)效果已形成，只是在開始時刻和結束時刻存在相同狀態(tài)的幀。由于這里不是對稱的往復式動畫，可直接將結束時刻(01:14)的關鍵幀移動到02:00處，如下圖所示。如果掌握了之前所學的內容就能理解02:00時刻實際上并不屬于動畫過程，真正的動畫過程是00:00至01:14。

不僅是文字，各種圖形符號也可以依照這個方法做成單向循環(huán)動畫。

圖8

  
圖9

　本教程是關于Photoshop CS3使用蒙版制作動畫，趙鵬老師通過去10節(jié)對PS CS3制作動畫制作的基礎介紹，我們基本了解了通過時間軸和圖層樣式制作簡單動畫效果，本節(jié)我們來學習使用蒙版來制作動畫，下面大家看到這些進度條loading效果，一定有學習的沖動！

　　蒙版動畫的技術性內容就是這些，并不高深，但如果結合之前的知識，就能做出很多效果。比如我們之前學過圖層樣式動畫中的角度漸變動畫就可以利用蒙版進一步制作。普通的角度漸變如下左圖所示，我們?yōu)槠涮砑由弦粋€矢量蒙版，如下右圖所示。就可以作出一個圓形進度條的動畫了。點此下載這個動畫的PSD源文件。供大家自行分析。

雖然這里可以使用點陣蒙版，但矢量蒙版能很好地適應圖像縮放。這樣可以很容易地將動畫改變?yōu)槿我獬叽缫赃m應不同的需求。有關點陣與矢量的區(qū)別、矢量路徑的繪制在基礎教程部分已經介紹過了。后面的課程中會介紹動畫尺寸對于字節(jié)數(shù)的影響。

圖10

圖11

圖12