當前位置:首頁>ps入門教程>動圖教程>動畫教程>教程內容

動圖教程,在PS中制作逼真的下雨效果照片

來源:公眾號西瓜視覺 作者:PS設計師西瓜 學習:8560人次

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

效果圖:

 動圖教程,在PS中制作逼真的下雨效果照片_m.theoat.com.cn

素材:

動圖教程,在PS中制作逼真的下雨效果照片_m.theoat.com.cn新手學PS請到:m.theoat.com.cn

操作步驟:

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

動圖教程,在PS中制作逼真的下雨效果照片_m.theoat.com.cn

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

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

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

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

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

7.雨點效果太密集了,接下來我們要減少雨點效果,新建一個色階調整圖層,移動滑塊調整數值,增加黑色就是減少雨點,增加白色就是增加雨點,效果如下圖
動圖教程,在PS中制作逼真的下雨效果照片_m.theoat.com.cn

8.選中這兩個下雨相關圖層,然后Ctrl+G打個組動圖教程,在PS中制作逼真的下雨效果照片_m.theoat.com.cn

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

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

12.此時這個最上方的邊緣有點太多了,太硬了,一會效果就會很不好,所以我們需要再添加一個蒙版http://m.theoat.com.cn/tags/38847/稍微擦一下邊緣,使其柔和一點
動圖教程,在PS中制作逼真的下雨效果照片_m.theoat.com.cn

13.新建一個幀,Ctrl+J復制一層下雨效果,記得把前兩個下雨效果關掉,不然就是三個效果疊加了,如下圖動圖教程,在PS中制作逼真的下雨效果照片_m.theoat.com.cn

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

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

16.按照默認選項存儲就可以
動圖教程,在PS中制作逼真的下雨效果照片_m.theoat.com.cn

完成:

 動圖教程,在PS中制作逼真的下雨效果照片_m.theoat.com.cn

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

學習 · 提示

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

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

關注大神微博加入>>

網友求助,請回答!