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

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

原图

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
Photoshop最有用的是:常见任务和项目Photoshop最有用的是:常见任务和项目Apr 23, 2025 am 12:06 AM

Photoshop擅长图像编辑、图层和蒙版、数字绘画及多种设计应用。1)图像编辑与修复:去除瑕疵,调整色彩和亮度。2)图层与蒙版:非破坏性编辑和创作。3)数字绘画与插图:创作艺术作品。4)实际应用:平面设计、网页设计和数字艺术创作。

使用Photoshop:创意可能性和实际用途使用Photoshop:创意可能性和实际用途Apr 22, 2025 am 12:09 AM

Photoshop在实际应用中非常实用且具有创造性。1)它提供基本编辑、修复和合成功能,适合初学者和专业人士。2)高级功能如内容识别填充和图层样式可提升图像效果。3)掌握快捷键和优化图层结构能提高工作效率。

Photoshop:高级技术和工具Photoshop:高级技术和工具Apr 21, 2025 am 12:08 AM

AdobePhotoshop的高级功能包括高级选择工具、图层混合模式和动作与脚本。1)高级选择工具如快速选择工具和色彩范围选择工具可精确选择图像区域。2)图层混合模式如“叠加”模式能创造独特视觉效果。3)动作和脚本能自动化重复任务,提高工作效率。

Photoshop的主要功能:修饰和增强Photoshop的主要功能:修饰和增强Apr 20, 2025 am 12:07 AM

Photoshop在修图和增强方面的强大功能包括:1.使用“修复画笔工具”去除痘痘,2.使用“液化工具”瘦脸,3.使用“频率分离”技术进行精确修图,这些功能通过算法和图像处理技术实现,优化图像处理效果。

Photoshop的主要特征:深度潜水Photoshop的主要特征:深度潜水Apr 19, 2025 am 12:08 AM

Photoshop的关键功能包括图层与蒙版、调整工具、滤镜与效果。1.图层与蒙版允许独立编辑图像部分。2.调整工具如亮度/对比度可修改图像色调和亮度。3.滤镜与效果可快速添加视觉效果。掌握这些功能可以帮助创意专业人士实现创意愿景。

Photoshop和数字艺术:绘画,插图和合成Photoshop和数字艺术:绘画,插图和合成Apr 18, 2025 am 12:01 AM

Photoshop在数字艺术中的应用包括绘画、插图和图像合成。1)绘画:使用画笔、铅笔和混合工具,艺术家可创造逼真效果。2)插图:通过矢量和形状工具,艺术家可精确绘制复杂图形并添加效果。3)合成:利用蒙版和图层混合模式,艺术家可将不同图像元素无缝融合。

高级Photoshop教程:大师修饰和合成高级Photoshop教程:大师修饰和合成Apr 17, 2025 am 12:10 AM

Photoshop的高级修图与合成技术包括:1.使用图层、蒙版和调整层进行基础操作;2.通过调整图像像素值实现修图效果;3.利用多图层和蒙版进行复杂合成;4.应用“液化”工具调整面部特征;5.使用“频率分离”技术进行细腻修图,这些技术能提升图像处理水平并实现专业级效果。

使用Photoshop进行图形设计:品牌和更多使用Photoshop进行图形设计:品牌和更多Apr 16, 2025 am 12:02 AM

使用Photoshop进行品牌设计的步骤包括:1.使用钢笔工具绘制基本形状,2.通过图层样式添加阴影和高光,3.调整颜色和细节,4.使用智能对象和动作自动生成不同版本的设计。Photoshop通过图层和蒙版的灵活性,帮助设计师创建和优化品牌元素,从简单的标志到复杂的品牌指南,确保设计的一致性和专业性。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中