第九課:使用圖層樣式制作動(dòng)畫(huà)
在學(xué)習(xí)了如何使用時(shí)間軸方式制作動(dòng)畫(huà)之后,我們就完成了動(dòng)畫(huà)制作的基礎(chǔ)部分。在這里要再次強(qiáng)調(diào),注意不要隨意在時(shí)間軸方式下切換到幀方式,因?yàn)檫@會(huì)導(dǎo)致時(shí)間軸定義的失效。若是誤操作,可使用撤銷(xiāo)命令挽回。
在前面的課程中,在使用幀過(guò)渡的時(shí)候,有3個(gè)參數(shù)(蒙版情況下有5個(gè)),分別是位置、不透明度、樣式。我們已經(jīng)知道位置就是圖層的坐標(biāo),比如一個(gè)文字的移動(dòng),就是改變文字圖層的位置。不透明度則可實(shí)現(xiàn)圖層半透明變化。而所謂的樣式就是指圖層樣式。在Photoshop基礎(chǔ)知識(shí)中我們已經(jīng)學(xué)習(xí)過(guò)如何為圖層定義樣式,在定義樣式中有許多的參數(shù)都直接影響最終的效果。如陰影的高度、角度等。這些參數(shù)中的絕大多數(shù),都可以作為動(dòng)畫(huà)的變量來(lái)使用?梢宰龀鲂Ч浅:玫膭(dòng)畫(huà)。在制作靜態(tài)的作品時(shí),圖層樣式中使用頻率最高的就是投影,那我們就先從投影開(kāi)始,將其做成動(dòng)畫(huà)來(lái)看看效果。
做動(dòng)畫(huà)前先要構(gòu)思好怎么做,這個(gè)構(gòu)思可稱(chēng)為劇本,這次的劇本設(shè)定,是讓一個(gè)圓形浮起。而要在一個(gè)平面上表現(xiàn)物體浮起,就需要借助投影來(lái)引導(dǎo)視覺(jué)。新建一個(gè)100×100的空白圖像,在文檔設(shè)置(點(diǎn)擊動(dòng)畫(huà)調(diào)板右上角的按鈕)中將動(dòng)畫(huà)持續(xù)時(shí)間改為1秒,幀率改為15。如下圖所示。這樣動(dòng)畫(huà)總共就是15幀。需要注意的是:由于幀數(shù)是從1開(kāi)始,而時(shí)刻是從0開(kāi)始,因此開(kāi)始時(shí)刻即00:00就是第1幀,那么第15幀應(yīng)位于00:14時(shí)刻,而非00:15。這個(gè)問(wèn)題以前已經(jīng)提到過(guò),這里重復(fù)一下。
16xx8.com
新建圖層,接著使用橢圓工具的填充像素方式(非矢量)畫(huà)出一個(gè)圓,顏色自定,然后對(duì)其設(shè)定投影樣式。分別如下各圖所示。
以上的設(shè)定都是默認(rèn)在00:00時(shí)刻的,現(xiàn)在按下時(shí)間軸中“樣式”左方的秒表按鈕,開(kāi)啟該項(xiàng)動(dòng)畫(huà)設(shè)定。將時(shí)間標(biāo)桿移動(dòng)到00:14時(shí)刻(也就是最后1幀),再次開(kāi)啟樣式設(shè)定框,更改投影參數(shù)中的“距離”為20像素,效果如下圖所示。
范例動(dòng)畫(huà)
看起來(lái)似乎不太對(duì)勁,這是因?yàn)殡m然影子移動(dòng)了,但物體沒(méi)有移動(dòng),所以并不能表達(dá)出浮動(dòng)的效果。因此大家以后在制作此類(lèi)動(dòng)畫(huà)時(shí)候要注意,物體和陰影要同時(shí)反向移動(dòng),F(xiàn)在回到開(kāi)始時(shí)刻,開(kāi)啟時(shí)間軸中的“位置”項(xiàng)目。然后在00:14時(shí)刻(可點(diǎn)擊樣式項(xiàng)目的按鈕找到該時(shí)刻)將圓形往左上方移動(dòng)些許(可用鍵盤(pán)的方向鍵),我們的投影是75度,所以要注意往上移動(dòng)多些距離,往左移動(dòng)少些,大約2:1這樣。移動(dòng)的距離并不一定也要20像素,大約15像素左右就可以滿(mǎn)足效果了。修改后的效果如下。
學(xué)習(xí) · 提示
相關(guān)教程
- 果凍動(dòng)畫(huà),用PS制作Q彈的果凍動(dòng)畫(huà)
- 下雨效果,通過(guò)PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)態(tài)照片,用PS制作那種“動(dòng)”起來(lái)的“Cinemagraph”類(lèi)型照片
- 動(dòng)畫(huà)教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 融合動(dòng)畫(huà),用PS制作一個(gè)融合效果的動(dòng)態(tài)圖
- 融合動(dòng)圖,做一個(gè)圖形融合效果的圖片
- 動(dòng)圖教程,用PS制作一款動(dòng)態(tài)風(fēng)景照
- 動(dòng)畫(huà)教程,快速繪制加載效果動(dòng)態(tài)圖片
- 動(dòng)圖教程,用PS制作一只萌萌噠動(dòng)態(tài)小飛機(jī)
- 煙花效果,用PS制作煙花綻放GIF動(dòng)畫(huà)效果
推薦教程
- PS制作-文字平面動(dòng)畫(huà)旋轉(zhuǎn)
- [IR動(dòng)圖教程] Photoshop IR教程:拋番茄的帥哥動(dòng)畫(huà)
- ImageReady幀過(guò)渡功能使用實(shí)例:飄落花瓣
- [IR動(dòng)圖教程] 做甲殼蟲(chóng)卡通動(dòng)畫(huà)
- PS cs6動(dòng)畫(huà)教程:用剪貼蒙版巧做遮罩動(dòng)畫(huà)
- ps做寫(xiě)字動(dòng)畫(huà)教程
- ps制作逼真的心電圖GIF動(dòng)畫(huà)特效
- PS制作雨巷逼真雨絲飄飄的浪漫GIF動(dòng)畫(huà)教程
- 果凍動(dòng)畫(huà),用PS制作Q彈的果凍動(dòng)畫(huà)
- photoshop教程:制作幽靈GIF動(dòng)畫(huà)