Алгоритм сложения альфа-каналов (как в фотошопе)

@Markus_13 · Регистрация: 20.02.2009

Студворк — интернет-сервис помощи студентам

Кто знает алгоритм наложения одного изображения с переменной прозрачностью на другое (не аддитивное смешение, а обычное наложение одного изображения поверх другого)???
К примеру если в фотошопе одно изображение с альфа каналом наложить на другое можно увидеть что прозрачность складывается по некому особому алгоритму:
непрозрачность нижнего пиксела = 77%
непрозрачность верхнего пиксела = 71%
непрозрачность результирующего пиксела = 93%

Подобрать точный алгоритм не получается... =(

@XAHOK · 23.04.2012, 16:36

Сообщение от Markus_13

Кто знает алгоритм наложения одного изображения с переменной прозрачностью на другое (не аддитивное смешение, а обычное наложение одного изображения поверх другого)???
К примеру если в фотошопе одно изображение с альфа каналом наложить на другое можно увидеть что прозрачность складывается по некому особому алгоритму:
непрозрачность нижнего пиксела = 77%
непрозрачность верхнего пиксела = 71%
непрозрачность результирующего пиксела = 93%

Подобрать точный алгоритм не получается... =(

Для второго слоя: (1-0.71)*0.77 + 0.71 = (2-0.71)*0.77 = 0.9333 = 93%
Для третьего слоя с непрозрачностью 0.8: (1-0.93)*0.8+0.93 = 0.986 = 98.6%
Если нормальным языком, то непрозрачность пикселя каждого слоя рассчитывается как итоговая прозрачность вышележащего слоя умноженная на непрозрачность текущего слоя плюс прозрачность вышележащего слоя. Если последний слой непрозрачный, то его непрозрачность будет равна 1 или 100%.

@Markus_13 · 23.04.2012, 17:13 **[ТС]**

Сообщение от XAHOK

(1-0.71)*0.77 + 0.71 = (2-0.71)*0.77

эти два выражения равны? оО

Не понял ничего насчет второго выражения, но за первое огромное спасибо =)
В итоге правильная (по крайней мере используемая в фотошопе)
формула сложения альфа-каналов такова: a0=(1-a1)*a2+a1
где: a1 - прозрачность 1 слоя, a2 - прозрачность 2 слоя, a0 - результирующая прозрачность.
К примеру, для 8-битного канала (т.е. когда непрозрачность задается одним байтом и представляет из себя число от 0 до 255) функция сложения альфа-канала двух слоев будет выглядеть так:

Delphi
1
2
3
4
    function mixAlpha(a1,a2:byte):byte;
    begin
      result:=round(((1-(a1/255))*(a2/255)+(a1/255))*255);
    end;

Всем спасибо, все свободны =))

@XAHOK · 23.04.2012, 18:17

Сообщение от Markus_13

эти два выражения равны? оО

Первое выражение исправил, а второе забыл))

Сообщение от Markus_13

Не понял ничего насчет второго выражения, но за первое огромное спасибо =)

Второе выражение для случая трех и более слоев.

Сообщение от Markus_13

В итоге правильная (по крайней мере используемая в фотошопе)
формула сложения альфа-каналов такова: a0=(1-a1)*a2+a1
где: a1 - прозрачность 1 слоя, a2 - прозрачность 2 слоя, a0 - результирующая прозрачность.

ну собственно эту формулу в текстовом виде я и описал.

Удачи вам в ваших начинаниях.

@Markus_13 · 23.04.2012, 19:06 **[ТС]**

Сообщение от XAHOK

Второе выражение для случая трех и более слоев.

Ну с помощью формулы можно сколько угодно слоев сложить (последовательно)...

Если кому-то интересна эта тема, вот результат моих "исследований":

Delphi
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
unit RGBAmixer;//by Markus_13 =)
interface
uses Windows;
 
function mixAlpha_(a1,a2:single):single;
function mixAlpha(a1,a2:byte):byte;
function mixCLR50(c1,c2:byte):byte;
function mixRGB50(c1,c2:integer):integer;
function mixCLR_(c1,c2:single;a1,a2:single):single;
function mixCLR(c1,c2:byte;a1,a2:byte):byte;
function mixRGB(c1,c2:integer;a1,a2:byte):integer;
function mixRGBA(c1,c2:integer;a1,a2:byte):cardinal;overload;
function mixRGBA(c1,c2:cardinal):cardinal;overload;
 
implementation
 
    function mixAlpha_(a1,a2:single):single;
    begin
      result:=(1-a1)*a2+a1;
    end;
 
    function mixAlpha(a1,a2:byte):byte;
    begin
      result:=round(mixAlpha_(a1/255,a2/255)*255);
    end;
 
    function mixCLR50(c1,c2:byte):byte;
    begin
      result:=round((1/0.75)*(c1*0.5+c2*0.25));
    end;
 
    function mixRGB50(c1,c2:integer):integer;
    var r,g,b:byte;
    begin
      r:=mixCLR50(getRvalue(c1),getRvalue(c2));
      g:=mixCLR50(getGvalue(c1),getGvalue(c2));
      b:=mixCLR50(getBvalue(c1),getBvalue(c2));
      result:=rgb(r,g,b);
    end;
 
    function mixCLR_(c1,c2:single;a1,a2:single):single;
    begin
      result:=(1/mixAlpha_(a1,a2))*(c1*a1+c2*a2*(1-a1));
    end;
 
    function mixCLR(c1,c2:byte;a1,a2:byte):byte;
    begin
      result:=round(mixCLR_(c1/255,c2/255,a1/255,a2/255)*255);
    end;
 
    function mixRGB(c1,c2:integer;a1,a2:byte):integer;
    var r,g,b:byte;
    begin
      r:=mixCLR(getRvalue(c1),getRvalue(c2),a1,a2);
      g:=mixCLR(getGvalue(c1),getGvalue(c2),a1,a2);
      b:=mixCLR(getBvalue(c1),getBvalue(c2),a1,a2);
      result:=rgb(r,g,b);
    end;
 
    function mixRGBA(c1,c2:integer;a1,a2:byte):cardinal;overload;
    var a:byte;
    begin
      a:=mixAlpha(a1,a2);
      result:=a shl 24 or mixRGB(c1,c2,a1,a2);
    end;
 
    function mixRGBA(c1,c2:cardinal):cardinal;overload;
    var a,a1,a2:byte;
    begin
      a1:=byte(c1 shr 24);
      a2:=byte(c2 shr 24);
      result:=mixRGBA(c1,c2,a1,a2);
    end;
 
end.

Функция mixRGBA фактически смешивает два RGBA пиксела (c1 поверх c2), к примеру:

Delphi
1
mixRGBA(clWhite,clRed,38,128);//слегка осветляем (белым цветом) полупрозрачный красный

@Markus_13 · 26.04.2012, 06:33 **[ТС]**

Сообщение от Markus_13

function mixCLR_(c1,c2:single;a1,a2:single):singl e;
begin
result:=(1/mixAlpha_(a1,a2))*(c1*a1+c2*a2*(1-a1));
end;

Не учел нулевую прозрачность =\
Вот верная функция:

Delphi
1
2
3
4
5
6
7
8
9
    function mixCLR_(c1,c2:single;a1,a2:single):single;
    var a:single;
    begin
      if a1<1 then begin
        a:=mixAlpha_(a1,a2);
        if a>0 then result:=(1/a)*(c1*a1+c2*a2*(1-a1))
         else result:=c1;
      end else result:=c1;
    end;

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@Markus_13 {c0Der} 138 / 123 / 18 Регистрация: 20.02.2009 Сообщений: 434 Записей в блоге: 4

	Алгоритм сложения альфа-каналов (как в фотошопе) 23.04.2012, 13:04. Показов 3444. Ответов 5 Метки нет (Все метки) Кто знает алгоритм наложения одного изображения с переменной прозрачностью на другое (не аддитивное смешение, а обычное наложение одного изображения поверх другого)??? К примеру если в фотошопе одно изображение с альфа каналом наложить на другое можно увидеть что прозрачность складывается по некому особому алгоритму: непрозрачность нижнего пиксела = 77% непрозрачность верхнего пиксела = 71% непрозрачность результирующего пиксела = 93% Подобрать точный алгоритм не получается... =( 0