第十一課:使用蒙版制作動畫
前一課的作業(yè)沒有技術(shù)層面上的難點,所需要的就是細致的觀察和耐心的思考。因此我們不會再做詳細講評,僅簡要介紹。并附帶PSD源文件供大家參考。
文字從黑變白的做法是建立白色文字層,將文字層的填充不透明度作成動畫,即可形成從黑到白的效果。其實應(yīng)該是逐漸隱現(xiàn)的淡入效果,只是由于背景為黑色而已。文字邊緣的效果則是描邊,使用了圖案描邊。圖案描邊可以使用鼠標(biāo)拖動調(diào)整位置,正是將這個位置做成了動畫效果。大部分邊緣閃動的效果都可以這樣來制作。另外還可以試試看將圖案縮放做成動畫,效果也類似。點此下載該范例的PSD源文件:m.tgudhdp.cn,打開后若出現(xiàn)字體缺失的警告,則可改用其它字體,對最終效果沒有多大影響。
在Photoshop制作動畫的內(nèi)容中,最重要的是基本的時間軸、關(guān)鍵幀等概念。在此基礎(chǔ)上,要令動畫漂亮、精細,則需要依靠樣式。因此夠熟練使用圖層樣式也是一個重要的條件。本課將介紹另一個動畫基礎(chǔ)知識,就是在動畫中使用蒙版。當(dāng)然,在此之前要求大家已完全掌握了基礎(chǔ)教程中蒙版部分的知識,在這里不會重復(fù)介紹。
在時間軸的項目中,大家都已經(jīng)看到過蒙版的項目,分為普通的點陣蒙版與矢量蒙版。它們各自都具備兩個動畫項目,一是蒙版的位置,二是蒙版的啟用。所謂啟用就是指蒙版的有效性,即開啟或關(guān)閉?梢杂脕砜刂莆矬w的出現(xiàn)或消失,但不能帶有過渡效果。也就是說要么就完全有,要么就完全沒有,而不能在兩者間過渡。實用價值不是很大,因為同樣的效果我們直接使用圖層不透明度和“保留插值”就可以實現(xiàn)。蒙版位置則是一個大有用處的項目,如果我們要制作一個模擬進度條的動畫,如下圖所示。由于Photoshop不支持變形動畫,因此不能簡單地通過變換命令實現(xiàn)。雖然可以通過之前介紹的“獨立圖層”來制作,但未免顯得太過繁瑣,且后期可編輯性極差。
范例動畫
用蒙版來制作這個動畫則非常簡單,在新建的圖層中畫好長方形,建立一個全白的蒙版,再將其填黑,解除蒙版與圖層的鏈接關(guān)系,如下左圖所示。接著就可以設(shè)定蒙版位置的動畫項目了。其過程很簡單,就是在開始時刻保持蒙版在全黑,在結(jié)束時刻將其移動(往左往右自定)到完全露出白色,也就是不再遮擋圖層內(nèi)容為止。動畫的文檔設(shè)定為1秒、15fps。也可以將蒙版制作為帶有漸變的,如下右圖所示。這樣可以令進度條的末端顯得平滑些。
觀看范例動畫
除了移動蒙版的位置以外,也可在保持蒙版不動的前提下去移動圖層中的內(nèi)容。建立一個文字層,用漸變工具將其蒙版制作為帶有對稱漸變的效果。圖像效果如下左圖所示,圖層調(diào)板如下右圖所示。解除蒙版鏈接后,就可以將圖層的位置制作為動畫了。注意此時不再是蒙版位置項目,而是之前我們學(xué)過的圖層位置。動畫的文檔設(shè)定為2秒、15fps。雖然此時并不是直接移動蒙版,但必須借助于蒙版的遮擋效果才能完成動畫,所以仍然將其歸為蒙版類動畫。
學(xué)習(xí) · 提示
相關(guān)教程