動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片

來(lái)源:PS教程自學(xué)平臺(tái)photoshop 作者:PS教程自學(xué)平臺(tái)photos 學(xué)習(xí):7937人次

自從抖音火起來(lái)之后,就默默帶火了不少的產(chǎn)品,捧紅了一些在之前默默無(wú)名的人,讓一些冷門(mén)的歌曲增添了知名度,不光如此,就連抖音logo本身的故障風(fēng)也風(fēng)靡一時(shí),備受追捧,這次我們來(lái)做動(dòng)態(tài)的gif動(dòng)圖,制作起來(lái)也比較好上手,相信同學(xué)們可以通過(guò)教程學(xué)會(huì),其實(shí)學(xué)習(xí)PS就是練習(xí),動(dòng)手來(lái)學(xué)習(xí)一下吧。

效果圖:

 動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

原圖:

動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn學(xué)習(xí)PS請(qǐng)到theoat.com.cn

操作步驟:

1、將素材在ps里打開(kāi),然后復(fù)制一層,新建圖層給圖層添加一個(gè)漸變,然后將圖層混合模式改為“濾色”,效果如圖:

 

動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

2、然后ctrl+e蓋印圖層,在復(fù)制一層。并刪掉其他的圖層   動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn 3、選中圖層,添加圖層混合樣式“混合選項(xiàng)”,記得把通道里的G和B取消選擇。   動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

4、把圖層整體向前移,移到合適的位置,幻影就出來(lái)啦。

動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

5、選中圖層,用矩形選框工具在想要故障條的地方拉出選區(qū),按住“ctrl”鍵拖動(dòng)選框到你想要位置,故障條就做好了。

動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

6、對(duì)這些故障條執(zhí)行“濾鏡—風(fēng)格化—風(fēng)”,選擇大風(fēng)和從右,做出比較細(xì)小的故障效果。

動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

7、用同樣的辦法,在想要故障的地方制作故障條,注意故障條的寬度不要統(tǒng)一,要大小寬窄不同,這樣才會(huì)比較逼真和自然。

動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

8、故障條效果做好后就該做動(dòng)畫(huà)效果了。打開(kāi)時(shí)間軸工具,創(chuàng)建時(shí)間軸,轉(zhuǎn)換為幀動(dòng)畫(huà),現(xiàn)在只有一個(gè)幀,復(fù)制4個(gè)幀,做成5個(gè)幀的動(dòng)畫(huà),每幀設(shè)置0.1秒,播放次數(shù)改為永遠(yuǎn)。

動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

9、復(fù)制一個(gè)圖層做背景層,從第一幀開(kāi)始設(shè)置他的跳動(dòng)規(guī)律,就是他如何跳動(dòng)就看你怎么移動(dòng)?刂乒收蠗l圖層和圖層的位置,可以左右移動(dòng)兩個(gè)圖層,使畫(huà)面活躍起來(lái),播放預(yù)覽,覺(jué)得合適了就行了。

動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

10、接下來(lái)就是如何保存了,我們按住shif+alt+ctrl+s“儲(chǔ)存為WEB和設(shè)備所用格式”,動(dòng)畫(huà)循環(huán)選項(xiàng)注意是確定,然后點(diǎn)擊完成。效果就做好了!

動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

11、最終效果:

 動(dòng)圖制作,通過(guò)PS制作故障風(fēng)格的動(dòng)態(tài)圖片_theoat.com.cn

在學(xué)習(xí)教程的時(shí)候一定要去練習(xí),只有練習(xí)才能學(xué)會(huì)教程的制作,也可以通過(guò)教程把自己想要制作的圖片進(jìn)行設(shè)計(jì),一起來(lái)學(xué)習(xí)一下吧。

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

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

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

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