第九課:使用圖層樣式制作動畫

2022-12-25 10:47:30 來源/作者: / 己有:41人學習過

在學習了如何使用時間軸方式制作動畫之后,我們就完成了動畫制作的基礎部分。在這里要再次強調(diào),注意不要隨意在時間軸方式下切換到幀方式,因為這會導致時間軸定義的失效。若是誤操作,可使用撤銷命令挽回。

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

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

第九課:使用圖層樣式制作動畫16xx8.com

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

第九課:使用圖層樣式制作動畫

 第九課:使用圖層樣式制作動畫 第九課:使用圖層樣式制作動畫

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

范例動畫

第九課:使用圖層樣式制作動畫 第九課:使用圖層樣式制作動畫

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