What's the Chinese name of screen blending mode in Photoshop?

Is a color filter, and the screen blending mode refers to setting the layer blending mode as a screen color filter.

First, take a quick look at the blending mode of the color filter screen.

Screen blending mode is called "color filtering" in China, and its calculation formula is: calculation formula of color filtering mode.

C in the formula represents the final mixed RGB color value (range 0-255), and A and B represent the RGB color values of the two colors used for mixing (range 0-255).

As can be seen from the content of the formula, the color of the color filter mixing mode is to multiply the pixel values of the complementary colors of the two colors and then divide them by the complementary color value of 255.

For example, if there is a red color with an RGB value of (255,0,0) and a blue color with an RGB value of (0,0,255), the color values of these two colors after using the color filter mixing mode are:

r = 255-(255–255)*(255–0)/255 = 255

g = 255-(255–0)*(255–0)/255 = 0

b = 255-(255–0)*(255–255)/255 = 255

So the final color value is RGB (255,0,255), which is the color of the following color block:

Then the following is the real-time mixed color value effect by applying mix-blend-mode: screen code:

It can be seen that the colors of the two color blocks are exactly the same, which not only verifies the correctness of the formula, but also has a preliminary understanding of the color filtering mode.

Second, the characteristics of color filtering mode and web application

Here are some intuitive features:

Any color and black perform color filtering, or present the original color;

Any color and white are filtered to get white;

Any color mixed with other colors will become lighter, which is a bit like bleaching.

Color filter mode is very useful for creating neon glow effect in images, and this function is also very useful for Web development.

We often need to add some scene effects to some image materials, such as various weather or neon lighting effects.

Traditionally, transparent PNG images are used to cover it, but using transparent PNG foreground images has the following two disadvantages:

The effect is unnatural and lacks the feeling of being completely integrated with the base map;

The screen size is really too big, and it is hundreds of K at every turn;

Now, using the color filter mode, we only need to prepare a jpg picture with a black background color. The application of the screen blending mode can not only be completely integrated with the base map, but also the file size of the foreground picture used is only110 of the PNG picture.

For example, we have the following basemap, forest and deer:

Forests and deer

Then, there are the following special effects foreground images:

Bright glow, water vapor fog, heavy rain and water vapor fog

When mixed with the provided basemap, you can see the real-time effect as shown in the following figure:

You can see that the effect is great and natural. The size of the foreground material used here is 300*400, which is only about 20K, and the overhead is very small.

It can also be applied to HTML video.

The color filter mixing mode can be used not only for images, but also for videos. Similarly, as long as we make the background of the video black, it can be well integrated with the background of the webpage.

For example, here is a screenshot of a webpage, and there is also a scene map with a secondary style:

Screenshot of the homepage of the webpage.

Then there are two video special effects materials with a black background, namely fireworks blooming and pouring rain (please click on the video and don't move):

Set the video element mixing mode to screen, and you can get the following wonderful effects (click if the video is still):

It adds a new idea for the realization of dynamic effect of web pages.

Thirdly, the compatibility of color filter mixing mode.

The compatibility of color filter mixing mode is still very slippery. Since the end of 20 14, it has been almost five years now. According to the update speed of the mobile phone, as long as your product is not made in China, the mobile terminal can use it with confidence.

Because Edge embraces the Chrome browser, it also supports Edge75. It can be predicted that after 10 years, when the window7 7 system is not used, the PC will also shine brilliantly.

Screenshot of mixed mode compatibility

Color filter mixing mode is a very basic and common mixing mode in any language or design tool. If you are committed to making a difference in the field of graphic representation, you must remember the fusion algorithm, special effects and application scenarios of this model thoroughly.