第九課：使用圖層樣式制作動(dòng)畫

在學(xué)習(xí)了如何使用時(shí)間軸方式制作動(dòng)畫之后，我們就完成了動(dòng)畫制作的基礎(chǔ)部分。在這里要再次強(qiáng)調(diào)，注意不要隨意在時(shí)間軸方式下切換到幀方式，因?yàn)檫@會(huì)導(dǎo)致時(shí)間軸定義的失效。若是誤操作，可使用撤銷命令挽回。

在前面的課程中，在使用幀過渡的時(shí)候，有3個(gè)參數(shù)(蒙版情況下有5個(gè))，分別是位置、不透明度、樣式。我們已經(jīng)知道位置就是圖層的坐標(biāo)，比如一個(gè)文字的移動(dòng)，就是改變文字圖層的位置。不透明度則可實(shí)現(xiàn)圖層半透明變化。而所謂的樣式就是指圖層樣式。在Photoshop基礎(chǔ)知識(shí)中我們已經(jīng)學(xué)習(xí)過如何為圖層定義樣式，在定義樣式中有許多的參數(shù)都直接影響最終的效果。如陰影的高度、角度等。這些參數(shù)中的絕大多數(shù)，都可以作為動(dòng)畫的變量來使用?？梢宰龀鲂Ч浅：玫膭?dòng)畫。在制作靜態(tài)的作品時(shí)，圖層樣式中使用頻率最高的就是投影，那我們就先從投影開始，將其做成動(dòng)畫來看看效果。

做動(dòng)畫前先要構(gòu)思好怎么做，這個(gè)構(gòu)思可稱為劇本，這次的劇本設(shè)定，是讓一個(gè)圓形浮起。而要在一個(gè)平面上表現(xiàn)物體浮起，就需要借助投影來引導(dǎo)視覺。新建一個(gè)100×100的空白圖像，在文檔設(shè)置(點(diǎn)擊動(dòng)畫調(diào)板右上角的按鈕)中將動(dòng)畫持續(xù)時(shí)間改為1秒，幀率改為15。如下圖所示。這樣動(dòng)畫總共就是15幀。需要注意的是：由于幀數(shù)是從1開始，而時(shí)刻是從0開始，因此開始時(shí)刻即00:00就是第1幀，那么第15幀應(yīng)位于00:14時(shí)刻，而非00:15。這個(gè)問題以前已經(jīng)提到過，這里重復(fù)一下。

16xx8.com

新建圖層，接著使用橢圓工具的填充像素方式(非矢量)畫出一個(gè)圓，顏色自定，然后對(duì)其設(shè)定投影樣式。分別如下各圖所示。

以上的設(shè)定都是默認(rèn)在00:00時(shí)刻的，現(xiàn)在按下時(shí)間軸中“樣式”左方的秒表按鈕，開啟該項(xiàng)動(dòng)畫設(shè)定。將時(shí)間標(biāo)桿移動(dòng)到00:14時(shí)刻(也就是最后1幀)，再次開啟樣式設(shè)定框，更改投影參數(shù)中的“距離”為20像素，效果如下圖所示。

范例動(dòng)畫

看起來似乎不太對(duì)勁，這是因?yàn)殡m然影子移動(dòng)了，但物體沒有移動(dòng)，所以并不能表達(dá)出浮動(dòng)的效果。因此大家以后在制作此類動(dòng)畫時(shí)候要注意，物體和陰影要同時(shí)反向移動(dòng)?，F(xiàn)在回到開始時(shí)刻，開啟時(shí)間軸中的“位置”項(xiàng)目。然后在00:14時(shí)刻(可點(diǎn)擊樣式項(xiàng)目的按鈕找到該時(shí)刻)將圓形往左上方移動(dòng)些許(可用鍵盤的方向鍵)，我們的投影是75度，所以要注意往上移動(dòng)多些距離，往左移動(dòng)少些，大約2:1這樣。移動(dòng)的距離并不一定也要20像素，大約15像素左右就可以滿足效果了。修改后的效果如下。