首頁 web前端 PS教程 Photoshop制作带水珠的雾化玻璃效果

Photoshop制作带水珠的雾化玻璃效果

Jun 01, 2016 pm 02:34 PM

本教程作者需要表现的是类似透过结满水雾的玻璃看夜景的效果。自然看得的效果是比较昏暗和模糊的。处理的时候需要把背景图片模糊及压暗处理。然后再装饰水珠,文字等即可。 

原图

Photoshop制作带水珠的雾化玻璃效果


最终效果

Photoshop制作带水珠的雾化玻璃效果
 
1、新建2560*1440px的文档(素材已经被压缩,实际新建的画面要小一点),给背景填充深灰色。 2、F5打开笔刷面板,调整如下图所示。


Photoshop制作带水珠的雾化玻璃效果

Photoshop制作带水珠的雾化玻璃效果

Photoshop制作带水珠的雾化玻璃效果
 
3、新建组,在组下新建图层,用刚才调整好的白色笔刷在图层1上涂抹(可以不断改变画笔的大小,效果更好)。

Photoshop制作带水珠的雾化玻璃效果

4、选择背景图层和组,合并。ctrl+L打开色阶面板,将黑色改为124,白色161;这是为了消除模糊地边缘。

Photoshop制作带水珠的雾化玻璃效果
 
5、选择魔棒工具选取深色背景区域,右键选择选取相似,确保所有深色背景都被选上,然后删除。 6、导入素材图片,复制,高斯模糊20。选择图层样式,添加颜色叠加,深灰色,60%的不透明度。(自己在网上找一些图片或用照片效果也不错)。
7、将背景放到最上方,并改变其图层样式。


Photoshop制作带水珠的雾化玻璃效果


Photoshop制作带水珠的雾化玻璃效果

Photoshop制作带水珠的雾化玻璃效果

Photoshop制作带水珠的雾化玻璃效果

Photoshop制作带水珠的雾化玻璃效果

Photoshop制作带水珠的雾化玻璃效果
 
8、再次复制素材图层,高斯模糊5。将它放在第一次复制的素材图层的上面。

Photoshop制作带水珠的雾化玻璃效果

9、选择图层1的选区,选择第二次复制的素材图层,然后添加蒙版(快速蒙版或图层>图层蒙版>显示选区)。为刚才的蒙版添加动感模糊,角度-90,距离80px。打开色阶(还是在蒙版上),调整数值如下图效果,以消除模糊边缘。

Photoshop制作带水珠的雾化玻璃效果

10、复制添加了5像素高斯模糊的图层,删除蒙版,用文字工具打上几个手写字,重复步骤9。

Photoshop制作带水珠的雾化玻璃效果

11、在水滴图层的下面新建图层,再次用笔刷添加更多的小水滴,尤其是在文字下方,然后将前面添加的水滴图层样式拷贝到这个图层上。

Photoshop制作带水珠的雾化玻璃效果
 
12、复制步骤10的图层,删除蒙版,选择图层>图层蒙版>隐藏全部。为蒙版添加云彩效果(前背景色为黑白)。这会使效果更真实。

Photoshop制作带水珠的雾化玻璃效果

13、选择所有图层,ctrl+shift+alt+E盖印。给盖印的图层添加高斯模糊20。改变其混合模式为叠加,不透明度为40%。复制盖印图层,改变其混合模式为滤色,保持其40%的不透明度。

Photoshop制作带水珠的雾化玻璃效果

14、在最上方新建图层,任意填充颜色,将填充改为0%。添加渐变填充的图层样式。

Photoshop制作带水珠的雾化玻璃效果

最终效果:

Photoshop制作带水珠的雾化玻璃效果

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
威爾R.E.P.O.有交叉遊戲嗎?
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用Photoshop創建社交媒體圖形? 如何使用Photoshop創建社交媒體圖形? Mar 18, 2025 pm 01:41 PM

本文使用Photoshop詳細介紹了社交媒體圖形,涵蓋設置,設計工具和優化技術。它強調圖形創建的效率和質量。

PS一直顯示正在載入是什麼原因? PS一直顯示正在載入是什麼原因? Apr 06, 2025 pm 06:39 PM

PS“正在載入”問題是由資源訪問或處理問題引起的:硬盤讀取速度慢或有壞道:使用CrystalDiskInfo檢查硬盤健康狀況並更換有問題的硬盤。內存不足:升級內存以滿足PS對高分辨率圖片和復雜圖層處理的需求。顯卡驅動程序過時或損壞:更新驅動程序以優化PS和顯卡之間的通信。文件路徑過長或文件名有特殊字符:使用簡短的路徑和避免使用特殊字符。 PS自身問題:重新安裝或修復PS安裝程序。

如何使用Photoshop(優化文件大小,分辨率)準備Web圖像? 如何使用Photoshop(優化文件大小,分辨率)準備Web圖像? Mar 18, 2025 pm 01:35 PM

文章討論使用Photoshop優化Web的圖像,重點關注文件大小和分辨率。主要問題是平衡質量和加載時間。

如何使用Photoshop(分辨率,顏色配置文件)準備打印圖像? 如何使用Photoshop(分辨率,顏色配置文件)準備打印圖像? Mar 18, 2025 pm 01:36 PM

該文章指導在Photoshop中準備用於打印的圖像,重點介紹分辨率,色譜和清晰度。它認為300 ppi和CMYK配置文件對於質量印刷至關重要。

PS導出PDF有哪些常見問題 PS導出PDF有哪些常見問題 Apr 06, 2025 pm 04:51 PM

導出PS為PDF時常見問題及解決方法:字體嵌入問題:勾選"字體"選項,選擇"嵌入",或將字體轉換成曲線(路徑)。顏色偏差問題:將文件轉換成CMYK模式,並進行校色;直接用RGB導出需做好預覽和顏色偏差的心理準備。分辨率和文件大小問題:根據實際情況選擇分辨率,或使用壓縮選項優化文件體積。特殊效果問題:導出前將圖層合併(扁平化),或權衡利弊。

PS執行操作時一直顯示正在載入如何解決? PS執行操作時一直顯示正在載入如何解決? Apr 06, 2025 pm 06:30 PM

PS卡在“正在載入”?解決方法包括:檢查電腦配置(內存、硬盤、處理器)、清理硬盤碎片、更新顯卡驅動、調整PS設置、重新安裝PS,以及養成良好的編程習慣。

如何使用Photoshop的視頻編輯功能? 如何使用Photoshop的視頻編輯功能? Mar 18, 2025 pm 01:37 PM

本文介紹瞭如何使用Photoshop進行視頻編輯,詳細詳細介紹了導入,編輯和導出視頻的步驟,並突出了時間表面板,視頻層和效果等關鍵功能。

PS導出PDF如何設置密碼保護 PS導出PDF如何設置密碼保護 Apr 06, 2025 pm 04:45 PM

在 Photoshop 中導出帶密碼保護的 PDF:打開圖像文件。點擊“文件”>“導出”>“導出為 PDF”。設置“安全性”選項,兩次輸入相同的密碼。點擊“導出”生成 PDF 文件。

See all articles