Photoshop打造带水珠的雾化玻璃效果
- 2022-04-20
- 来源/作者: 站酷 / 不是美女 翻译
- 5 次浏览
翻译
本教程作者需要表现的是类似透过结满水雾的玻璃看夜景的效果。自然看得的效果是比较昏暗和模糊的。处理的时候需要把背景图片模糊及压暗处理。然后再装饰水珠,文字等即可。
原图
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF%7BOUlvboCo.jpg?w=600)
<点小图查看大图>
最终效果
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF1PEBvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF2PUNvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF2NEhvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF2N%7BNvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF2NUNvboCo.jpg?w=600)
4、选择背景图层和组,合并。ctrl+L打开色阶面板,将黑色改为124,白色161;这是为了消除模糊地边缘。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF3PURvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF%7BOUlvboCo.jpg?w=600)
<点小图查看大图>
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF4OUBvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF4NkFvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF5OEdvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF6PEBvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF6N%7BJvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJxN%7BBvboCo.jpg?w=600)
9、选择图层1的选区,选择第二次复制的素材图层,然后添加蒙版(快速蒙版或图层>图层蒙版>显示选区)。为刚才的蒙版添加动感模糊,角度-90,距离80px。打开色阶(还是在蒙版上),调整数值如下图效果,以消除模糊边缘。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJxPUdvboCo.jpg?w=600)
10、复制添加了5像素高斯模糊的图层,删除蒙版,用文字工具打上几个手写字,重复步骤9。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJxOEVvboCo.jpg?w=600)
11、在水滴图层的下面新建图层,再次用笔刷添加更多的小水滴,尤其是在文字下方,然后将前面添加的水滴图层样式拷贝到这个图层上。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJyOkNvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJyOkVvboCo.jpg?w=600)
13、选择所有图层,ctrl+shift+alt+E盖印。给盖印的图层添加高斯模糊20。改变其混合模式为叠加,不透明度为40%。复制盖印图层,改变其混合模式为滤色,保持其40%的不透明度。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJyO%7BBvboCo.jpg?w=600)
14、在最上方新建图层,任意填充颜色,将填充改为0%。添加渐变填充的图层样式。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJzNUhvboCo.jpg?w=600)
最终效果:
本教程作者需要表现的是类似透过结满水雾的玻璃看夜景的效果。自然看得的效果是比较昏暗和模糊的。处理的时候需要把背景图片模糊及压暗处理。然后再装饰水珠,文字等即可。
原图
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF%7BOUlvboCo.jpg?w=600)
<点小图查看大图>
最终效果
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF1PEBvboCo.jpg?w=600)
1、新建2560*1440px的文档(素材已经被压缩,实际新建的画面要小一点),给背景填充深灰色。
2、F5打开笔刷面板,调整如下图所示。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF2PUNvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF2NEhvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF2N%7BNvboCo.jpg?w=600)
3、新建组,在组下新建图层,用刚才调整好的白色笔刷在图层1上涂抹(可以不断改变画笔的大小,效果更好)。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF2NUNvboCo.jpg?w=600)
4、选择背景图层和组,合并。ctrl+L打开色阶面板,将黑色改为124,白色161;这是为了消除模糊地边缘。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF3PURvboCo.jpg?w=600)
5、选择魔棒工具选取深色背景区域,右键选择选取相似,确保所有深色背景都被选上,然后删除。
6、导入素材图片,复制,高斯模糊20。选择图层样式,添加颜色叠加,深灰色,60%的不透明度。(自己在网上找一些图片或用照片效果也不错)。
7、将背景放到最上方,并改变其图层样式。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF%7BOUlvboCo.jpg?w=600)
<点小图查看大图>
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF4OUBvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF4NkFvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF5OEdvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF6PEBvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF6N%7BJvboCo.jpg?w=600)
8、再次复制素材图层,高斯模糊5。将它放在第一次复制的素材图层的上面。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJxN%7BBvboCo.jpg?w=600)
9、选择图层1的选区,选择第二次复制的素材图层,然后添加蒙版(快速蒙版或图层>图层蒙版>显示选区)。为刚才的蒙版添加动感模糊,角度-90,距离80px。打开色阶(还是在蒙版上),调整数值如下图效果,以消除模糊边缘。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJxPUdvboCo.jpg?w=600)
10、复制添加了5像素高斯模糊的图层,删除蒙版,用文字工具打上几个手写字,重复步骤9。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJxOEVvboCo.jpg?w=600)
11、在水滴图层的下面新建图层,再次用笔刷添加更多的小水滴,尤其是在文字下方,然后将前面添加的水滴图层样式拷贝到这个图层上。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJyOkNvboCo.jpg?w=600)
12、复制步骤10的图层,删除蒙版,选择图层>图层蒙版>隐藏全部。为蒙版添加云彩效果(前背景色为黑白)。这会使效果更真实。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJyOkVvboCo.jpg?w=600)
13、选择所有图层,ctrl+shift+alt+E盖印。给盖印的图层添加高斯模糊20。改变其混合模式为叠加,不透明度为40%。复制盖印图层,改变其混合模式为滤色,保持其40%的不透明度。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJyO%7BBvboCo.jpg?w=600)
14、在最上方新建图层,任意填充颜色,将填充改为0%。添加渐变填充的图层样式。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BJzNUhvboCo.jpg?w=600)
最终效果:
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByNUB%7BM%7BJxNUFxN%7BNyNEByO%7BF1PEBvboCo.jpg?w=600)