Home Web Front-end PS Tutorial Detailed explanation of PS layer blending mode examples

Detailed explanation of PS layer blending mode examples

Feb 14, 2017 am 10:26 AM

Many concepts in PS are similar to those in Core Graphics, such as masks, paths, clipping, blending modes, etc. If you don’t understand the blending mode in Core Graphics, reading this article can give you a more rational understanding and understanding of the concept of blending mode in Core Graphics. This article does not contain the content of hybrid mode in iOS. Hope this article is helpful to you.

The layer blending mode determines the mode in which the pixels in the current layer are mixed with the pixels in the layer below, referred to as layer mode. Layer blending mode is one of the core functions in Photoshop CS3 and is also the most commonly used technical method in image processing. Use layer blending modes to create various layer effects and achieve creative graphic design works. There are 25 layer blending modes in Photoshop CS3, and each mode has its own calculation formula. Therefore, for the same two images, setting different layer blending modes will result in different image effects. According to the basic functions of each blending mode, it is roughly divided into 6 categories:

PS图层混合模式实例详解

Before describing the layer blending mode, we first learn 3 terms: base color, mixed color and result color.

Base color: refers to the color of the layer below the current layer.

Mixed color: refers to the color of the current layer.

Result color: refers to the color obtained after mixing.

1. Normal blending mode

Each pixel edited in normal mode will directly form the result color. This is the default mode and the initial state of the image. In this mode, you can display the content of the next layer to varying degrees by adjusting the parameters of the layer opacity and layer fill value.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

##2, Dissolve blending mode

Dissolve mode randomly replaces pixels with the base color and blended color with the result color, and the degree of replacement depends on the opacity of the pixel.

The darker pixels in the next layer are replaced by the lighter pixels in the current layer, achieving the effect of dissolving together with the background color. However, the resulting color is randomly replaced by pixels of the base or blended color, depending on the opacity at any pixel location. Therefore, the dissolve mode is best used with some coloring tools in PS, such as the brush tool, eraser tool, etc.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解 # #3, Darken Blending Mode

When mixing in the darkening mode, the brightness of the drawn color is compared with the base color. Colors that are lighter than the base color are replaced, and colors that are darker than the base color remain unchanged. In Darken mode, view the color information for each channel and select the darker of the base and blend colors as the result color. Darkening mode causes colors that are lighter than the background color to be removed from the result color. As shown below, the light-colored image is removed from the result color and is replaced by a background that is darker than it. The color has been replaced.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

# #4, Multiply mode

Multiply mode is used to view the color information in each channel. It can be used to form a slideshow effect where light penetrates the layer. In fact, the

base color is multiplied by the mixed color, and then divided by 255 to get the color value of the result color. The result color is always darker than the original color. When any color is combined with black in the multiply mode, the resulting color is still black, because the pixel value of black is 0; when any color is combined with white in the multiply mode While operating, the color remains unchanged because white has a pixel value of 255.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

#5, Color Burn Blending Mode

Color Burn mode is used to view the color information of each channel, darkening the base color, thereby displaying the mixed color of the current layer. The image does not change when mixed

with black and white.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

##6, Linear Burn Blending ModePS图层混合模式实例详解

Linear Burn mode is also used to view the color information of each channel. The difference is that it darkens the base color by reducing its brightness. Reflects mixed colors.

If the blend color is white with the base color, it will not change after mixing. As shown in the picture below, the areas where the mixed color is black are all displayed in the result color,

, while the white areas disappear. This is the characteristic of the linear deepening mode.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

7, dark blend Mode

Dark blending mode directly covers the color of the dark tone area in the base color based on the saturation of the current image blend color. The brightness information contained in the base color remains unchanged, is replaced by the dark tone information in the mixed color, thereby obtaining the result color. The dark blend mode can reflect the performance of dark information in images with a lighter background, dark information and bright information.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

##8, Lighten blending mode

Lighten blending mode has the opposite result than Darkening blending mode. By comparing the base color and the mixed color, the pixels that are darker than the mixed color are replaced, and the

pixels that are lighter than the mixed color are not changed, thereby making the entire image brighter.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

9, Screen blending mode

Screen blending mode is the opposite of Multiply mode. It looks at the color information of each channel and combines the base color of the image with the blend color to produce a third color that is lighter than both

colors, which is Multiply the painted color with the complementary color of the base color and divide by 255 to get the blended effect. The color of the effect converted by this mode is usually very light, like being bleached, and the result color is always a lighter color. Since the filter blending mode works by retaining the bright colors in the image, taking advantage of this feature, the filter mode is usually used when processing silk-thin wedding dresses.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

in addition, When correcting the underexposure phenomenon in the picture, you can also quickly adjust the image brightness by using the color filter mode.

PS图层混合模式实例详解

PS图层混合模式实例详解

10, Color Dodge blending mode

Color Dodge blending mode is used to view the color information of each channel, through Reduces contrast to lighten the base color, thus reflecting the blend color. Color Dodge blending mode is created similarly to Screen mode, except that edge areas on layers specified in are sharper, and strokes tinted in this mode are Effect!

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

11, Linear Dodge blending mode

Linear The Dodge blending mode has the opposite effect to the Linear Burn blending mode. It lightens the color by increasing the brightness, resulting in a brightening effect that is stronger than the Screen mode and Color Dodge mode. It works by looking at the color information for each channel and then brightening the base color by increasing the brightness to reflect the blended color. Color information in the image is minimized when mixed with white; no change occurs when mixed with black.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

12, Light blending mode

The light blending mode directly covers the color of the highlight area in the base color based on the saturation of the current image blend color. The dark areas contained in the base color remain unchanged and replaced by the highlight tones in the

blended color to obtain the result color.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

13, Overlay blending mode

Overlay blending mode is actually a blending mode between Multiply mode and Screen mode. This mode overlays the blended color and the base color on top of each other, which means the underlying image controls the layer above it, making it lighter or darker. Areas darker than 50% will be darkened using Multiply mode, and areas

lighter than 50% will be lightened using Screen mode.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

14, Soft light blending mode

The effect of soft light blending mode and diffuse spotlight Similar in image. This mode determines whether the final effect of the image is lighter or darker based on the lightness and darkness of the mixed color. If the mixed color is lighter than the base color, the resulting color will be brighter; if the mixed color is darker than the base color, the resulting color will be darker, which increases the brightness contrast of the image.

PS图层混合模式实例详解

PS图层混合模式实例详解

15, hard light blending modePS图层混合模式实例详解

hard light Blending mode is a combination of Multiply mode and Screen mode. It can produce the effect of strong light, and the final effect will be brightened or darkened depending on the brightness of the current layer color

. If the blended color is lighter than the base color's pixels, the resulting color is lighter; if the blended color is darker than the base color's

pixels, the resulting color is darker. This mode is essentially similar to the soft light mode, except that its effect is more intense than the soft light mode. In hard light mode, pixels lighter than 50% gray in the current layer will make the image brighter; pixels darker than 50% gray will make the image darker, but pure black and Pure white will remain unchanged.

PS图层混合模式实例详解

PS图层混合模式实例详解 16, bright blending mode

The Glow blending mode darkens or lightens colors by increasing or decreasing contrast. If the pixels in the current layer are lighter than 50% gray, the image will be brightened by reducing the PS图层混合模式实例详解 contrast; if the pixels in the current layer are darker than 50% gray, the image will be made brighter by increasing the contrast. dark. The light mode is a combination of the color dodge mode and the color burn mode, which can make the mixed color more saturated.


PS图层混合模式实例详解

17, Linear light blending mode

PS图层混合模式实例详解 Linear light blending mode is a combination of linear dodge mode and linear burn mode. Linear light mode darkens or dodges a color by increasing or decreasing the brightness of the current layer color. If the pixels in the current layer are lighter than 50% gray, you can brighten the image by increasing the brightness; if the pixels in the current layer are darker than 50% gray,

you can darken the image by decreasing the brightness. . Compared with the strong light mode, the linear light mode can produce a higher contrast in the image and also make more areas become PS图层混合模式实例详解

black or white.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解


18, Point light blending mode

The point light blending mode actually replaces the color based on the current layer color. If the current layer color is lighter than 50% gray, the pixels darker than the current layer color are replaced, while the pixels lighter than the current layer color remain unchanged; if the current layer color is darker than 50% gray, Then pixels that are lighter than the current layer color are replaced, , while pixels that are darker than the current layer color remain unchanged.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

19, Solid color blending mode

In solid color blending mode, when the blended color is lighter than 50% gray, the base color becomes lighter; if the blended color is darker than 50% gray, the underlying image becomes darker. This mode usually produces a tonal separation effect in the image. When reducing the fill opacity, the contrast intensity can be weakened.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

20, difference blending mode

The difference blending mode compares the brightness of the mixed color with the base color, and subtracts the pixel value of the darker color from the pixel value of the brighter color. The resulting difference is the pixel value of the final effect.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

21, exclude blending mode

The exclusion blending mode is similar to the difference mode, but the exclusion mode has the characteristics of high contrast and low saturation, and the effect is softer and brighter than the difference mode. When white is used as a mixed color, the image is presented by inverting the base color; when black is used as a mixed color, the image does not change.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

22, Hue blending mode

Hue blending mode is an effect created by selecting the brightness and saturation values ​​of the base color and mixing them with the mixed color. , the brightness and saturation after mixing depend on the base color, but the hue depends on the mixed color.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

23, Saturation blending mode

The saturation blending mode uses only the saturation value of the mixed color for coloring while maintaining the hue and brightness value of the base color. When the saturation values ​​ of the base color and the mixed color are different, the mixed color is used for coloring. If the saturation is 0, there will be no change when superimposed with any mixed color. When the base color remains unchanged, the lower the saturation of the mixed color image, the lower the resulting color saturation; the higher the saturation of the mixed color image, the higher the resulting color saturation.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

24, color blending mode

Color blending modes reference the lightness of the base color and the hue and saturation of the blended color to create the result color. It is able to tint using the saturation and hue of the blended color simultaneously, This preserves the gray tones of the image, but the resulting color is determined by the blended color. Color mode can be regarded as the comprehensive effect of saturation mode and hue mode, and is generally used to add a monochrome effect to an image.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解

25, lightness blending mode

The brightness blending mode uses the brightness value of the mixed color to perform the performance, and uses the saturation and hue of the base color. Just the opposite of what color mode does.

PS图层混合模式实例详解

PS图层混合模式实例详解

PS图层混合模式实例详解 For more detailed examples of PS layer blending modes, please pay attention to the PHP Chinese website for related articles!

Statement of this Website
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

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

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What are the common questions about exporting PDF on PS What are the common questions about exporting PDF on PS Apr 06, 2025 pm 04:51 PM

Frequently Asked Questions and Solutions when Exporting PS as PDF: Font Embedding Problems: Check the "Font" option, select "Embed" or convert the font into a curve (path). Color deviation problem: convert the file into CMYK mode and adjust the color; directly exporting it with RGB requires psychological preparation for preview and color deviation. Resolution and file size issues: Choose resolution according to actual conditions, or use the compression option to optimize file size. Special effects issue: Merge (flatten) layers before exporting, or weigh the pros and cons.

What is the reason why PS keeps showing loading? What is the reason why PS keeps showing loading? Apr 06, 2025 pm 06:39 PM

PS "Loading" problems are caused by resource access or processing problems: hard disk reading speed is slow or bad: Use CrystalDiskInfo to check the hard disk health and replace the problematic hard disk. Insufficient memory: Upgrade memory to meet PS's needs for high-resolution images and complex layer processing. Graphics card drivers are outdated or corrupted: Update the drivers to optimize communication between the PS and the graphics card. File paths are too long or file names have special characters: use short paths and avoid special characters. PS's own problem: Reinstall or repair the PS installer.

How to solve the problem of loading when PS is always showing that it is loading? How to solve the problem of loading when PS is always showing that it is loading? Apr 06, 2025 pm 06:30 PM

PS card is "Loading"? Solutions include: checking the computer configuration (memory, hard disk, processor), cleaning hard disk fragmentation, updating the graphics card driver, adjusting PS settings, reinstalling PS, and developing good programming habits.

How to speed up the loading speed of PS? How to speed up the loading speed of PS? Apr 06, 2025 pm 06:27 PM

Solving the problem of slow Photoshop startup requires a multi-pronged approach, including: upgrading hardware (memory, solid-state drive, CPU); uninstalling outdated or incompatible plug-ins; cleaning up system garbage and excessive background programs regularly; closing irrelevant programs with caution; avoiding opening a large number of files during startup.

How to set password protection for export PDF on PS How to set password protection for export PDF on PS Apr 06, 2025 pm 04:45 PM

Export password-protected PDF in Photoshop: Open the image file. Click "File"> "Export"> "Export as PDF". Set the "Security" option and enter the same password twice. Click "Export" to generate a PDF file.

How to use PS Pen Tool How to use PS Pen Tool Apr 06, 2025 pm 10:15 PM

The Pen Tool is a tool that creates precise paths and shapes, and is used by: Select the Pen Tool (P). Sets Path, Fill, Stroke, and Shape options. Click Create anchor point, drag the curve to release the Create anchor point. Press Ctrl/Cmd Alt/Opt to delete the anchor point, drag and move the anchor point, and click Adjust curve. Click the first anchor to close the path to create a shape, and double-click the last anchor to create an open path.

Is slow PS loading related to computer configuration? Is slow PS loading related to computer configuration? Apr 06, 2025 pm 06:24 PM

The reason for slow PS loading is the combined impact of hardware (CPU, memory, hard disk, graphics card) and software (system, background program). Solutions include: upgrading hardware (especially replacing solid-state drives), optimizing software (cleaning up system garbage, updating drivers, checking PS settings), and processing PS files. Regular computer maintenance can also help improve PS running speed.

How does PS feathering control the softness of the transition? How does PS feathering control the softness of the transition? Apr 06, 2025 pm 07:33 PM

The key to feather control is to understand its gradual nature. PS itself does not provide the option to directly control the gradient curve, but you can flexibly adjust the radius and gradient softness by multiple feathering, matching masks, and fine selections to achieve a natural transition effect.

See all articles