Fireworks 8 Dream Trip (7): New layer Blending mode detailed

Source: Internet
Author: User
Tags comparison diff mixed reflection
Detailed

  previous section: Fireworks 8 Dream Trip (6): Combat Operation

Five, add layer blending mode detailed

One of the biggest changes in FIREWORKS8 is the layer blending mode, which provides an unprecedented total of 39 blending modes, compared to the previous Firewroks version, adding a full 26 new blending modes, And some of the mixed-mode effect is not seen in Photoshop software. For those who are used to working with fireworks, it can be said to be a big surprise or a huge change for the software itself.

We know that when you choose to use blending mode, Fireworks applies it to all of the selected objects. An object in a single document or a single layer can have a blending mode that is different from the document or other objects in that layer. When objects with different blending modes are grouped together, the blending mode of the group object takes precedence over the blending mode of a single object, and once the group object is canceled, the blending mode of each object is restored.

[Hint 1]: Layer blending mode cannot be used in a Component object, that is, even if a layer blending mode is set in the editing area of a Component object, all blending mode settings are not reflected in the edit area once returned to the edit area.

[Hint 2]: In fact, the effect of the use of each mixed mode is generated by the calculation of the relevant values. How it is calculated, we don't have to worry about it, all we have to do is figure out what special effects these hybrid patterns will produce in combat and how to apply them. If you want to gain a thorough understanding of this knowledge, you can access the site http://www.pegtop.net/delphi/blendmodes/ recommended in the Help document provided by FIREWORKS8. I'm sure you'll get more information.

[Hint 3]: When using a bitmap tool group tool to manipulate a bitmap object, you can set its blending mode on the property inspector in advance, and then manipulate the bitmap objects, but such operations will be done directly on the bitmap object, that is, it will cause damage to the Bitmapped object, and you need to think twice before you take action.

[Hint 4]: Even a separate layer object can also be set in mixed mode.

[Hint 5]: You can adjust the layer blending mode of the fill color by using the Adjust color | color Fill command on the Filter menu in the property Inspector, which is the most reasonable way to apply a layer blending mode without compromising the original image pixel.

[Hint 6]: If an object with a layer blending mode is imported into Flash8, the FLASH8 can be displayed normally for a layer blending mode that is both shared.

This chapter focuses on the new blending modes in the FIREWORKS8, and no longer repeat the blending mode that already exists in the original version.

In a concrete mixed-mode operation, we will apply the color of the blending mode to the "blend color"; The pixel color under the blend color is called the "base color", and the result of applying the blending mode to the base color is called the result color. The setting of "opacity" is also involved in the specific blending mode setting, which is actually the setting for the transparency of applying mixed mode.

(i) The overall understanding of the new blending mode (the pattern in parentheses is the original pattern).

Opaque mode: average (normal)

Dimming mode: Color deepening, reverse color deepening, soft deepening; (darkening, color multiplication)

Light mode: color reduction, color subtraction, soft light reduction; (lighten)

Illumination Effect Mode: superposition, soft light, blurred light, strong light;

Contrast mode: Exclude, Reverse; (difference, reversal)

Adjust the color mode: red, green, blue; (hue, saturation, color, luminosity, hue)

Light and Heat mode: Reflection, luminescence, freezing, heating;

Calculation mode: added, removed, removed, interpolated, stamp, XOR, or (erase).

(b) To make a comprehensive understanding of the new layer blending mode through concrete example operations.

The datum image used in this part of the operation is

The mixed image is the same rectangular object with two linear fills with "red, green, and blue" colors

[Note]:

1, this part of the tutorial in order to make everyone's understanding of the soil mix more clearly, but also more simple, we used a comparison of the operation of the way to explain, I hope we can more easily to carry out this part of the study.

2, if not a special hint, all the mixed mode of the opacity setting is "100%".

  1. Average

We are in the concrete operation, use the "average" blending mode for the left rectangular mixed object, and keep the blending mode of the right rectangular blend object "Normal", just set the opacity value to 50, compare the effects on both sides, see the following figure, you can find that the build effect is basically the same. The following conclusions are drawn:

The effect that is produced by using average mode is the equivalent of setting the opacity to the effect of the original 50% in normal mode.

  2, Color deepening

Make an adjustment to the fill effect of the rectangular mixed image, and the effect shown in the following figure appears.

Use the blend mode "color deepens" for the rectangular blend image on the left. And for the right side of the rectangular mixed image using the "color multiplication" of the blending mode, you can find in the large color block range of the mixing effect is similar to the same, so you can learn that the color deepening blending mode is also mixed color multiplied by the base color, Thus creating a darker color for such an operating principle.

But the two mixed mode is certainly different, see the color transition region on the mixed effect, you can see the beginning, and then through the example to verify the difference, the rectangular mixed image of the fill effect to make an adjustment, revert to the following figure shows the effect.

Also use the "color-deepened" blending mode on the left side of the rectangular blend image, on the right side of the rectangular mixed image using the "color multiplication" of the mixed mode, you can find that the use of color to deepen the blending mode not only to the monochrome multiplication processing, but also for the transition color processing is more detailed, brighter, darker color, So the color performance is even better.

  3, Reverse color deepening

The rectangular blend of images on the left uses a blend of "reverse-color-darker" blending mode and a "darkened" blending mode for the rectangular blend image on the right. We know that the mechanism of the "darken" blending mode is to select the darker of the blend color and base color as the result color and replace the pixels brighter than the blend color. Both types of blending mode basically achieve this effect, but the "reverse color deepening" blending mode in the processing of these colors will increase the degree of color darker and darker, brighter color. Please refer to the figure below.

  4. Softening and deepening

Use the blending mode "soften" for the rectangular blend image on the left, while the blend of "color deepens" is used for the rectangular mixed image on the right. You can see that the blending mode of "softening deepens" also overlays the colors. However, the resulting color will be softer, I try to use the right side of the "color deepening" mixed mode of opacity for a small number of operations, but found that can not achieve the left side of the use of "soft deepening" mixed mode of effect, visible "softening deepened" Blending mode is not a simple opacity adjustment to a "color-deepening" blending mode, but rather a result of a more complex operation.

  5. Color Dodge

The rectangular blend of images on the left uses a "color dodge" blending mode, while a blending of "screen" mode is used for the rectangular blend of images on the right. As we all know, the "screen" blending mode works by multiplying the base color by the inverse of the blend color, this results in a bleaching effect, and the "color Dodge" blending mode is due to the color modification of the base image by the highlighted color portion of the blend image, which makes the color look brighter and closer to the bleaching effect. However, the blending mode does not make a great adjustment to the color of the same colors.

  6. Reverse Color Dodge

The blending mode of "color Dodge" is used for the rectangular mixed image on the left, and the mixed mode of "color Dodge" is used for the rectangular mixed image on the right side. After the "color reduction" of the reverse operation, so that the mixed image in the background of the inverse color of the base image color reduction operation, resulting in a similar gouache effect, we can also make their own gouache! Oh!

  7. Soften and reduce the light

The blending mode of "soft dodge" is used for the rectangular mixed image on the left, and the mixed mode of "color Dodge" is used for the rectangular mixed image on the right side. Through the operation can be seen in the "soft reduction" of the blending mode will make the color more soft, but also easier to reduce the color based on the original color still retain the nature.

  8, overlay

The rectangular blend of images on the left uses "overlay" blending mode, with a "screen" blending mode for the rectangular blend of images on the right. Overlay mode blends the "base color" of the image with the "Blend color" color to produce an intermediate color. The colors in the base color are darker than the blend color, which multiplies the blend color. Colors that are brighter than the blend color will make the blend color obscured, while the highlight and shadow portions of the image remain unchanged, so the overlay mode does not work when coloring pure black or pure white pixels.

Therefore, the color of the "overlay" mode or "screen" mode, depending on the background. The pattern or color overlays the existing pixel while protecting the background light and dark tone. The background color is not replaced, but is mixed with the blend color to reflect the brightness or darkness of the original colour.

[Hint]: After the mixed mode explained, there will be a special example to explain the superposition of mixed mode to do further discussion.

  9, Soft light

Use the "soft light" blending mode on the left side of the rectangular blend image, using the "overlay" blending mode with an opacity of 50% for the rectangular blend image on the right. As you can see in the operation, if the blend color (light source) is brighter than 50% gray, the image will brighten, as if it were reduced to light; If the blend color is darker than 50% gray, the image is dimmed, as if it were deepened. Painting with pure black or pure white produces an area that is obviously darker or lighter, but does not produce pure black or pure white. In other words: soft light "mode will produce a soft light irradiation effect." If the blend color color is lighter than the pixel of the base color, the result color is lighter, and if the blend color is darker than the color of the base colors, the result color color is darker and the brightness contrast of the image increases.

  10. Blur Light

The mixed mode of "soft light" is used for the rectangular mixed image on the left with a "blur light" blending mode. In contrast to the "soft light" blending mode, the "blur light" blending mode produces more flexibility, smoother transitions, and softer color edges.

  11. Strong Light

Use the "strong light" blending mode on the left side of the rectangular blend image, using the "overlay" blending mode for the rectangular blend image on the right. The first thing to give us is that the hybrid model shows the color effect of the mixed image more strongly, as if it were shining the spotlight on the picture.

If the color of the blend color color is lighter, the result color will be lighter, and the result color will be darker if the blend color is darker than the pixels in the base color. In addition to depending on the color in the background to make the back color multiple or shielded, this pattern is essentially the same as the "soft light" mode, but it works more strongly than the "soft light" blending mode, which can also simulate patterns or text effects on the surface of a datum image.

[Note]: For specific actions on simulating patterns or text effects on the surface of a datum image, see the example explained in the "overlay" blending mode later.

  12, excluding

Use "Exclude" blending mode for the rectangular mixed image on the left, and a "diff" blending mode for the rectangular blend image on the right. The "Exclude" mode is similar to the "difference" mode, but with a high contrast and low saturation feature, its blending with white causes the background value to be reversed, and the black blend does not change. The exclusion mode is softer than the color obtained in the difference mode. We can process the image, first select the "Difference" mode, if the effect is not ideal, you can choose the "exclusion" mode to try.

  13, take the counter

Use "reverse" blending mode for the rectangular mixed image on the left, and an "exclude" blending mode for the rectangular blend image on the right. Obviously the effect of the pattern is between the "exclude" blending mode and the "difference" blending mode, which produces a softer effect than the "difference" mode, which results in a more luminous effect than the "exclude" mode.

[Gas Station]: In order to facilitate the understanding of some of the color, we are here to do a simple understanding of the hue spectrum of color, first of all look at the following figure this hue disk:

The so-called hue refers to the color types, namely: red, orange, yellow, green, cyan, blue, purple. These seven colors are connected to each other, forming a closed ring. If the 0-degree starting point is indicated in the x-axis direction, the hue disk is opened in a counterclockwise direction. As shown in the following illustration:

We will be in this ring, the two colors at the angle of 180 degrees (that is, the color at the ends of any one of the circles), called the inverse or complementary color.

  14, red, green, blue

From left to right, the rectangular mixed images are respectively used in three kinds of blending modes of "red", "green" and "blue". For mixed images, the corresponding red, green, and blue regions are respectively using the "red", "green", "" Blue "mixed mode will be a color superposition + soft way to exist, and for the corresponding other color areas, it is the color of the complementary color and the base image color superposition + soft way to exist. In order to understand the very raozui of what I am saying, we can understand it by a specific experiment.

First, we replace the base image with a black filled rectangle object, and the blend image does not change. Next, in turn, the rectangular mixed image using "red", "green", "blue" three kinds of mixed mode, you can see the effect shown in the following figure. From this we can learn that in order to do these three mixed mode operations on the Black Datum image, red, green, blue these three primary colors will be highlighted in the "red", "green", "blue" three mixed mode, while the other color elements are directly and the background transparent fusion processing.

Conversely, if you replace the base image with a white-filled rectangular object, and then do the three mixed-mode operations on the Black datum image in turn, red, green, blue these three primary colors will be in the "red", "green", "blue" three kinds of mixed mode to display as transparent, while the other color elements will be red, green, Blue, the complementary color of the three colors (cyan, purple, yellow) in the form of color overlay with the base image of the operation, and highlighted.

[Note]: For the next few fireworks 8 unique blending mode explanation, we now talk about the benchmark image to make a slight adjustment. Add a two-column, black, white, solid-colored fill area on the image, as shown in the following figure. Mixed images do not adjust.

  15, Luminous

The rectangular blend of images on the left uses a "glow" blending mode, and a "strong light" blending mode is used for the rectangular blend image on the right. By contrast, it can be concluded that when using "glow" blending mode, the blending effect of a pure black datum is equivalent to that of a "strong light", while for a white datum image, it is displayed directly as white. Compared with the "strong Light" mode, "luminous" mode is more strong than the performance. So, for all colors in a mixed image, the effect that is produced after using the glow blending mode is displayed in a richer color pattern and a base image overlay. Of course, you want to rule out the case where the base color is white.

  16, heating

The rectangular blend of images on the left uses a "heating" blending mode, and a "glow" blending mode is used for the rectangular blend image on the right. Unlike the glow mode, this pattern does not have any effect on the Black datum image, and is shown directly in black. Also, the black in the base image is displayed in a more intense way in the image generated after the layer is mixed. Generally speaking, the effect of "heating" mode is softer when compared to "glow" mode.

  17, Reflection

Use reflection blending mode for the rectangular blend image on the left, and a "color Dodge" blending mode for the rectangular blend image on the right. You can see from the diagram that the two are very similar in the end result, but the "reflection" mode is more intense than the color Dodge mode, the darker tones are darker, the brighter tones are brighter, and the overall saturation is higher. And does not do any processing on the base color white.

  18, frozen

The rectangular blend of images on the left uses a "freeze" blending mode, and a "color-deepened" blending mode is used for the rectangular blend of images on the right. By comparison, you can see that the "Frozen" mode is more muted than the overall effect of the "color-deepened" mode, and that the brightness is higher and the saturation is lower. and the base color of the black does not do any processing.

  19, add the

Use "Add" blending mode for the rectangular blend image on the left, and a "lighten" blending mode for the rectangular blend image on the right. The "added" blending mode is more like a display of overexposed, lighter blending modes than "lighten" mode. The tones are brighter and the saturation is higher. The pattern does not react to a white datum color.

  20, removal of

Use the "remove" blending mode for the rectangular mixed image on the left, and the "darken" blending mode for the rectangular blend image on the right. In contrast to "dimming" mode, the "removed" mode is more intense in dark tones and more accurate for detail display. And we can interpret the pattern as a pattern that corresponds to "added". This mode does not make any changes to the base color of the black and is still displayed in black.

  21, remove

Use the "remove" blending mode for the rectangular mixed image on the left, and use the "diff" blending mode for the rectangular blend image on the right. The similarities between the two are obvious, that is, for the reference color of the white processing, are mixed color with the complementary color of the stack, but for the base color on the black, the removal mode does not work, and the difference mode is the mixing color of black directly superimposed and produce effect. So for the removal mode, dark tone processing on the base color will make it more reinforcing. The overall effect is that the complementary color of the mixed image is generated by the color superposition of the datum image.

  22, interpolation method

The rectangular mixed image on the left uses the "interpolation" blending mode, and the "soft dodge" blending mode is used for the rectangular mixed image on the right. There's basically no big difference in the overall display effect, only for the base color of the black display difference, "interpolation" blending mode for black, white pure color is directly the operation of color superposition, and not as "soft dodge" mode for dark color display more strongly. From another angle, you can also consider the interpolation method as a soft display of the reflection mode.

  23. Stamp

The rectangular blend of images on the left uses a "stamp" blending mode, and a "strong light" blending mode is used for the rectangular blend image on the right. As can be seen, the "stamp" blending mode is more like the "strong light" blending mode for brightness, contrast reduction, the result of the operation, and a higher degree of saturation.

  24, different or

Use "XOR" blending mode for the rectangular mixed image on the left, and a "diff" blending mode for the rectangular blend image on the right. There should be no big difference between the final color effects generated after mixed-mode processing, but the "XOR" pattern is more like an almost cluttered and bizarre effect that is generated after a "differential" blending mode has been processed with some sort of filter. It on the base color of monochrome processing and no strange place, the effect of the obvious part of the main embodiment in the color transition area, will be a lot of dry gouache effect will be reflected out of the color.

Okay, at this point, we have made a more comprehensive introduction to the 26 new blending modes in FIREWORKS8, and the application of these mixed modes, with only a few simple examples and simple words, is not enough to say, and more mixed-mode operation techniques and their use methods, Still need everyone in the actual combat experience, only through a variety of ways to try to the use of these mixed mode to have a clearer understanding, in order to make full use of this play mixed mode system to make more wonderful effects!



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.