Photoshop CS3使用蒙版制作動(dòng)畫-前言

2023-12-22 17:44:49 來源/作者: / 己有:0人學(xué)習(xí)過

 本教程是關(guān)于Photoshop CS3使用蒙版制作動(dòng)畫,趙鵬老師通過去10節(jié)對PS CS3制作動(dòng)畫制作的基礎(chǔ)介紹,我們基本了解了通過時(shí)間軸和圖層樣式制作簡單動(dòng)畫效果,本節(jié)我們來學(xué)習(xí)使用蒙版來制作動(dòng)畫,下面大家看到這些進(jìn)度條loading效果,一定有學(xué)習(xí)的沖動(dòng)![/td] [/tr][/table][/td][/tr][/table]

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

Photoshop CS3使用蒙版制作動(dòng)畫
圖4

  除了移動(dòng)蒙版的位置以外,也可在保持蒙版不動(dòng)的前提下去移動(dòng)圖層中的內(nèi)容。建立一個(gè)文字層,用漸變工具將其蒙版制作為帶有對稱漸變的效果。圖像效果如下左圖所示,圖層調(diào)板如下右圖所示。解除蒙版鏈接后,就可以將圖層的位置制作為動(dòng)畫了。注意此時(shí)不再是蒙版位置項(xiàng)目,而是之前我們學(xué)過的圖層位置。動(dòng)畫的文檔設(shè)定為2秒、15fps。

雖然此時(shí)并不是直接移動(dòng)蒙版,但必須借助于蒙版的遮擋效果才能完成動(dòng)畫,所以仍然將其歸為蒙版類動(dòng)畫。

Photoshop CS3使用蒙版制作動(dòng)畫
圖5

Photoshop CS3使用蒙版制作動(dòng)畫
圖6

Photoshop CS3使用蒙版制作動(dòng)畫
圖7