第十一課：使用蒙版制作動(dòng)畫(huà)

此外，相同色標(biāo)的漸變可以將色標(biāo)位置的變化作為動(dòng)畫(huà)，如下圖所示?？梢孕纬蓾u變逐漸展開(kāi)的效果。

范例動(dòng)畫(huà)

大家也許認(rèn)為范例的動(dòng)畫(huà)總用黑白灰度太單調(diào)，這其實(shí)是我們從教學(xué)角度出發(fā)而采取的方式，一是灰度沒(méi)有色彩干擾可以清晰的表示內(nèi)容，二是灰度很容易以不同的混合模式作用于任何顏色之上，從而經(jīng)過(guò)簡(jiǎn)單的修改步驟就能形成良好的效果。這個(gè)我們?cè)诨A(chǔ)教程的第11章節(jié)第6小節(jié)已經(jīng)介紹過(guò)了。我們?yōu)閯?dòng)畫(huà)添加上投影、外發(fā)光等，并更改填充的顏色和漸變的疊加方式，就得到了如下圖所示的圖像效果。注意這個(gè)動(dòng)畫(huà)的文檔設(shè)定改為了10fps，以后會(huì)介紹為何更改。

范例動(dòng)畫(huà)

到現(xiàn)在為止，我們基本都是在以單個(gè)圖層作為動(dòng)畫(huà)的對(duì)象，但并不代表在實(shí)際的制作中也要如此“節(jié)約”。大家盡可以使用多個(gè)圖層來(lái)組成畫(huà)面更豐富的動(dòng)畫(huà)。不過(guò)依然要遵循這一個(gè)原則，即用盡可能少的圖層去制作。因?yàn)閳D層數(shù)量一多容易造成混亂，且不利于后期修改。另外一個(gè)原則早在基礎(chǔ)教程時(shí)候就提到過(guò)了，那就是盡量使用矢量。以下就是我們用兩個(gè)圖層組成的動(dòng)畫(huà)。由于這個(gè)動(dòng)畫(huà)字節(jié)數(shù)太大，就不在網(wǎng)頁(yè)中展示了。大家可將其當(dāng)成作業(yè)，我們提供源文件供大家研究。點(diǎn)此下載范例PSD源文件:。

Photoshop也可以為圖層組制作動(dòng)畫(huà)，但僅限于圖層組的總體不透明度，以及圖層組蒙版。不支持圖層組位置動(dòng)畫(huà)，這多少有些遺憾。如果能夠支持圖層組位置動(dòng)畫(huà)，則我們就可以很容易制作相對(duì)移動(dòng)。比如先制作文字在按鈕上的橫向移動(dòng)，然后將文字與按鈕組成圖層組，再為圖層組定義一個(gè)豎向移動(dòng)的動(dòng)畫(huà)，就可以完成上面的作業(yè)了。