<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>http://en.lightstream.pro/index.php?action=history&amp;feed=atom&amp;title=Blend_Modes</id>
	<title>Blend Modes - Revision history</title>
	<link rel="self" type="application/atom+xml" href="http://en.lightstream.pro/index.php?action=history&amp;feed=atom&amp;title=Blend_Modes"/>
	<link rel="alternate" type="text/html" href="http://en.lightstream.pro/index.php?title=Blend_Modes&amp;action=history"/>
	<updated>2026-09-04T06:59:16Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.40.1</generator>
	<entry>
		<id>http://en.lightstream.pro/index.php?title=Blend_Modes&amp;diff=359&amp;oldid=prev</id>
		<title>LumiBot: Перевод с русской вики (задача №1049, LS Dev Hub)</title>
		<link rel="alternate" type="text/html" href="http://en.lightstream.pro/index.php?title=Blend_Modes&amp;diff=359&amp;oldid=prev"/>
		<updated>2026-09-03T13:36:04Z</updated>

		<summary type="html">&lt;p&gt;Перевод с русской вики (задача №1049, LS Dev Hub)&lt;/p&gt;
&lt;a href=&quot;http://en.lightstream.pro/index.php?title=Blend_Modes&amp;amp;diff=359&amp;amp;oldid=326&quot;&gt;Show changes&lt;/a&gt;</summary>
		<author><name>LumiBot</name></author>
	</entry>
	<entry>
		<id>http://en.lightstream.pro/index.php?title=Blend_Modes&amp;diff=326&amp;oldid=prev</id>
		<title>LumiBot: Перевод с русской вики (задача №964, LS Dev Hub)</title>
		<link rel="alternate" type="text/html" href="http://en.lightstream.pro/index.php?title=Blend_Modes&amp;diff=326&amp;oldid=prev"/>
		<updated>2026-09-02T18:53:15Z</updated>

		<summary type="html">&lt;p&gt;Перевод с русской вики (задача №964, LS Dev Hub)&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;[[ru:Режимы смешивания]] [[en:Blend Modes]]&lt;br /&gt;
Effects in a composition lie on top of each other in layers. A &amp;#039;&amp;#039;&amp;#039;Blend mode&amp;#039;&amp;#039;&amp;#039; is the rule by which the next effect combines with the picture already assembled from the effects beneath it: simply cover it, add up brightness, multiply colors, or cut it out by a stencil. Together with opacity, this is the main tool used to build a complex animation out of several simple effects.&lt;br /&gt;
&lt;br /&gt;
The mode is set for each effect individually and works the same way everywhere: in the preview on the &amp;#039;&amp;#039;&amp;#039;Mapping&amp;#039;&amp;#039;&amp;#039; field, in the &amp;#039;&amp;#039;&amp;#039;3D View&amp;#039;&amp;#039;&amp;#039;, in the Art-Net signal, and in the exported cue file.&lt;br /&gt;
&lt;br /&gt;
== Where to set the mode ==&lt;br /&gt;
&lt;br /&gt;
The blend mode is chosen from a drop-down list, available in two places:&lt;br /&gt;
&lt;br /&gt;
* in the &amp;#039;&amp;#039;&amp;#039;Timeline&amp;#039;&amp;#039;&amp;#039; window — on the left side, in the effect&amp;#039;s row, next to its name;&lt;br /&gt;
* in the &amp;#039;&amp;#039;&amp;#039;Properties&amp;#039;&amp;#039;&amp;#039; window — select the effect, the list is at the very top, to the right of the effect&amp;#039;s name. Right-clicking this list immediately resets the mode to &amp;#039;&amp;#039;&amp;#039;Normal&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
The list is available for all effects that draw an image. Effects that control fixture channels directly (for example &amp;#039;&amp;#039;&amp;#039;Set Channels&amp;#039;&amp;#039;&amp;#039;), and audio tracks, have no blend mode — they don&amp;#039;t draw anything on the field.&lt;br /&gt;
&lt;br /&gt;
The selected mode is saved in the project and carries over with the copy of the effect when it is duplicated.&lt;br /&gt;
&lt;br /&gt;
== Layer order ==&lt;br /&gt;
&lt;br /&gt;
Blending always goes from bottom to top, so the result depends on the order in which the effects are arranged on the timeline.&lt;br /&gt;
&lt;br /&gt;
* The program stacks all effects of the composition that are playing at a given moment into a single stack in the same order they are listed on the left side of the &amp;#039;&amp;#039;&amp;#039;Timeline&amp;#039;&amp;#039;&amp;#039;: the bottom row is the bottom-most layer, the top row is the top-most.&lt;br /&gt;
* The stack is shared across the whole composition: effects from different layouts fall into it together. An effect from a layout positioned higher on the timeline lies on top of the effects of the lower layouts — wherever the layouts overlap on the &amp;#039;&amp;#039;&amp;#039;Mapping&amp;#039;&amp;#039;&amp;#039; field. If the layouts don&amp;#039;t overlap, the effects work on different fixtures and don&amp;#039;t blend at all.&lt;br /&gt;
* Each layer blends not with a single neighbor, but with the entire picture assembled from all the layers beneath it.&lt;br /&gt;
* The stack starts with an empty transparent frame. The bottom-most effect has nothing to blend with: regular modes behave there as &amp;#039;&amp;#039;&amp;#039;Normal&amp;#039;&amp;#039;&amp;#039;, while darkening and masking modes produce a black screen. The bottom layer is almost always left at &amp;#039;&amp;#039;&amp;#039;Normal&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
The order is changed by dragging the effect&amp;#039;s row on the left side of the timeline — up or down within a layout, see [[Moving Effects Between Layouts]]. Only the order among effects playing at the same time matters: if the effect bars don&amp;#039;t overlap in time, there&amp;#039;s nothing to blend.&lt;br /&gt;
&lt;br /&gt;
== Opacity ==&lt;br /&gt;
&lt;br /&gt;
The first parameter of any effect is &amp;#039;&amp;#039;&amp;#039;Opacity&amp;#039;&amp;#039;&amp;#039;, a value from &amp;#039;&amp;#039;&amp;#039;0&amp;#039;&amp;#039;&amp;#039; to &amp;#039;&amp;#039;&amp;#039;255&amp;#039;&amp;#039;&amp;#039;, 255 by default. It works together with the blend mode and sets how strongly the top layer affects the picture: at 255 the mode acts at full strength, at 0 the effect is not visible at all, intermediate values blend the result with what was beneath it.&lt;br /&gt;
&lt;br /&gt;
Opacity is animated with keyframes — this is how appearances, fade-outs, and smooth transitions between effects are made (see [[Ключевые кадры и параметры эффектов]]).&lt;br /&gt;
&lt;br /&gt;
Don&amp;#039;t confuse it with the overall brightness slider on the &amp;#039;&amp;#039;&amp;#039;Timeline&amp;#039;&amp;#039;&amp;#039; panel (enabled by right-clicking the playback buttons): it dims the already-assembled picture as a whole and doesn&amp;#039;t affect the blending of layers.&lt;br /&gt;
&lt;br /&gt;
== List of modes ==&lt;br /&gt;
&lt;br /&gt;
The names below are given as they appear in the interface.&lt;br /&gt;
&lt;br /&gt;
=== Normal ===&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Mode !! What it does&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Normal&amp;#039;&amp;#039;&amp;#039; || The top effect simply covers what&amp;#039;s beneath it, wherever it is opaque. The default mode&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
=== Lightening ===&lt;br /&gt;
&lt;br /&gt;
The picture becomes lighter, fixtures glow brighter. This is the most familiar group for lighting: light adds up instead of blocking.&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Mode !! What it does&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Linear dodge&amp;#039;&amp;#039;&amp;#039; || Simple addition of brightness — like two spotlights shining on the same point. The most predictable way to show two effects at once; quickly blows out to white in bright areas&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Screen&amp;#039;&amp;#039;&amp;#039; || Soft addition: black areas of the top effect change nothing, light areas brighten the picture. Unlike simple addition, doesn&amp;#039;t produce harsh overexposure&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Lighten&amp;#039;&amp;#039;&amp;#039; || At each point, the lighter of the two layers is taken. The top effect is visible only where it&amp;#039;s brighter than the layer below&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Color dodge&amp;#039;&amp;#039;&amp;#039; || Sharply brightens the layer below wherever the top layer is light. Produces harsh flashes and blown-out highlights&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
=== Darkening ===&lt;br /&gt;
&lt;br /&gt;
The picture becomes darker — these modes are used to dim and tint what lies below.&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Mode !! What it does&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Multiply&amp;#039;&amp;#039;&amp;#039; || Colors are multiplied: white in the top effect changes nothing, black darkens, colored tints. Convenient for tinting or dimming the animation below. Where there&amp;#039;s nothing beneath it, nothing appears&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Linear burn&amp;#039;&amp;#039;&amp;#039; || Darkens more strongly than Multiply: brightness values are subtracted, dark areas quickly go to zero&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Color burn&amp;#039;&amp;#039;&amp;#039; || Darkens the layer below and also increases its contrast — midtones disappear, shadows become deeper&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
=== Contrast ===&lt;br /&gt;
&lt;br /&gt;
These modes both brighten and darken at the same time, depending on the brightness of the layers. Good for &amp;quot;livening up&amp;quot; a flat fill or getting sharp graphics.&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Mode !! What it does&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Overlay&amp;#039;&amp;#039;&amp;#039; || Multiplies the dark areas of the layer below, brightens the light ones: contrast and saturation increase, overall brightness is preserved&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Vivid light&amp;#039;&amp;#039;&amp;#039; || The same, but harsher: light areas of the top effect strongly brighten the picture, dark ones strongly darken it&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Linear light&amp;#039;&amp;#039;&amp;#039; || An even sharper version of the same thing: brightness is added and subtracted linearly, almost no midtones remain&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Hard mix&amp;#039;&amp;#039;&amp;#039; || Reduces colors to the extreme values of the channels: the result is a few pure colors with no gradients, a &amp;quot;poster&amp;quot; look&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Difference&amp;#039;&amp;#039;&amp;#039; || The difference between colors is taken: identical colors give black, opposite ones give bright. Produces unexpected inversions where effects intersect&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
=== Masks ===&lt;br /&gt;
&lt;br /&gt;
In these modes the effect doesn&amp;#039;t draw itself, but serves as a stencil for everything beneath it — in all layouts at once.&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Mode !! What it does&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Alpha mask&amp;#039;&amp;#039;&amp;#039; || The layers below are visible only where this effect has an image; elsewhere the fixtures go dark&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Alpha mask inv&amp;#039;&amp;#039;&amp;#039; || The opposite: where the effect has an image, the layers below go dark, while the surrounding area stays visible&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Luma mask&amp;#039;&amp;#039;&amp;#039; || The effect&amp;#039;s brightness serves as the stencil: where it&amp;#039;s light, the layers below are fully visible, where it&amp;#039;s dark, they go dark. The transition is smooth, through midtones&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Luma mask inv&amp;#039;&amp;#039;&amp;#039; || The opposite: the layers below are visible where the mask effect is dark&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
It&amp;#039;s convenient to make a masking effect out of simple effects with a clear shape — text, a rectangle, an ellipse, a gradient, an image with a transparent background.&lt;br /&gt;
&lt;br /&gt;
== Common techniques ==&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Show two effects at once.&amp;#039;&amp;#039;&amp;#039; Set the top one to &amp;#039;&amp;#039;&amp;#039;Linear dodge&amp;#039;&amp;#039;&amp;#039; or &amp;#039;&amp;#039;&amp;#039;Screen&amp;#039;&amp;#039;&amp;#039; — instead of covering the one below, it will add to it. If the picture becomes overexposed, lower the top effect&amp;#039;s &amp;#039;&amp;#039;&amp;#039;Opacity&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Tint or dim an animation.&amp;#039;&amp;#039;&amp;#039; Place a solid-fill or gradient effect on top of it and set it to &amp;#039;&amp;#039;&amp;#039;Multiply&amp;#039;&amp;#039;&amp;#039;: the animation below will take on that color, while its dark areas stay dark.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Limit an animation to a shape.&amp;#039;&amp;#039;&amp;#039; Place an effect with the desired shape — text, a figure, an image — on top and set it to &amp;#039;&amp;#039;&amp;#039;Alpha mask&amp;#039;&amp;#039;&amp;#039;: the effects below will only glow inside that shape. To cut a shape out of the animation instead, use &amp;#039;&amp;#039;&amp;#039;Alpha mask inv&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Smooth transition between effects.&amp;#039;&amp;#039;&amp;#039; Lay out the effect bars overlapping in time, leave the top one at &amp;#039;&amp;#039;&amp;#039;Normal&amp;#039;&amp;#039;&amp;#039;, and in the overlap zone animate &amp;#039;&amp;#039;&amp;#039;Opacity&amp;#039;&amp;#039;&amp;#039; from 0 to 255 with keyframes. See [[Расстановка эффектов по времени]].&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Reveal wave.&amp;#039;&amp;#039;&amp;#039; Place an effect with a smooth gradient or noise on top of the finished animation and set it to &amp;#039;&amp;#039;&amp;#039;Luma mask&amp;#039;&amp;#039;&amp;#039;: the picture below will appear and fade following the movement of the gradient.&lt;br /&gt;
&lt;br /&gt;
== If the result isn&amp;#039;t what you expected ==&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Nothing changed.&amp;#039;&amp;#039;&amp;#039; The effect is most likely already the bottom-most one — there&amp;#039;s nothing for it to blend with. Check that something is actually playing beneath it at this point in time: the effect bars must overlap in time.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;The screen went black.&amp;#039;&amp;#039;&amp;#039; A darkening or masking mode is set on the bottom effect, or there&amp;#039;s nothing beneath it. Set it back to &amp;#039;&amp;#039;&amp;#039;Normal&amp;#039;&amp;#039;&amp;#039;, and set the blend mode on the effect that lies above it instead.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;The top effect covers everything.&amp;#039;&amp;#039;&amp;#039; Many effects fill their entire layout opaquely — with the &amp;#039;&amp;#039;&amp;#039;Normal&amp;#039;&amp;#039;&amp;#039; mode, nothing is visible beneath such a layer. Switch the mode to a lightening one or lower the &amp;#039;&amp;#039;&amp;#039;Opacity&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;The effects don&amp;#039;t blend even though they&amp;#039;re next to each other.&amp;#039;&amp;#039;&amp;#039; Check the layouts: if they don&amp;#039;t overlap on the &amp;#039;&amp;#039;&amp;#039;Mapping&amp;#039;&amp;#039;&amp;#039; field, the effects work on different fixtures. See [[Creating and Editing Layouts]].&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;The effect isn&amp;#039;t visible at all.&amp;#039;&amp;#039;&amp;#039; The checkbox next to its name is unchecked, opacity is set to zero, or the effect bar doesn&amp;#039;t fall under the time cursor.&lt;br /&gt;
* The layout properties also have a &amp;#039;&amp;#039;&amp;#039;Blend mode&amp;#039;&amp;#039;&amp;#039; field, but the blending of layers within the composition is controlled by the modes set on the effects themselves.&lt;br /&gt;
&lt;br /&gt;
== See also ==&lt;br /&gt;
&lt;br /&gt;
* [[Расстановка эффектов по времени]]&lt;br /&gt;
* [[Moving Effects Between Layouts]]&lt;br /&gt;
* [[Ключевые кадры и параметры эффектов]]&lt;br /&gt;
* [[Настройки эффектов]]&lt;br /&gt;
* [[Creating and Editing Layouts]]&lt;br /&gt;
* [[Compositions]]&lt;br /&gt;
* [[Терминология]]&lt;/div&gt;</summary>
		<author><name>LumiBot</name></author>
	</entry>
</feed>