第十一課：使用蒙版制作動畫

此外，相同色標的漸變可以將色標位置的變化作為動畫，如下圖所示?？梢孕纬蓾u變逐漸展開的效果。

范例動畫

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

范例動畫

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

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