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

ps CS5巧用視頻素材制作血龍GIF動(dòng)畫(5)

來源:unacompanied 作者:情非得已 學(xué)習(xí):11924人次

因?yàn)樽罱芏嗳讼雽W(xué)血龍簽,以前記得有教程卻翻不出來,所以今天來做一個(gè)教程,新手教程高手勿踩,怕一些新人看不懂,所以每個(gè)步驟都截了圖,本次是利用現(xiàn)成的動(dòng)態(tài)圖,自已加上文字就行了,只有PhotoShop CS5版本才能直接打開動(dòng)態(tài)圖,所以對(duì)PS版本需要CS5才行。其它版本請(qǐng)參考ps動(dòng)圖打開教程:http://www.psbaike.com/jiaocheng-7223-1-1.html

效果圖:

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

素材:

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

1.先打開素材.CS5可以直接打開,然后打開動(dòng)感模式可以看到, 低于CS5要帶配套軟件打開

(點(diǎn)擊圖片查看大圖)

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

2.打開素材圖之后動(dòng)畫點(diǎn)擊 47. 圖層點(diǎn)到最頂層的圖58

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

3.選擇文字工具,在適合的位置開始打字,字體顏色為白色

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

4.圖層欄,右鍵點(diǎn)擊文字圖層,選擇 柵格化文字

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

5.再次右鍵文字圖層 選擇 混合選項(xiàng)

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

6.打開混合選項(xiàng)后。選擇描邊,然后左鍵點(diǎn)擊顏色,鼠標(biāo)移到素材圖,取血的顏色

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

7.描邊之后,點(diǎn)擊確定,素材成此效果

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

8.為了方便。把圖層效果縮上去,點(diǎn)小三角縮上去

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

9.又來右鍵圖層了。這次選擇復(fù)制圖層,復(fù)制7到10份,這次我來復(fù)制7份吧。

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

10.來到動(dòng)畫1. 點(diǎn)擊眼睛。把58以上的眼睛都點(diǎn)沒

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

11.又來到圖層框,看到圖層沒有fx,右鍵圖層,刪除圖層

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

12.來到動(dòng)畫47. 圖層點(diǎn)開 副本 的眼睛

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

13.選擇橡皮擦工具,把沒用的部分擦掉,例如我這樣

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

14.點(diǎn)擊動(dòng)畫48. 把副本2的眼睛點(diǎn)開。把沒用的部分用橡皮擦工具擦干凈,這是字出來的第二個(gè)圖像

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

14.點(diǎn)擊動(dòng)畫48. 把副本2的眼睛點(diǎn)開。把沒用的部分用橡皮擦工具擦干凈,這是字出來的第二個(gè)圖像

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

15.現(xiàn)在是以上步驟的循環(huán), 點(diǎn)開動(dòng)畫-圖層-橡皮擦擦拭

就這樣字體逐漸出來

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

16.最后一個(gè)步驟

字體全部顯示出來了,就點(diǎn)擊下一個(gè)動(dòng)畫圖層的副本7眼睛點(diǎn)出來,后面的每個(gè)動(dòng)畫都要就像以下

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

17.點(diǎn)擊動(dòng)畫 下面的小三角,看效果

Photoshop CS5巧用視頻素材制作血龍GIF動(dòng)畫,PS教程,16xx8.com教程網(wǎng)

【完結(jié)】好了就可以,就可以點(diǎn)擊左上角-文件-儲(chǔ)存為web-gif-完成

最后效果!

Photoshop CS5巧用視頻素材制作血龍GIF動(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ā)評(píng)論 | 交作業(yè) -
最新評(píng)論
不敗2016-08-26 10:53
3138844142012-01-18 10:56
........................

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

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