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

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

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

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

效果圖:

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

操作步驟:

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

然后選擇窗口 > 動(dòng)作。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

然后,在點(diǎn)擊時(shí)間軸上的新建幀按鈕

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

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

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

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

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

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

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

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

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

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

點(diǎn)擊儲(chǔ)存,選擇好存儲(chǔ)位置,就ok啦

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

完成:

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

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

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

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

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

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