Ps淘寶教程：塑造流光動(dòng)畫(huà)曲線(xiàn)

PS的內(nèi)置動(dòng)畫(huà)制作功能非常強(qiáng)大，應(yīng)用也非常廣泛，只要你有足夠的想象力既能完成很多特效，本例以PS在淘寶美工動(dòng)畫(huà)中的流光動(dòng)畫(huà)曲線(xiàn)制作為例進(jìn)行講述，有興趣的朋友可以一試。

PS流光動(dòng)畫(huà)曲線(xiàn)效果圖

流光動(dòng)畫(huà)素材原圖

1、本教程依然采用photoshop CS5制作，素材圖就一張，還是以?xún)?nèi)衣模特為例，本實(shí)例將塑造一個(gè)動(dòng)感的流光曲線(xiàn)用來(lái)襯托女性的完美曲線(xiàn)，先在PS中打開(kāi)原圖，如下圖所示：

2、本素材的背景為白色，所以摳圖可以用魔棒等工具快速完成，先獲取人物的選區(qū)，如下圖所示：

3、對(duì)于人物摳圖，最好通過(guò)菜單“選擇->調(diào)整邊緣”進(jìn)行細(xì)節(jié)調(diào)整，設(shè)置參數(shù)如下圖所示：

4、摳圖后得到“背景 副本”，效果如下圖所示：

5、單一顏色的背景比較單調(diào)，所以一般我們會(huì)給人物添加一個(gè)漸變的背景，選擇漸變工具，選擇“菱形”漸變，打開(kāi)漸變編輯器，設(shè)置從黑色到白色的漸變，調(diào)整黑色的比例讓其占多數(shù)，如下圖所示：

6、在“背景 副本”下方新建一個(gè)圖層1，利用設(shè)置好的漸變從中心點(diǎn)向左下角拉出一條直線(xiàn)進(jìn)行漸變填充，這種漸變可以很好的襯托出人物而又不失單調(diào)，之所以以黑色為主調(diào)，是因?yàn)楸纠牧鞴鈩?dòng)畫(huà)以白色為主，背景漸變效果如下圖所示：

7、在黑色調(diào)的背景襯托下可能你會(huì)發(fā)現(xiàn)人物邊緣有白色雜邊，這很正常，可以通過(guò)用25%的加深工具對(duì)邊緣區(qū)域進(jìn)行適當(dāng)?shù)耐磕?，另外還可以視情況選擇菜單“圖層->修邊->去邊”等進(jìn)行細(xì)節(jié)處理，基本上都可以將雜邊消除，效果如下圖所示：

8、接下來(lái)我們開(kāi)始制作曲線(xiàn)，新建一個(gè)圖層2，單擊選擇鋼筆工具，勾畫(huà)出如下圖所示曲線(xiàn)(先在最上方單擊一個(gè)點(diǎn)，在中間位置再添加一個(gè)點(diǎn)，不放開(kāi)鼠標(biāo)向右下角拖動(dòng)即可生成曲線(xiàn)，第三個(gè)點(diǎn)同理)，盡量讓曲線(xiàn)與人物身材曲線(xiàn)走勢(shì)相近，本例效果如下圖：

9、接著進(jìn)行描邊路徑，單擊選中畫(huà)筆工具，設(shè)置大小為5px，硬度為50%左右，前景色設(shè)置為白色，如下圖所示：

10、單擊進(jìn)入路徑面板，在工作路徑上單擊右鍵，在彈出的菜單中選擇“描邊路徑”，在彈出的設(shè)置窗口中，選擇畫(huà)筆工具，勾選模擬壓力，如下圖所示：

11、描邊路徑后大致效果如下圖所示，如果不想看到路徑，可以在路徑面板空白處單擊一下即可：

12、將描邊的效果圖層2復(fù)制生成“圖層2 副本”，如下圖所示：

13、我們先給“圖層2 副本”添加“外發(fā)光”圖層樣式，設(shè)置外發(fā)光顏色為白色，不透明度為100%，擴(kuò)展為0%，大小為4像素，具體如下圖所示：

14、接著再給圖層2添加外發(fā)光樣式，設(shè)置外發(fā)光顏色為紫色(具體可視個(gè)人喜好而定)，擴(kuò)展為3%，大小為3像素，如下圖所示：

15、應(yīng)用圖層2的圖層樣式，可以暫時(shí)將“圖層2 副本”的眼睛點(diǎn)掉可看到效果，如下圖所示：

16、接下來(lái)制作流光效果，給“圖層2副本”添加黑色的圖層蒙版(按住Alt鍵再單擊添加圖層蒙版)，如下圖所示：

17、單擊選擇畫(huà)筆工具，設(shè)置畫(huà)筆大小為22左右，硬度為50%，前景色為白色，如下圖所示：

18、確保單擊選中“圖層2 副本”的蒙版，然后按住Shift鍵，在圖像的右上方拉出一條白色的橫線(xiàn)(橫線(xiàn)在蒙版里看得見(jiàn)，在圖像中看不見(jiàn))，如下圖所示：

19、鼠標(biāo)單擊“圖層2 副本”的蒙版鏈接處，將鏈接去除，這樣在移動(dòng)蒙版時(shí)就不會(huì)移動(dòng)對(duì)應(yīng)的圖層，如下圖所示：

20、接下來(lái)制作流光動(dòng)畫(huà)，單擊選擇菜單“窗口->動(dòng)畫(huà)”，在彈出的動(dòng)畫(huà)設(shè)置窗口中，單擊窗口下方的“復(fù)制所選幀”，將幀復(fù)制一幀生成第2幀，如下圖所示：

21、確保單擊選中第2幀，圖層中確保單擊選中“圖層2 副本”的蒙版，單擊選擇移動(dòng)工具，將蒙版中的白色橫線(xiàn)向下拖動(dòng)到底端(實(shí)際上是整個(gè)蒙版向下移動(dòng))，在移動(dòng)的過(guò)程中其實(shí)就可以看到流光動(dòng)畫(huà)的效果，如下圖所示：

22、按Ctrl鍵將兩個(gè)幀一起選中，設(shè)置時(shí)間間隔為0.1秒，如下圖所示：

23、單擊動(dòng)畫(huà)設(shè)置窗口下方的“過(guò)渡”按鈕，在彈出的“過(guò)渡”設(shè)置窗口中，設(shè)置過(guò)渡方式為“選區(qū)”，要添加的幀數(shù)為48幀(相同時(shí)間間隔時(shí)，幀數(shù)越多流光速度越慢，動(dòng)畫(huà)越細(xì)致，但容量也越大)，圖層為所有圖層，勾選位置、不透明度和效果，如下圖所示：

24、應(yīng)用過(guò)渡設(shè)置后可以看到在動(dòng)畫(huà)窗口中就出現(xiàn)了50幀的畫(huà)面，如下圖所示：

25、最后還要將動(dòng)畫(huà)保存為特殊的gif格式，選擇菜單“文件->存儲(chǔ)為Web和設(shè)備所用格式”，如下圖所示：

26、在彈出的存儲(chǔ)窗口中，確保預(yù)設(shè)為GIF格式，其它具體參數(shù)如下圖所示，之后單擊“存儲(chǔ)”按鈕進(jìn)行保存即可。到此本例的流光動(dòng)畫(huà)就算完成，這種原理的動(dòng)畫(huà)可以應(yīng)用于多種淘寶美工中，充分發(fā)揮你的想象力即可!

先看看效果圖