블렌딩 모드의 수학적 원리

블렌딩 모드에 대해서 

 

◼ 블렌딩 모드란? 

레이어와 레이어 사이를 어떤 식으로 혼합할지 결정하는 것. 

⭐ 'Layer' 와 'Layer' 간 혼합을 결정한다는 것! 

 

포토샵, 에펙, 등에서도 광범위하게 활용

 

 

◼ '혼합' 에는 '수학적 원리' 를 적용 

 

무언가를 보여주기 위해서는 '크기, 컬러, 형태 등' 의 정보가 필요. 

이것이 'albedo, roughness, normal 등' 의 데이터로 입력이 된다. 

이것들은 모두 '수치' 로 입력이 될 것. 

 

so, 핑크색 은 RED 69% Green 12%, Blue 23% 로 표현될 수 있음.

👉 (⭐ 여기에서 0.12 는 퍼센트! 를 의미한다는 것!) 

👉 '퍼센트' 는 결국, '실수' 임. 

 

◼ 특정색은 > 특정한 RGB 값을 가진다. 

구분	Red	Green	Blue
약간 핑크색	0.69	0.12	0.23
약간 파랑	0.22	0.12	0.63

 

◼ linear dodge 또는 add 를 사용하면 ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ (개념이 중요) 

구분	Red	Green	Blue
약간 핑크색	0.69	0.12	0.23
약간 파랑	0.22	0.12	0.63
두 레이어를 더하면 👇	두 레이어를 더하면 👇	두 레이어를 더하면 👇	두 레이어를 더하면 👇
add 결과값	0.91	0.24	0.86

 

◼ Multiply 를 사용하면 > 1보다 작은 0 단위의 소수점을 곱하기 때문에(퍼센트 이므로) > 0 에 더욱 가까워 진다 > black 은 RGB 가 0,0,0 이다. > so, 어두워 진다. 

👉 so, multiply 는 항상 어두워 진다. 

구분	Red	Green	Blue
1st layer	0.3	0.1	0.1
2nd layer	0.2	0.1	0.1
두 레이어를 곱하면 👇	두 레이어를 곱하면 👇	두 레이어를 곱하면 👇	두 레이어를 곱하면 👇
multiply 결과값	0.06	0.01	0.01

 

 

◼ 모든 블렌딩 효과를 알 필요는 없음. 

다만, 자주 사용하는 효과는 알아야 함. 

 

 

 

섭스턴스에서 대표적인 블렌딩 모드 활용 (grayscale 을 활용)

 

Add

 

◼ '체크 무늬 + 반원' 모양을 add 로 블렌딩 한 경우 

 

 

◼ 레이어별 add 경우의 수

	반원이 흰색 (1) 인 경우	반원이 검은색 (0) 인 경우
체크가 흰색(1) 인 경우	2 > 1	1
체크가 검은색 (0) 인 경우	1	0

👉 따라서 'RGB 를 더해서 > 1 쪽으로 가면, 밝아질 것 이기 때문에. > '무조건 밝아진다.' ⭐⭐⭐⭐⭐ 

👉 [add 이전] '레이어 각각' 에서 '검은색' 인 것들이 > [add 이후] 모두 1 이 되어 밝아 진다. 

👉 패턴을 혼합하려면 > 각각 0 일 때 다른 쪽 1이 더해져서 안 보이던게 보이므로 > add 를 사용하면 된다. ⭐⭐⭐⭐⭐  

 

 

 

 

 

Multiply

 

◼ '체크 무늬' + '반원 무늬' 를 혼합할 경우 

	반원이 흰색 (1) 인 경우	반원이 검은색 (0) 인 경우
체크가 흰색(1) 인 경우	1	0
체크가 검은색 (0) 인 경우	0	0

👉 하나만 0 이어도 모두 0 이 된다. 따라서, '어두워 진다.' 

👉 [add 이전] '레이어 각각' 에서 '흰색' 인 것들이 > [add 이후] 모두 검은색 이 되어 > 어두워 진다. 

 

👉 '흰색과 검은색 중 어느것을 내보낼 것 인가?' 라는 이슈에서 > 검은색이 나가는 꼴 임. 

 

 

문제 1 :  흰색 부분에만 'grunge' 가 묻어나게 하려면? ⭐⭐⭐⭐⭐

 

◼ multiply 를 하면 

	grunge 가 흰색 (1) 인 경우	grunge 가 회색 (0~1) 인 경우	grunge 가 검은색(0) 인 경우
체크가 흰색(1) 인 경우	1	grunge 값이 나옴	0
체크가 검은색 (0) 인 경우	0	0	0

👉 '체크 무늬가 흰색( 값이 1 ) 인 경우! 에만, 'grunge' 가 묻어나게 된다! ⭐⭐⭐⭐⭐ 

 

 

 

문제 2 :  검은색 부분에 부분에만 'grunge' 가 묻어나게 하려면? ⭐⭐⭐⭐⭐

 

◼ add 를 하면 

	grunge 가 흰색 (1) 인 경우	grunge 가 회색 (0~1) 인 경우	grunge 가 검은색(0) 인 경우
체크가 흰색(1) 인 경우	2 > 1 > 흰색	1.xxx > 1 > 흰색	1 > 흰색
체크가 검은색 (0) 인 경우	1 > 흰색	0~1 사이의 값 > 회색	0 > 검은색

👉 '체크 무늬가 검은색( 값이 0 ) 인 경우! 에만, 'grunge' 가 묻어나게 된다! ⭐⭐⭐⭐⭐ 

⭐ 와 신기하네, 이게 어떻게 이렇게 나올 수 있지. 

 

 

◽ 생각의 흐름

'무엇이 나와야 해?' > grunge 의 0.1 ~ 0.9 사이의 값이 나와야 함.

흰색 은 1 이니까 > 1에 나오게 하려면 곱해야 함. ⭐⭐⭐⭐⭐⭐⭐

검은색은 0 이니까 > 0과 합쳐져서 나오게 하려면 더해야 함. ⭐⭐⭐⭐⭐⭐⭐

 

 

 

 

Subtract 

 

◼ Grunge 에서 체커를 뺀 경우 (체커에서 그런지를 뺀 건가? > 수식을 보면 '그런지' - '체커' 임. ) 

 

 

✅ 수식 : ( grunge 값) - (체크 값) 의 형태임  ⭐⭐⭐ 

✅ 레이어 순서 : '첫 번째 레이어인 grunge 값' 에서 '두 번째 레이어인 체크 값' 을 'subtract' 해준다. 

✅ 블렌딩 명령어 입력 위치 : 첫 번째 레이어에 대해서, <두 번째 레이어가 '무엇' 을 할 것 인가!> 의 문제이므로, 두 번째 레이어에 위치.   

❓❓ 레이어를 읽을 때, 순서가 'grunge concrete dirty 가 첫 번째 레이어', 'checker 가 두 번째 레이어' 가 맞나?

👉 지금 러셀쌤 설명에 따르면 이게 맞는 것 같음. 

👉 기본 레이어 쌓이는 것도, 1층, 2층 3층, 이렇게 쌓임. 

 

	grunge 가 흰색 (1) 인 경우	grunge 가 회색 (0~1) 인 경우	grunge 가 검은색(0) 인 경우
체크가 흰색(1) 인 경우	0	-2 ~ -1 > 0 > 검은색	-1 > 검은색
체크가 검은색 (0) 인 경우	1 > 흰색	0~1 사이의 값 > 회색	0 > 검은색

👉 흰색 체크는 '검은색' 이 된다. 

👉 검은색 체크는 '회색 ~ 흰색' 의 grunge 를 표시하게 된다. 

 

 

◽ 생각의 흐름 ⭐⭐⭐⭐⭐⭐⭐ 

'무엇이 나와야 해?' > grunge 의 0.1 ~ 0.9 사이의 값이 나와야 함.

흰색 은 1 이니까 > 1 - 0.1 하면 > 현재 그런지 패턴의 반대값이 나올 것

흰색 은 1 이니까 > 0.1 - 1 > -0.9 니까 > 0 이므로 > 검은색이 됨.

검은색은 0 이니까 > 0.1 ~ 0.9 가 그대로 살아나오고 > 검은색에 묻어져서 나옴! ⭐⭐⭐⭐⭐⭐⭐

 

 

👉 정리 : add, multiply, subtract 정도만 확실히 원리를 이해하고 있으면 좋을 것! 

 

 

추가적으로 자주 사용하게 되는 블렌딩 모드 

 

 

Overlay

 

◼ 원래 베이스(1st layer) 가 되는 색상은 바뀌지 않음.

◼ 2nd layer 와 섞여서, 밝기와 농도를 반영함. 

 

so, 체커의 검은색 > grunge 가 조금 묻어남 

체커의 흰색 > grunge 가 나타남

 

so, 텍스처 두 가지가 자연스럽게 혼합! 된다고 이해. 

 

 

 

Position 

 

 

◼ Position 

'전체적인 위치값' 을 나타냄.

 

◽ 기본 셋팅

구분	설명	비고
👏 paint vs fill layer	fill layer
하위 속성_1	base color 색상
👏 mask	black mask
하위 속성_1	generator - position	'위치값' 을 잡아줌!
		balance, contrast 로 '번지는 위치' 잡아줌.

 

 

 

◼ baking 할 때 'Position 맵' 이 만들어지고 > 이것을 'masking' 으로 사용할 수 있는 것 임⭐⭐⭐⭐⭐ 

👉 '이 원리' 가 다른 'map' 및 'masking' 에도 적용될 것 임! ⭐⭐⭐ 

 

 

add sub 의 활용 및 응용

◼ 1st layer(position) 의 경계(회색) 값에 > 하위 레이어(grunge leaks) 를 혼합! ⭐⭐⭐⭐⭐⭐⭐⭐ (핵 중요) 

구분	설명	비고
👏 paint vs fill layer	fill layer
하위 속성_1	base color 색상
👏 mask	black mask
2nd layer	generator - position	'위치값' 을 잡아줌!
	add sub 블렌딩 모드!	2nd layer 에 블렌딩 모드를 걸어준다는 것!
1st layer	add fill - gray scale - grunge leaks

 

 

◼ add sub + overlay 활용 

👉 여기에, overlay 를 해서, 조금 더 구석구석, 전반적으로 들어가게 함. 

구분	설명	비고
👏 paint vs fill layer	fill layer
하위 속성_1	base color 색상
👏 mask	black mask
3rd layer	add fill - gray scale - grunge 계열
	overlay 블렌딩 모드	검은색 과 흰색에 골고루 들어갈 수 있도록~!
		그 결과 좀 더 구석구석 들어갈 수 있음!
2nd layer	generator - position	'위치값' 을 잡아줌!
	add sub 블렌딩 모드!	2nd layer 에 블렌딩 모드를 걸어준다는 것!
1st layer	add fill - gray scale - grunge leaks

 

 

◼ 이것을 '스마트 머티리얼' 로 제작할 수 있음! 

 

 

◼ add sub + overlay + curvature(베이킹 데이터) + blur slope 활용 

⭐⭐⭐ 레이어 순서가 중요 

👉 컴퓨터가 읽는 방향은 '위에서 아래?' 

 

 

활용팁 

 

1. 텍스처를 최소한 2가지 이상은 혼합할 생각으로 진행 ⭐⭐⭐⭐⭐  

2. 혼합 방법 : 블렌딩 모드, 필터, 제너레이터 등등! ⭐⭐⭐ 이러한 관점에서 정리하면 좋을거 같은데!