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

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖(4)

來源:UI中國 作者:吹燈夜游神 學習:20857人次

本篇教程通過PS制作逼真的下雨動畫效果,很多同學們喜歡下雨的動態(tài)效果圖,但是又不是知道如何制作,其實我們最熟悉的PS就可以制作下雨的動態(tài)效果圖,具體如何做還是需要同學們根據(jù)教程來學習一下,只有動手制作了才知道如何制作,遇到問題需要如何解決,具體通過教程來學習一下吧。

效果圖:

 下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn
theoat.com.cn

操作步驟:

首先,導入想要制作動效的圖片,

然后選擇窗口 > 動作。

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

刪除多余的動作,創(chuàng)建新動作

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

新動作命名為下雨,功能鍵設置為:F2,然后點擊記錄

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

回到圖層界面,新建一個圖層,填充為黑色

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

選中黑色圖層,選擇:濾鏡 > 雜色 > 添加雜色...

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

雜色的數(shù)量決定了雨點的數(shù)量和大小,太大畫面會變灰,太小會看不見動態(tài)效果,需要根據(jù)畫面的大小自己調(diào)整。建議設置在25-40

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

調(diào)好后再次選擇:濾鏡 > 模糊 > 動感模糊...

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

角度是雨下落的角度,如果想要垂直下落就靠近90度,距離保持在30就可以

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

調(diào)好以后,將圖層的混合模式類型設置為濾色。

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

完成以后圖層會變透明,形成下雨的效果,但是邊緣的顏色會有些深,我們可以把圖層放大一些ctrl+t

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

當調(diào)整結(jié)束以后,我們再次點開動作,之前的步驟已經(jīng)全部被錄制了,點擊一下暫停按鈕停止錄制。然后再按兩次F2,系統(tǒng)將會重復之前的工作,復制兩個新圖層。

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

然后,我們開始制作GIF,選擇:窗口 > 時間軸

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

創(chuàng)建時間軸,確保是幀動畫,而不是視頻時間軸

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

然后我們會發(fā)現(xiàn)出現(xiàn)了第一幀,將時間設置為0.1s,將圖層只保留第一個

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

然后,在點擊時間軸上的新建幀按鈕

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

點擊第二幀,點亮圖層2的小眼睛,關(guān)閉圖層1的小眼睛。以此類推,完成第三幀的制作。

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

都完成了,就可以點擊播放按鈕先預覽一下效果啦

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

如果沒什么問題,我們就可以導出啦。文件 > 導出 > 存儲為Web所用格式...

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

選擇導出格式為GIF,大小可以按照需要修改

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

點擊儲存,選擇好存儲位置,就ok啦

下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

完成:

 下雨效果,通過PS制作唯美逼真的下雨動態(tài)效果圖_theoat.com.cn

制作起來還是很簡單的,照著步驟做就可以,同學們快快通過教程來學習一下吧。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
獨愛你一個2019-11-07 05:16
圖片上傳不了,不知道為什么
iOS小布2019-02-06 09:00
哈哈,圖片太大不讓傳,不過還好,會做了,漲知識了,很清楚的教程~贊👍我的作業(yè):
1669302019-02-04 07:07
很不錯

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

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