當(dāng)前位置:首頁>ps入門教程>動(dòng)圖教程>動(dòng)畫教程>教程內(nèi)容

ps制作炫彩效果的流動(dòng)動(dòng)畫教程(4)

來源:古欲香蕭 作者:佚名 學(xué)習(xí):12601人次

GIF動(dòng)畫圖片失真較大,一般經(jīng)過羽化等效果處理的透明背景圖都會(huì)出現(xiàn)雜邊,而要處理掉這些難看的雜邊是件很復(fù)雜費(fèi)時(shí)的工作!所以如果能解決透明圖出現(xiàn)雜邊的不足將是gif的一個(gè)重大突破了!望早日實(shí)現(xiàn)!雜邊問題可以配合PHOTOSHOP先把每一楨保存的時(shí)候把雜邊擴(kuò)展為網(wǎng)頁背景色一樣的顏色即可使邊緣清晰圓潤。。

效果1:

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

效果二隨便做的只是示范一下

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

1.打開素材圖片,調(diào)整圖片大小,做GIF動(dòng)畫圖片不宜過大,否則上傳到網(wǎng)絡(luò)相冊就不會(huì)動(dòng)了。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

2.用鋼筆工具,以人物為中心,勾出如下路徑。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

3.新建一圖層,點(diǎn)畫筆,選畫筆第一個(gè)筆頭,路徑描邊1像素,

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

4.再調(diào)整一下畫筆,設(shè)置如下:

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

5.調(diào)整好之后 同第3步,路徑描邊,得到如下結(jié)果。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

6.觀察一下線條,把從人物背后經(jīng)過的線條選出來刪除。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

7.線條做好后的效果。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

8.在線條圖層,按住CTRL鍵,鼠標(biāo)左鍵單擊線條圖層(透明框框),即可把線條載入選區(qū)。接著點(diǎn)擊面板下方添加圖層蒙板按鈕。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

9.新建圖層,下方框選三分之一左右填充漸變,漸變的顏色決定線條的顏色。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

漸變右側(cè)透明度為0

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

10.把漸變上端稍模糊一下,看起來不要太尖銳。方法是框選上端小部分,羽化5,detele。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

11.線條圖層,點(diǎn)解除與蒙板鏈接,把蒙板用鼠標(biāo)拖到圖層2。選中漸變圖層,可以調(diào)整顏色、外發(fā)光等參數(shù),我這就不做了。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

12.調(diào)出動(dòng)畫面板,用移動(dòng)工具,點(diǎn)圖層2前面的漸變,用方鍵向下移,直到看不到線條。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

13.動(dòng)畫面板,復(fù)制當(dāng)前幀(垃圾桶左邊那個(gè)按鈕),用移動(dòng)工具,按住shift鍵,把圖層2漸變直線向上移動(dòng),直到看不到線條為止。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

14.選定第一幀,再點(diǎn)過度(垃圾桶前面第二個(gè)按鈕),輸入數(shù)值40-70之間,點(diǎn)確定。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

15.點(diǎn)文件--存儲(chǔ)為web所用格式,下圖是GIF設(shè)置。勾選透明度可以使文件變得更小。

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

最終效果!

Photoshop制作炫彩效果的流動(dòng)動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!