search
HomeWeb Front-endPS TutorialDetailed explanation of PS layer blending mode examples

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
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
Using Photoshop: Creative Possibilities and Practical UsesUsing Photoshop: Creative Possibilities and Practical UsesApr 22, 2025 am 12:09 AM

Photoshop is very practical and creative in practical applications. 1) It provides basic editing, repairing and synthesis functions, suitable for beginners and professionals. 2) Advanced features such as content recognition fill and layer style can improve image effects. 3) Mastering shortcut keys and optimizing layer structure can improve work efficiency.

Photoshop: Advanced Techniques and ToolsPhotoshop: Advanced Techniques and ToolsApr 21, 2025 am 12:08 AM

Advanced features of Adobe Photoshop include advanced selection tools, layer blending modes, and actions and scripts. 1) Advanced selection tools such as the Quick Selection Tool and the Color Range Selection Tool can accurately select image areas. 2) Layer blending mode such as "overlapping" mode can create unique visual effects. 3) Actions and scripts can automate repetition of tasks and improve work efficiency.

Photoshop's Main Feature: Retouching and EnhancementPhotoshop's Main Feature: Retouching and EnhancementApr 20, 2025 am 12:07 AM

Photoshop's powerful functions in photo editing and enhancement include: 1. Use the "Repair Brush Tool" to remove acne, 2. Use the "Liquefaction Tool" to slim face, 3. Use the "Frequency Separation" technology to accurately retouch images. These functions are implemented through algorithms and image processing technology to optimize image processing effects.

Photoshop's Key Features: A Deep DivePhotoshop's Key Features: A Deep DiveApr 19, 2025 am 12:08 AM

Key features of Photoshop include layers and masks, adjustment tools, filters and effects. 1. Layers and masks allow independent editing of image parts. 2. Adjust tools such as brightness/contrast can modify image tone and brightness. 3. Filters and effects can quickly add visual effects. Mastering these features can help creative professionals achieve their creative vision.

Photoshop and Digital Art: Painting, Illustration, and CompositingPhotoshop and Digital Art: Painting, Illustration, and CompositingApr 18, 2025 am 12:01 AM

Photoshop's applications in digital art include painting, illustration and image synthesis. 1) Painting: Using brushes, pencils and mixing tools, the artist can create realistic effects. 2) Illustration: With vector and shape tools, artists can accurately draw complex graphics and add effects. 3) Synthesis: Using mask and layer blending mode, artists can seamlessly blend different image elements.

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.

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

Video Face Swap

Video Face Swap

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

Hot Tools

Atom editor mac version download

Atom editor mac version download

The most popular open source editor

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

SecLists

SecLists

SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.