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

動(dòng)圖教程,在PS中制作逼真的下雨效果照片

來源:公眾號西瓜視覺 作者:PS設(shè)計(jì)師西瓜 學(xué)習(xí):8560人次

教程通過PS制作逼真的下雨動(dòng)圖效果,在本篇教程中關(guān)于下雨動(dòng)圖的制作主要兩個(gè)部分,第一部分同學(xué)們需要學(xué)習(xí)制作下雨效果,第二部分建立幀動(dòng)畫,整體來說制作起來不是特別難,但是需要練習(xí),具體如何制作還是需要通過實(shí)例來練習(xí)一下,只有練習(xí)才知道自己會(huì)不會(huì),是否能做好,一起來練習(xí)一下吧。

效果圖:

 動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

素材:

動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn新手學(xué)PS請到:www.theoat.com.cn

操作步驟:

1.首先第一步打開一張素材

動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

2.首先將前景色設(shè)置為黑色,然后新建一個(gè)圖層,Alt+delete鍵將圖層填充為黑色,如下圖
動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

3.回到菜單欄,執(zhí)行濾鏡-雜色-添加雜色-數(shù)量100以上,高斯分布,單色一定要勾選上,如下圖
動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

4.回到菜單欄-濾鏡-模糊-動(dòng)感模糊,角度70,距離30左右,根據(jù)自己想要的效果來,效果如下
動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

5.菜單欄-濾鏡-扭曲-波紋,數(shù)值-40%左右,就是讓他稍微有一點(diǎn)點(diǎn)的要扭曲的感覺,就好像被風(fēng)稍微吹了一下,如下圖
動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

6.將圖層1的圖層混合模式改為濾色,效果如下圖
動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

7.雨點(diǎn)效果太密集了,接下來我們要減少雨點(diǎn)效果,新建一個(gè)色階調(diào)整圖層,移動(dòng)滑塊調(diào)整數(shù)值,增加黑色就是減少雨點(diǎn),增加白色就是增加雨點(diǎn),效果如下圖
動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

8.選中這兩個(gè)下雨相關(guān)圖層,然后Ctrl+G打個(gè)組動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

9.下面就開始教大家制作幀動(dòng)畫效果,回到菜單欄-窗口-時(shí)間軸,然后創(chuàng)建幀動(dòng)畫,如下圖
動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

11.新建一個(gè)幀,Ctrl+J復(fù)制一層下雨效果,使用移動(dòng)工具向下移動(dòng)一部分效果,記得把第一個(gè)下雨效果關(guān)掉,不然就是兩個(gè)效果疊加了,如下圖
動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

12.此時(shí)這個(gè)最上方的邊緣有點(diǎn)太多了,太硬了,一會(huì)效果就會(huì)很不好,所以我們需要再添加一個(gè)蒙版http://www.theoat.com.cn/tags/38847/稍微擦一下邊緣,使其柔和一點(diǎn)
動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

13.新建一個(gè)幀,Ctrl+J復(fù)制一層下雨效果,記得把前兩個(gè)下雨效果關(guān)掉,不然就是三個(gè)效果疊加了,如下圖動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

14.向下移動(dòng)并加個(gè)蒙版稍微修飾一下,就制作完成了,如下圖
動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

15.最后就是導(dǎo)出了,這個(gè)要注意一下,GIF圖一定要導(dǎo)出為web所用格式
動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

16.按照默認(rèn)選項(xiàng)存儲(chǔ)就可以
動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

完成:

 動(dòng)圖教程,在PS中制作逼真的下雨效果照片_www.theoat.com.cn

掌握制作過程以后再練習(xí)就可以熟練的操作這類效果,其實(shí)學(xué)習(xí)PS就是多練,只是大致瀏覽教程是學(xué)不好的,看到教程就要練習(xí),這樣成大師就是時(shí)間問題。

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

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

暮下2020-07-19 01:58
差不多吧

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

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