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

動圖制作,通過PS制作故障風格的動態(tài)圖片

來源:PS教程自學平臺photoshop 作者:PS教程自學平臺photos 學習:7937人次

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

效果圖:

 動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn

原圖:

動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn學習PS請到m.tgudhdp.cn

操作步驟:

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

 

動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn

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

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

動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn

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

動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn

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

動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn

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

動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn

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

動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn

動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn

動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn

9、復(fù)制一個圖層做背景層,從第一幀開始設(shè)置他的跳動規(guī)律,就是他如何跳動就看你怎么移動。控制故障條圖層和圖層的位置,可以左右移動兩個圖層,使畫面活躍起來,播放預(yù)覽,覺得合適了就行了。

動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn

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

動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn

11、最終效果:

 動圖制作,通過PS制作故障風格的動態(tài)圖片_m.tgudhdp.cn

在學習教程的時候一定要去練習,只有練習才能學會教程的制作,也可以通過教程把自己想要制作的圖片進行設(shè)計,一起來學習一下吧。

學習 · 提示

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

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

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