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

2024-01-20 17:49:54 來(lái)源/作者: / 己有:0人學(xué)習(xí)過(guò)

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

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

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

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

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

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

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

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