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

2023-12-02 17:46:53 來(lái)源/作者: / 己有:0人學(xué)習(xí)過(guò)

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

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

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

不僅是文字,各種圖形符號(hào)也可以依照這個(gè)方法做成單向循環(huán)動(dòng)畫(huà)。

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

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

 本教程是關(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)!

  蒙版動(dòng)畫(huà)的技術(shù)性內(nèi)容就是這些,并不高深,但如果結(jié)合之前的知識(shí),就能做出很多效果。比如我們之前學(xué)過(guò)圖層樣式動(dòng)畫(huà)中的角度漸變動(dòng)畫(huà)就可以利用蒙版進(jìn)一步制作。普通的角度漸變?nèi)缦伦髨D所示,我們?yōu)槠涮砑由弦粋€(gè)矢量蒙版,如下右圖所示。就可以作出一個(gè)圓形進(jìn)度條的動(dòng)畫(huà)了。點(diǎn)此下載這個(gè)動(dòng)畫(huà)的PSD源文件。供大家自行分析。

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

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

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

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