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

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

來源:UI中國 作者:吹燈夜游神 學(xué)習(xí):26357人次

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

效果圖:

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

操作步驟:

首先,導(dǎo)入想要制作動效的圖片,

然后選擇窗口 > 動作。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

選擇導(dǎo)出格式為GIF,大小可以按照需要修改

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

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

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

完成:

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

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

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

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

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

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