search
HomeWeb Front-endPS TutorialPhotoshop blending modes

Photoshop blending modes

Feb 22, 2017 am 10:05 AM

1. Brightness is the relative brightness of a color, and saturation refers to the purity of a color (how much gray is contained in the color)

2. Blending mode

The color pixel of the underlying picture is called the "basic color"; the selected one is called the "mixed" color. For most of the blending modes, Photoshop generally follows the channel Compare the colors of the two layers.

Classification of blending modes:

Photoshop blending modes

Photoshop blending modes

##Basic blending mode Replace basic colors

Normal:All basic colors will be modified;

Dissolve: Use mixed colors to create dry brushes. The higher the opacity of the layer, the more uniform the color;

Darken blending mode to darken the basic color

Darken: Mix colors to darken the base color

Color Burn: Enhance by darkening shadow areas and raising areas. Contrast of the base color;

Dark:The mixed color replaces the lighter base color without affecting the darker base color;

Multiply: Dark blend color generates a darker base color; Light blend color is just a darkening of the base color, suitable for creating translucent shadows;
Linear Burning: Use blended colors to darken the base color by reducing the brightness;

Lighten blending mode improves the base color

Lighten: Only adjusts the base color that is darker than the blend color, and is darker than the blend color Bright basic colors are basically unaffected;

Color dodge:The brightness mixed color improves the basic color by reducing the layer contrast, and the dark mixed color will Apply a slight tint like the base color;

Light Color:The blended color will replace the base color that is darker than itself without affecting the base color that is lighter than itself Color, the blended color will be completely opaque and can be used to paint the underlying darker color without creating a selection;

Screen color:Lighter blended colors produce lighter colors The color can bleach the base color, and the dark blended color slightly improves the base color;

Linear Dodge (Add): Lighter blended color by adding layers Brightness to boost the base color, dark blend color to apply a slight tint to the base color;

Contrast blending mode enhances or weakens overall contrast

Overlay: When luminance (bright vs. dark) values ​​are preserved ,Multiply darkens the basic color, and filters (lightens) the basic color to lighten it. Black and white pixels are not changed, so detail is preserved;

Highlight:If the blend color is brighter, filter out (brighten) the base color; if The blend color is darker and multiplies (darkens) the base color. Suitable for compositing effects or painting glowing highlights;

Linear light: If the blend is darker, deepen (darken) the base color by reducing the brightness; if the blend color is lighter , dimmer (lighten) the basic color by increasing the brightness;

Soft Light: Apply a bright tint to soften the basic color, while retaining the brightness value of the basic color;

Light: If the mixed color is darker, the basic color will be deepened (darkened) by increasing the contrast; if the mixed color is brighter, the basic color will be lightened (brightened) by reducing the contrast ;

Spot light: Replace the base color with a light blend color; Dark blend mode only applies a faint tint to the base color;

Solid Color Mixing: Dark mixed colors will produce more black in the base color, bright mixed colors will produce more white in the base color;

Contrast blending mode inverts the base color

Difference: Inverts the base color and the blended color, the brighter the blended color , the more saturated the final color is;

Exclusion: Convert the basic color to gray in areas where the mixed color is dim and invert the contrasting color in bright areas to reduce contrast;

Minus: A bright blended color will darken the base color; a dark blended color will darken the base color with its own inverted value;

Division: The lighter blended color will darken the base color; the darker blended color will retain the dark tones in the base color and bleach out all other colors;

Component Blend Mode applies a specific color component

Hue: Applies only the hue of the blended color, the saturation of the base color, and Luminance values ​​will be preserved (white and black);

Saturation: Only the saturation of the blended color is applied, without changing the hue and brightness values ​​of the base color;

Color: Apply the saturation and hue of the mixed color, retaining the brightness value (detail) of the base color, which can be used for coloring;

Brightness: The brightness value of several times the color will be replaced by the brightness value of the mixed color, and the hue and saturation in the basic color remain unchanged;

For more articles related to Photoshop’s blending modes, please pay attention to the PHP Chinese website!

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 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.

Photoshop for Web Design: Advanced Techniques for UI/UXPhotoshop for Web Design: Advanced Techniques for UI/UXApr 08, 2025 am 12:19 AM

Photoshop can be used in web design to create high-fidelity prototypes, design UI elements, and simulate user interactions. 1. Use layers, masks and smart objects for basic design. 2. Simulate user interaction through animation and timeline functions. 3. Use scripts to automate the design process and improve efficiency.

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)
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks 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

Atom editor mac version download

Atom editor mac version download

The most popular open source editor

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

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor