search
HomeWeb Front-endPS TutorialPhotoshop制作带水珠的雾化玻璃效果

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

原图

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制作带水珠的雾化玻璃效果

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Advanced Photoshop Tutorial: Master Retouching & CompositingAdvanced Photoshop Tutorial: Master Retouching & CompositingApr 17, 2025 am 12:10 AM

Photoshop's advanced photo editing and synthesis technologies include: 1. Use layers, masks and adjustment layers for basic operations; 2. Use image pixel values ​​to achieve photo editing effects; 3. Use multiple layers and masks for complex synthesis; 4. Use "liquefaction" tools to adjust facial features; 5. Use "frequency separation" technology to perform delicate photo editing, these technologies can improve image processing level and achieve professional-level effects.

Using Photoshop for Graphic Design: Branding and MoreUsing Photoshop for Graphic Design: Branding and MoreApr 16, 2025 am 12:02 AM

The steps to using Photoshop for brand design include: 1. Use the Pen tool to draw basic shapes, 2. Add shadows and highlights through layer styles, 3. Adjust colors and details, 4. Use smart objects and actions to automatically generate different versions of the design. Photoshop helps designers create and optimize brand elements with the flexibility of layers and masks, ensuring consistency and professionalism of designs, from simple logos to complex branding guides.

Photoshop's Subscription Model: What You Get for Your MoneyPhotoshop's Subscription Model: What You Get for Your MoneyApr 15, 2025 am 12:17 AM

Photoshop's subscription model is worth buying. 1) Users can access the latest version and use across devices at any time. 2) The subscription fee is low, and continuous updates and technical support are provided. 3) Advanced functions such as neural filters can be used for complex image processing. Despite the high long-term costs, its convenience and feature updates are valuable to professional users.

Photoshop: Investigating Free Trials and Discount OptionsPhotoshop: Investigating Free Trials and Discount OptionsApr 14, 2025 am 12:06 AM

You can get the access to Photoshop in the most economical way: 1. Experience the software features with a 7-day free trial; 2. Find student or teacher discounts, as well as seasonal promotions; 3. Use coupons on third-party websites; 4. Subscribe to Adobe CreativeCloud's monthly or annual plan.

Photoshop for Designers: Creating Visual ConceptsPhotoshop for Designers: Creating Visual ConceptsApr 13, 2025 am 12:09 AM

Creating visual concepts in Photoshop can be achieved through the following steps: 1. Create a new document, 2. Add a background layer, 3. Use the brush tool to draw basic shapes, 4. Adjust colors and brightness, 5. Add text and graphics, 6. Use masks for local editing, 7. Apply filter effects, these steps help designers build a complete visual work from scratch.

Is Photoshop Free? Understanding Subscription PlansIs Photoshop Free? Understanding Subscription PlansApr 12, 2025 am 12:11 AM

Photoshop is not free, but there are several ways to use it at low cost or free: 1. The free trial period is 7 days, and you can experience all functions during this period; 2. Student and teacher discounts can cut costs by half, and school proof is required; 3. The CreativeCloud package is suitable for professional users and includes a variety of Adobe tools; 4. PhotoshopElements and Lightroom are low-cost alternatives, with fewer functions but lower prices.

Photoshop's Value: Weighing the Cost Against Its FeaturesPhotoshop's Value: Weighing the Cost Against Its FeaturesApr 11, 2025 am 12:02 AM

Photoshop is worth the investment because it provides powerful features and a wide range of application scenarios. 1) Core functions include image editing, layer management, special effects production and color adjustment. 2) Suitable for professional designers and photographers, but amateurs may consider alternatives such as GIMP. 3) Subscribe to AdobeCreativeCloud can be used as needed to avoid high one-time spending.

The Core Purpose of Photoshop: Creative Image DesignThe Core Purpose of Photoshop: Creative Image DesignApr 10, 2025 am 09:29 AM

Photoshop’s core use in creative image design is its powerful functionality and flexibility. 1) It allows designers to transform creativity into visual reality through layers, masks and filters. 2) Basic usages include cropping, resizing and color correction. 3) Advanced usages such as layer styles, blend modes and smart objects can create complex effects. 4) Common mistakes include improper layer management and excessive use of filters, which can be solved by organizing layers and using filters reasonably. 5) Performance optimization and best practices include rational use of layers, regular saving of files, and using shortcut keys.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat Commands and How to Use Them
1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment