第十一課：使用蒙版制作動畫

前一課的作業(yè)沒有技術(shù)層面上的難點，所需要的就是細(xì)致的觀察和耐心的思考。因此我們不會再做詳細(xì)講評，僅簡要介紹。并附帶PSD源文件供大家參考。

文字從黑變白的做法是建立白色文字層，將文字層的填充不透明度作成動畫，即可形成從黑到白的效果。其實應(yīng)該是逐漸隱現(xiàn)的淡入效果，只是由于背景為黑色而已。文字邊緣的效果則是描邊，使用了圖案描邊。圖案描邊可以使用鼠標(biāo)拖動調(diào)整位置，正是將這個位置做成了動畫效果。大部分邊緣閃動的效果都可以這樣來制作。另外還可以試試看將圖案縮放做成動畫，效果也類似。點此下載該范例的PSD源文件：，打開后若出現(xiàn)字體缺失的警告，則可改用其它字體，對最終效果沒有多大影響。

在Photoshop制作動畫的內(nèi)容中，最重要的是基本的時間軸、關(guān)鍵幀等概念。在此基礎(chǔ)上，要令動畫漂亮、精細(xì)，則需要依靠樣式。因此夠熟練使用圖層樣式也是一個重要的條件。本課將介紹另一個動畫基礎(chǔ)知識，就是在動畫中使用蒙版。當(dāng)然，在此之前要求大家已完全掌握了基礎(chǔ)教程中蒙版部分的知識，在這里不會重復(fù)介紹。

在時間軸的項目中，大家都已經(jīng)看到過蒙版的項目，分為普通的點陣蒙版與矢量蒙版。它們各自都具備兩個動畫項目，一是蒙版的位置，二是蒙版的啟用。所謂啟用就是指蒙版的有效性，即開啟或關(guān)閉?？梢杂脕砜刂莆矬w的出現(xiàn)或消失，但不能帶有過渡效果。也就是說要么就完全有，要么就完全沒有，而不能在兩者間過渡。實用價值不是很大，因為同樣的效果我們直接使用圖層不透明度和“保留插值”就可以實現(xiàn)。蒙版位置則是一個大有用處的項目，如果我們要制作一個模擬進(jìn)度條的動畫，如下圖所示。由于Photoshop不支持變形動畫，因此不能簡單地通過變換命令實現(xiàn)。雖然可以通過之前介紹的“獨立圖層”來制作，但未免顯得太過繁瑣，且后期可編輯性極差。

范例動畫

用蒙版來制作這個動畫則非常簡單，在新建的圖層中畫好長方形，建立一個全白的蒙版，再將其填黑，解除蒙版與圖層的鏈接關(guān)系，如下左圖所示。接著就可以設(shè)定蒙版位置的動畫項目了。其過程很簡單，就是在開始時刻保持蒙版在全黑，在結(jié)束時刻將其移動(往左往右自定)到完全露出白色，也就是不再遮擋圖層內(nèi)容為止。動畫的文檔設(shè)定為1秒、15fps。也可以將蒙版制作為帶有漸變的，如下右圖所示。這樣可以令進(jìn)度條的末端顯得平滑些。

觀看范例動畫

除了移動蒙版的位置以外，也可在保持蒙版不動的前提下去移動圖層中的內(nèi)容。建立一個文字層，用漸變工具將其蒙版制作為帶有對稱漸變的效果。圖像效果如下左圖所示，圖層調(diào)板如下右圖所示。解除蒙版鏈接后，就可以將圖層的位置制作為動畫了。注意此時不再是蒙版位置項目，而是之前我們學(xué)過的圖層位置。動畫的文檔設(shè)定為2秒、15fps。雖然此時并不是直接移動蒙版，但必須借助于蒙版的遮擋效果才能完成動畫，所以仍然將其歸為蒙版類動畫。