View source for Blend Method Parameter/ru

<!-- Page info -->
{{Title|Метод смешивания}}
{{Category|Parameters}}
<!-- Page info end -->

В Synfig существует несколько методов наложения слоев.

В приведенных примерах 'A' - обозначает цвет на слое к которому применяется метод смешивания, а 'B' - цвет на низлежащих слоях. Стоит заметить, что практически у всех слоев при смешивании происходит увеличения значения альфа-канала и прозрачности. Практически во всех случаях оба момента освещены подробно.

A) http://home.comcast.net/~pxegeek/synfig/straight.png & B) http://home.comcast.net/~pxegeek/synfig/synfigtux.png 

На данный момент существуют следующие методы смешивания:

==Комбинация(Composite)==

Метод по-умолчанию. Содержимое слоев отображается с учетом прозрачности вышестоящего слоя. В некоторых других графических программах этот режим называется '''Нормальным'''.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/composite.png

==Перекрытие (Straight)==

Этот метод смешивания выглядит как предыдущий, за исключением того, что объекты, находящиеся под ''перекрывающим''-объектом становятся невидимыми. Т.е. если на слое находящимся в режиме ''Перекрытие'' есть объект (неважно на сколько прозрачный), объекты незлежащих слоев не видны через него.

Если более точно, результирующий цвет считается как "(A-B)*amount + B" (где, {{l|Amount Parameter|amount}} - прозрачность слоя). Т.е. если amount=1, результатом будет цвет A, если amount=0 - то результатом будет цвет B. Но даже если amount=1, и у цвета A довольно большое значение прозрачности, результатом все равно будет цвет A.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/straight.png

==Наложение (Onto)==

При использовании метода ''Наложение'' для слоя, видны только те части изображения этого слое, которые находятся над непрозрачными объектами низлежащих слоев.

Другими словами, этот метод - тоже что и ''Комбинация(Composite)'', за исключеним того что прозрачность результирующего цвета ткая же как и у цвета B.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/onto.png

==Наложение с перекрытием (Straight Onto)==

Этот метод является комбинацией предыдущих двух. Т.е. если частично прозрачный объект находится на слое таким методом смешения, то будут видны только те его части, которые находятся над непрозрачными областями нижних слоев. При этом, непрозрачные объекты низлежащих слоев - будут скрыты.

В дейстивтельности: результирующий цвет вычисляется как "(X-B)*amount + B", где X это A, но значение прозрачности цвета равно прозрачности A помноженной на прозрачность B.

Т.е. если amount=1, результатом будет цвет А, но с прозрачностью помноженной на прозрачность B. Если amount=0, результатом будет цвет B. Так же, если amount=1 и А - довольно прозрачный цвет, результатом станет еще более прозрачная версия цвета А.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/straightonto.png

==Опускание (Behind)==

Этот метод смешивания делает видимыми только те части слоя, которые находятся над прозрачнми областями низлежащих слоев, создавая иллюзию, что этот слой находится под ними. Это часто импользуют для слоя "Тень" - для создание эффекта падающей тени.

На самом деле это тоже самое что и ''Комбинация(Composite)'', только слои меняются местами.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/behind.png

==Экран (Screen)==

Этот режим подобен '''Screen Mode''' некоторых других графических приложений. В общем случае, результатом его применения является более светлый (бледный) вариант комбинации цветов.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/screen.png

==Совмещение (Overlay)==
This is similar to '''PhotoShop''' - layer blend mode '''Overlay Mode'''

Precisely: define 3 new colours: RM = A * B; RS = 1-(1-A)*(1-B); RET = A*RS + (1-A)*RM then blend RET onto B as in the Onto method above(!)

Any idea what that is aiming to do?  Or what the layer does in this '''PhotoShop''' program?
This appears to emulate the effect of a cross-fade between the two layers if they are set to equal amounts - i.e like 'add', but maintaining the overall brightness of the image

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/overlay.png

==Направленный свет (Hard Light)==

Экивалентно методу '''Hard Light Mode''' графического пакета '''PhotoShop'''.

Для каждой цветовой компоненты (красной, зеленой, синей) проверяется, что если значение находится в верхней половине своего диапазона, то промежуточный результат расчитывается как X=1-(1-(2A-1))*(1-B), иначе X=2AB. Затем производится смешение X и B  методом ''наложения''.

Направленый свет создает насыщенные тени с выраженными границами, с небольшим растояним между светом и тенью. Т.е. если упростить, использование этого метода наложения, сделает темные элементы становятся более темными, светлые - более светлыми.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/hardlight.png

==Умножение (Multiply)==

Результирующий цвет расчитывается как (((A*B)-B)*amount+B). Вычисления производятся независимо для каждой цветовой компоненты (красной, зеленой, синей). Когда amount=0, результатом становится B.  Если же amount=1 исходная формула упрощается до A*B.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/multiply.png

==Деление (Divide)==

''Describe me''

Precisely: the resulting color is (((B/A)-B)*amount)+B.

When amount is 0, this becomes simply B.

When amount is 1, this becomes B/A.

A very small quantity is added to A before dividing by it to avoid a divide-by-zero condition.  This causes the divide blend method to bias toward positive values, but the effect is really negligible.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/divide.png

==Сложение (Add)==

''Describe me''

Precisely: the resulting color is (B + A*A.alpha*amount). The calculation is performed independently on red, green, and blue components.  The resulting color's alpha is B.alpha.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/add.png

==Вычитание (Subtract)==

''Describe me''

Precisely: the resulting colour is (B-A).  The calculation is performed independently on red, green, and blue components.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/subtract.png

==Разница (Difference)==

''Describe me''

Precisely: the resulting colour is the absolute value of (B-A).  The calculation is performed independently on red, green, and blue components.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/difference.png

==Осветление (Brighten)==

''Describe me''

Precisely: for each of the red, green, and blue components, compare A's value with B's value and use the higher of the pair.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/brighten.png

==Затенение (Darken)==

''Describe me''

Precisely: for each of the red, green, and blue components, compare A's value with B's value and use the lower of the pair.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/darken.png

==Цвет (Color)==

''Describe me''

Precisely: the resulting colour is obtained by adjusting B to have the same U and V values as A, while keeping Y the same.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/color.png

As this example looks just like the saturation one, perhaps a yellow gradient instead of a white one would be more illustrative

http://home.comcast.net/~pxegeek/synfig/yellowgradient.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png =
http://home.comcast.net/~pxegeek/synfig/coloryg.png

==Тон (Hue)==

''Describe me''

Precisely: the resulting colour is obtained by adjusting B to have the same hue as A.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/hue.png

==Насыщенность (Saturation)==

''Describe me''

Precisely: the resulting colour is obtained by adjusting B to have the same saturation as A.  Saturation is the magnitude of the [http://en.wikipedia.org/wiki/YUV UV vector].

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/saturation.png

As this example is so similar to the 'Color' blend example, here it is with a yellow gradient - 

http://home.comcast.net/~pxegeek/synfig/yellowgradient.png +
http://home.comcast.net/~pxegeek/synfig/synfigtux.png =
http://home.comcast.net/~pxegeek/synfig/saturationyg.png

==Свечение (Luminance)==

''Describe me''

Precisely: the resulting colour is obtained by adjusting B to have the same Y (luma) value as A, while keeping U and V the same.

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/luminance.png

==Инвертирование прозрачности (Alpha over)==

''Describe me''

http://home.comcast.net/~pxegeek/synfig/straight.png + http://home.comcast.net/~pxegeek/synfig/synfigtux.png = http://home.comcast.net/~pxegeek/synfig/alphaover.png