Photoshop利用通道和濾鏡制作逼真的下雨GIF動(dòng)畫
240ps 發(fā)布時(shí)間:2016-07-18 09:45:40 作者:火焰
我要評(píng)論

今天小編教大家使用Photoshop利用通道和濾鏡制作逼真的下雨GIF動(dòng)畫,教程很簡單,喜歡的朋友可以來學(xué)習(xí)
下雨動(dòng)畫制作重點(diǎn)是小點(diǎn)部分的制作,之前都是用雜色濾鏡來制作,雨絲相對(duì)來說不好控制;這里介紹用通道配合濾鏡得到分布非常自然的小點(diǎn),再適當(dāng)動(dòng)感模糊就可以得到雨絲效果。
大雨

小雨

1、保存下面的背景大圖到本機(jī),再用PS打開。


2、進(jìn)入“動(dòng)作”面板,如果沒有可以選擇菜單:窗口 > 動(dòng)作,打開后點(diǎn)擊下面的新建,建立一個(gè)新動(dòng)作。

3、在彈出的新建對(duì)話框給動(dòng)作命名為“下雨”,如下圖,然后點(diǎn)擊“記錄”。

4、這時(shí)候我們可以看到下面的紅色圖標(biāo),代表動(dòng)作已經(jīng)開始錄制。

5、進(jìn)入通道面板,點(diǎn)擊下面的新建按鈕。

6、我們得到了一個(gè)Alpha 1通道,如下圖。

7、按字母鍵“D”把前,背景色恢復(fù)到白,黑,如下圖。這一步很重要,后面的濾鏡需要前背景色搭配。

8、選擇菜單:濾鏡 > 像素化 > 點(diǎn)狀化。

9、把單元格大小設(shè)置為4,如果雨絲要細(xì)相應(yīng)的數(shù)據(jù)就設(shè)置小一點(diǎn),然后確定得到下圖所示的效果。


10、按Ctrl + L 調(diào)整色階,然后設(shè)置參數(shù),效果如下圖。這一步也非常重要,可以設(shè)置色階中的參數(shù)得到分布均勻的小點(diǎn)。


11、選擇菜單:濾鏡 > 模糊 > 動(dòng)感模糊,參數(shù)及效果如下圖。



12、如果覺得雨絲不夠明顯,可以再按Ctrl + L 調(diào)亮一點(diǎn),參數(shù)及效果如下圖。


13、按Ctrl + A 把當(dāng)前通道全選,并按Ctrl + C 復(fù)制。

14、點(diǎn)一下RGB通道,再點(diǎn)圖層返回圖層面板。

15、新建一個(gè)圖層,按Ctrl + V 粘貼,得到下圖所示的效果。


16、把當(dāng)前混合模式改為“濾色”,效果如下圖。

17、回到動(dòng)作面板,點(diǎn)擊下面的按鈕停止錄制。

18、選擇“下雨”動(dòng)作,然后點(diǎn)擊下面的播放按鈕,點(diǎn)擊兩次。

19、回到圖層面板,我們得到了兩個(gè)新的圖層,如下圖。

20、現(xiàn)在開始制作動(dòng)畫,選擇菜單:窗口 > 時(shí)間軸。

21、選擇“創(chuàng)建幀動(dòng)畫”,然后點(diǎn)及下面的按鈕。

22、把下面的時(shí)間設(shè)置為0.2。

23、選擇第一幀,然后在圖層面板把其它兩個(gè)圖層隱藏,只顯示圖層1,如下圖。

24、點(diǎn)擊面板右側(cè)的新建按鈕新建一個(gè)幀。

25、在這一幀選擇“圖層2”,圖層1和圖層3隱藏。

26、再新建一個(gè)幀。

27、這一幀只顯示圖層3,圖層1,圖層2隱藏。

28、把下面的“一次”位置設(shè)置為“永遠(yuǎn)”。

29、點(diǎn)播放按鈕預(yù)覽一下效果,滿意后選擇菜單:文件 > 存儲(chǔ)為Web所用格式。

30、選擇GIF格式,然后點(diǎn)擊“存儲(chǔ)”按鈕保存。

最終效果:
大雨

小雨

1、保存下面的背景大圖到本機(jī),再用PS打開。


2、進(jìn)入“動(dòng)作”面板,如果沒有可以選擇菜單:窗口 > 動(dòng)作,打開后點(diǎn)擊下面的新建,建立一個(gè)新動(dòng)作。

3、在彈出的新建對(duì)話框給動(dòng)作命名為“下雨”,如下圖,然后點(diǎn)擊“記錄”。

4、這時(shí)候我們可以看到下面的紅色圖標(biāo),代表動(dòng)作已經(jīng)開始錄制。

5、進(jìn)入通道面板,點(diǎn)擊下面的新建按鈕。

6、我們得到了一個(gè)Alpha 1通道,如下圖。

7、按字母鍵“D”把前,背景色恢復(fù)到白,黑,如下圖。這一步很重要,后面的濾鏡需要前背景色搭配。

8、選擇菜單:濾鏡 > 像素化 > 點(diǎn)狀化。

9、把單元格大小設(shè)置為4,如果雨絲要細(xì)相應(yīng)的數(shù)據(jù)就設(shè)置小一點(diǎn),然后確定得到下圖所示的效果。


10、按Ctrl + L 調(diào)整色階,然后設(shè)置參數(shù),效果如下圖。這一步也非常重要,可以設(shè)置色階中的參數(shù)得到分布均勻的小點(diǎn)。


11、選擇菜單:濾鏡 > 模糊 > 動(dòng)感模糊,參數(shù)及效果如下圖。



12、如果覺得雨絲不夠明顯,可以再按Ctrl + L 調(diào)亮一點(diǎn),參數(shù)及效果如下圖。


13、按Ctrl + A 把當(dāng)前通道全選,并按Ctrl + C 復(fù)制。

14、點(diǎn)一下RGB通道,再點(diǎn)圖層返回圖層面板。

15、新建一個(gè)圖層,按Ctrl + V 粘貼,得到下圖所示的效果。


16、把當(dāng)前混合模式改為“濾色”,效果如下圖。

17、回到動(dòng)作面板,點(diǎn)擊下面的按鈕停止錄制。

18、選擇“下雨”動(dòng)作,然后點(diǎn)擊下面的播放按鈕,點(diǎn)擊兩次。

19、回到圖層面板,我們得到了兩個(gè)新的圖層,如下圖。

20、現(xiàn)在開始制作動(dòng)畫,選擇菜單:窗口 > 時(shí)間軸。

21、選擇“創(chuàng)建幀動(dòng)畫”,然后點(diǎn)及下面的按鈕。

22、把下面的時(shí)間設(shè)置為0.2。

23、選擇第一幀,然后在圖層面板把其它兩個(gè)圖層隱藏,只顯示圖層1,如下圖。

24、點(diǎn)擊面板右側(cè)的新建按鈕新建一個(gè)幀。

25、在這一幀選擇“圖層2”,圖層1和圖層3隱藏。

26、再新建一個(gè)幀。

27、這一幀只顯示圖層3,圖層1,圖層2隱藏。

28、把下面的“一次”位置設(shè)置為“永遠(yuǎn)”。

29、點(diǎn)播放按鈕預(yù)覽一下效果,滿意后選擇菜單:文件 > 存儲(chǔ)為Web所用格式。

30、選擇GIF格式,然后點(diǎn)擊“存儲(chǔ)”按鈕保存。

最終效果:

相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非?;A(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30