Mastering Blending Modes in Adobe Photoshop 笔记
最近在tutsplus上面学习了这个课程，用了这么久的PS，终于搞清楚了blending选项的原理。
日记为看视频教学时候的word笔记，因为随手记所以会有些语法错误，自己看得懂就好了（其实是懒得再修改润色Orz）。。。
此为豆瓣第一篇学习笔记，以后的笔记也会以此种方式记录在豆瓣中～～
视频地址： https://design.tutsplus.com/courses/mastering-blending-modes-in-adobe-photoshop
----------------------------------------------------------< 我是丑丑的荤割线 >---------------------------------------------------
• Normal Set: Normal and Dissolve
1. Normal: Default mode, no blend at all
2. Dissolve
• Taking areas of pixels that have a bit of reduced opacity to them, and creating noise according to that opacity
(- Gaussian Blur will increase the noise effect, as it adds more pixels that have low opacity, hence more transparency
- Decrease the Opacity value will also increase the dissolve effect)
Practical uses notes (fuzzy appearance):
- Select the layers, Ctrl+Alt+E to create a new merged layer
- Create a new layer above the Dissolve mode layer, merge this two will create a Normal mode layer
- Ctrl + shift + click the layers to create a combined selection
- Adding a layer mask to the texture layer, and make two copies of the mask layer;
- Make the bottom layer as a shadow layer: adjust the Level (input & output levels) of bottom mask layer to make it darker, and transform it down a bit;
- Make the second mask layer as a highlight layer: adjust the Levels to make it brighter, and scale it up a little bit;
- Use the low opacity Sponge Brush to do some touch ups along the top edges of the text in the mask of the base (top) layer, so as to reveal more highlight.
• Multiply Set: Darken, Multiply, Color Burn, Linear Burn, Darker Color
1. Darken
• Evaluating which is darker, the blend color or the base color, and using whichever one of those two are darker for grayscale
• Having a blending effect with regards to the color pixels (not white, black and gray)
2. Multiply
• Taking the color info from the base color and multiplying it with the blend color
• Can use brushes in Multiply mode to build up the colors on the same layer
• White color (1) in blend mode will completely disappear, dark color(0) in blend mode will always remain black
• The gray color in blend mode adds a mid-tone gray value to those background pixels, making it darker, more subtle (than Darken mode which swap pixels)
3. Color Burn
• Evaluating the colors of the base color and the blend color, and then increasing the contrast between these two to darken that base color, so it further reflects the blend color
• The white color in the blend layer is rendered completely invisible, white color in the base layer unaffected
4. Linear Burn
• Detecting the differences between the blend in the base and darkening the base to better reflect what the blend color is
• The white color in the blend layer is removed
• White pixels in the base are darkened according to the color in the blend layer
• Anytime there are black pixels either on either the base or the blend layer, the combination of those generates fully black pixels (Color Burn & Linear Burn)
5. Darker Color (pick whichever color is actually darker of the two pixels and display it, regardless if it’s grayscale or color)
• Similar to Darken Mode, but where even with the color bars, the pixels are replaced with the background pixels (no blending effect) if they are darker colors, i.e., it evaluate the two pixels and calculates the luminous values of that, whichever one of those tow colors (of the blend or the base) has the lowest luminous value (brightness), will be displayed on that pixel
• The original Darken mode doesn't swap the colored pixels
• Screen Set: Lighten, Screen, Color Dodge, Linear Dodge and Lighter Color
1. Lighten:
• Display whichever the brighter pixel of the blend or base layer (grayscale)
• Have a little bit of blending when it uses colors over the background (similar to Darken)
2. Screen
• Taking the color info from the base color and multiplying it with the blend color, but opposite to Multiply, it's actually multiplying the inverse, hence the resultant color is always brighter
• Black color in the blend mode will completely disappear, white rendered completely white
3. Color Dodge
• Black in the blend layer completely disappear, white completely white
• Evaluating the pixels in both the base and the blend layers and then decreasing the contrast until the base pixel color more closely represents the blend pixel color (no change when placed on solid black basis color)
• Not brightening the color but decreasing the contrast
• Often creates a more pixelized in almost a dirty looking effect
4. Linear Dodge
• Black in the blend layer completely disappear, white completely white
• Evaluating the differences between the blend and the basis color, then increasing the brightness value of the base color to more closely match that of the blend color
• Often creates a more cleaner and clearer gradient (of color bar) in contrast to Color Dodge
5. Lighter Color
• Do strict color replacement based on which pixel has the brighter luminous values, no blending between the two layers
• Overlay Set: Overlay, Soft Light, Hard Light, Vivid Light, Linear Light, Pin Light, Hard Mix
1. Overlay
• Creating a screen or multiply effect based on the base colors, i.e., it takes the base color and then mixes in the blend color to get the result
• Remove all the mid-tone grays, especially 50% gray
2. Soft Light (detects the luminous values of the color in the blend mode, if lighter than 50% gray, creates the screen effect, otherwise, the multiply effect, 50% removed completely)
• Uses the blend color as the starting point (in opposite to Overlay mode)
• Starts with the blend color and mixes it in the base
• Subtle than the Overlay mode (which is more brighter)
3. Hard Light
• White in blend layer is completely white still, and black is completely black, Remove all the mid-tone grays, especially 50% gray
• Color bar hardly rendered at all
• Much more higher contrast effect rendered, as the available blending gamut is very limited
4. Vivid Light (adjusting the contrast of the background image according to the brightness values of the blend pixels)
• Remove all the mid-tone grays, especially 50% gray
• If pixels in the base layer is lighter than 50% gray, the image is lightened by decreasing contrast; if darker than 50% gray, the resulting color is darkened by increasing the contrast
5. Linear Light (Adjust the brightness of the resultant pixels)
• 50% gray gone
• More blending effects
6. Pin Light
• Using the blend color, if lighter than 50% gray, pixels in base layer that are darker than that are replaced with the blend color; , if darker than 50% gray, pixels in base layer that are lighter than that are replaced with the blend color
• Having a higher tolerance for removing the gray values in blend layer
• More striping in the color bar in blend layer due to pixel replacement according to the luminous values
7. Hard Mix
• Forcing the composite colors to be fully saturated or fully luminous
• Inversion Set: Difference, Exclusion, Subtract, Divide
1. Difference: selective inversion (inverting the background colors)
• Black color in blending mode is completely removed (no inversion)
• White color in blending mode does the complete exact opposite inversion, creates a negative effect
• Other colors create an inversion based on the brightness levels on a channel by channel basis
• Similar colors (colors of base & blend mode) are rendered as black
2. Exclusion: selective inversion
• As Difference, black color never gets inverted, while white color inverts absolutely
• Gray color is excluded
• Similar colors cancel each other out as in Difference mode, but they are rendered as gray
3. Subtract (inverting the colors in the blending mode and overlaying/multiply them over the background)
• White color in blending mode is completely rendered black, as it is subtracted from the colors in the basis
• Black color in blending mode is rendered completely visible
4. Divide (colors in the blending mode are inverted and being screened on the background color)
• White color completely removed, black color are rendered white
• Gray creates a much lighter color
• Color gradient is inverted and being screened on the background color
Summary: Inversion modes are more often used to do things like aligning layers together
• Component Set: Hue, Saturation, Color, Luminosity
1. Hue (All about hues, no concern about S & B levels)
• Black, gray and white colors (hue & saturation 0, only brightness ) de-saturate the colors in the background image
• Any colors have hue are colorized by the colors (hue) in the blending mode
2. Saturation
• Taking the hue and brightness of the colors in the background layers, and blend them with the saturation value of the blending layer
3. Color
• Using the luminance(brightness) value of the background image, and adding the color (hue & saturation combination) of the blending layer to it
4. Luminosity (Layers order should be opposite to Color mode to create same effect)
• Using the brightness values of the blending layer and blend them with the color of the base layers
Summary: Could be used for colorize and illumination focus
日记为看视频教学时候的word笔记，因为随手记所以会有些语法错误，自己看得懂就好了（其实是懒得再修改润色Orz）。。。
此为豆瓣第一篇学习笔记，以后的笔记也会以此种方式记录在豆瓣中～～
视频地址： https://design.tutsplus.com/courses/mastering-blending-modes-in-adobe-photoshop
----------------------------------------------------------< 我是丑丑的荤割线 >---------------------------------------------------
• Normal Set: Normal and Dissolve
1. Normal: Default mode, no blend at all
2. Dissolve
• Taking areas of pixels that have a bit of reduced opacity to them, and creating noise according to that opacity
(- Gaussian Blur will increase the noise effect, as it adds more pixels that have low opacity, hence more transparency
- Decrease the Opacity value will also increase the dissolve effect)
Practical uses notes (fuzzy appearance):
- Select the layers, Ctrl+Alt+E to create a new merged layer
- Create a new layer above the Dissolve mode layer, merge this two will create a Normal mode layer
- Ctrl + shift + click the layers to create a combined selection
- Adding a layer mask to the texture layer, and make two copies of the mask layer;
- Make the bottom layer as a shadow layer: adjust the Level (input & output levels) of bottom mask layer to make it darker, and transform it down a bit;
- Make the second mask layer as a highlight layer: adjust the Levels to make it brighter, and scale it up a little bit;
- Use the low opacity Sponge Brush to do some touch ups along the top edges of the text in the mask of the base (top) layer, so as to reveal more highlight.
• Multiply Set: Darken, Multiply, Color Burn, Linear Burn, Darker Color
1. Darken
• Evaluating which is darker, the blend color or the base color, and using whichever one of those two are darker for grayscale
• Having a blending effect with regards to the color pixels (not white, black and gray)
2. Multiply
• Taking the color info from the base color and multiplying it with the blend color
• Can use brushes in Multiply mode to build up the colors on the same layer
• White color (1) in blend mode will completely disappear, dark color(0) in blend mode will always remain black
• The gray color in blend mode adds a mid-tone gray value to those background pixels, making it darker, more subtle (than Darken mode which swap pixels)
3. Color Burn
• Evaluating the colors of the base color and the blend color, and then increasing the contrast between these two to darken that base color, so it further reflects the blend color
• The white color in the blend layer is rendered completely invisible, white color in the base layer unaffected
4. Linear Burn
• Detecting the differences between the blend in the base and darkening the base to better reflect what the blend color is
• The white color in the blend layer is removed
• White pixels in the base are darkened according to the color in the blend layer
• Anytime there are black pixels either on either the base or the blend layer, the combination of those generates fully black pixels (Color Burn & Linear Burn)
5. Darker Color (pick whichever color is actually darker of the two pixels and display it, regardless if it’s grayscale or color)
• Similar to Darken Mode, but where even with the color bars, the pixels are replaced with the background pixels (no blending effect) if they are darker colors, i.e., it evaluate the two pixels and calculates the luminous values of that, whichever one of those tow colors (of the blend or the base) has the lowest luminous value (brightness), will be displayed on that pixel
• The original Darken mode doesn't swap the colored pixels
• Screen Set: Lighten, Screen, Color Dodge, Linear Dodge and Lighter Color
1. Lighten:
• Display whichever the brighter pixel of the blend or base layer (grayscale)
• Have a little bit of blending when it uses colors over the background (similar to Darken)
2. Screen
• Taking the color info from the base color and multiplying it with the blend color, but opposite to Multiply, it's actually multiplying the inverse, hence the resultant color is always brighter
• Black color in the blend mode will completely disappear, white rendered completely white
3. Color Dodge
• Black in the blend layer completely disappear, white completely white
• Evaluating the pixels in both the base and the blend layers and then decreasing the contrast until the base pixel color more closely represents the blend pixel color (no change when placed on solid black basis color)
• Not brightening the color but decreasing the contrast
• Often creates a more pixelized in almost a dirty looking effect
4. Linear Dodge
• Black in the blend layer completely disappear, white completely white
• Evaluating the differences between the blend and the basis color, then increasing the brightness value of the base color to more closely match that of the blend color
• Often creates a more cleaner and clearer gradient (of color bar) in contrast to Color Dodge
5. Lighter Color
• Do strict color replacement based on which pixel has the brighter luminous values, no blending between the two layers
• Overlay Set: Overlay, Soft Light, Hard Light, Vivid Light, Linear Light, Pin Light, Hard Mix
1. Overlay
• Creating a screen or multiply effect based on the base colors, i.e., it takes the base color and then mixes in the blend color to get the result
• Remove all the mid-tone grays, especially 50% gray
2. Soft Light (detects the luminous values of the color in the blend mode, if lighter than 50% gray, creates the screen effect, otherwise, the multiply effect, 50% removed completely)
• Uses the blend color as the starting point (in opposite to Overlay mode)
• Starts with the blend color and mixes it in the base
• Subtle than the Overlay mode (which is more brighter)
3. Hard Light
• White in blend layer is completely white still, and black is completely black, Remove all the mid-tone grays, especially 50% gray
• Color bar hardly rendered at all
• Much more higher contrast effect rendered, as the available blending gamut is very limited
4. Vivid Light (adjusting the contrast of the background image according to the brightness values of the blend pixels)
• Remove all the mid-tone grays, especially 50% gray
• If pixels in the base layer is lighter than 50% gray, the image is lightened by decreasing contrast; if darker than 50% gray, the resulting color is darkened by increasing the contrast
5. Linear Light (Adjust the brightness of the resultant pixels)
• 50% gray gone
• More blending effects
6. Pin Light
• Using the blend color, if lighter than 50% gray, pixels in base layer that are darker than that are replaced with the blend color; , if darker than 50% gray, pixels in base layer that are lighter than that are replaced with the blend color
• Having a higher tolerance for removing the gray values in blend layer
• More striping in the color bar in blend layer due to pixel replacement according to the luminous values
7. Hard Mix
• Forcing the composite colors to be fully saturated or fully luminous
• Inversion Set: Difference, Exclusion, Subtract, Divide
1. Difference: selective inversion (inverting the background colors)
• Black color in blending mode is completely removed (no inversion)
• White color in blending mode does the complete exact opposite inversion, creates a negative effect
• Other colors create an inversion based on the brightness levels on a channel by channel basis
• Similar colors (colors of base & blend mode) are rendered as black
2. Exclusion: selective inversion
• As Difference, black color never gets inverted, while white color inverts absolutely
• Gray color is excluded
• Similar colors cancel each other out as in Difference mode, but they are rendered as gray
3. Subtract (inverting the colors in the blending mode and overlaying/multiply them over the background)
• White color in blending mode is completely rendered black, as it is subtracted from the colors in the basis
• Black color in blending mode is rendered completely visible
4. Divide (colors in the blending mode are inverted and being screened on the background color)
• White color completely removed, black color are rendered white
• Gray creates a much lighter color
• Color gradient is inverted and being screened on the background color
Summary: Inversion modes are more often used to do things like aligning layers together
• Component Set: Hue, Saturation, Color, Luminosity
1. Hue (All about hues, no concern about S & B levels)
• Black, gray and white colors (hue & saturation 0, only brightness ) de-saturate the colors in the background image
• Any colors have hue are colorized by the colors (hue) in the blending mode
2. Saturation
• Taking the hue and brightness of the colors in the background layers, and blend them with the saturation value of the blending layer
3. Color
• Using the luminance(brightness) value of the background image, and adding the color (hue & saturation combination) of the blending layer to it
4. Luminosity (Layers order should be opposite to Color mode to create same effect)
• Using the brightness values of the blending layer and blend them with the color of the base layers
Summary: Could be used for colorize and illumination focus
