2. 레이어 모드

고친 과정
고침 $Revision: 1658 $ 2007-04-29 Mr.Dust

김프 에는 21개의 레이어 모드가 있습니다. 레이어 모드는 때때로 “블렌드 모드” 라고 불리기도 합니다. 레이어 모들르 변경하면 아래쪽에 위치한 레이어에 대해 현재의 레이어나 이미지의 모습이 바뀌게 됩니다. 만약 하나의 레이어만 있다면, 레이어 모드를 변경해도 아무런 효과가 나타나지 않습니다. 따라서 레이어 모드는 최소한 두 개 이상의 레이어가 있을 때에만 사용할 수 있습니다.

레이어 모드는 레이어 대화상자의 모드 메뉴에서 변경할 수 있습니다. 김프에서 레이어 모드는 레이어 각 픽셀의 색상을 하위 레이어의 픽셀과 어떻게 조합할 것인가에 대한 것입니다.

[참고] 참고

도구상자의 페인팅 도구 옵션 상자에는 레이어 모드와 비슷한 모드를 제공하는 드랍다운 메뉴가 있습니다. 이것을 이용하면 레이어 모드와 똑같은 모드를 이용해 칠을 할 수 있습니다. 그리고 페인팅 도구의 모드에는 두 개의 모드가 더 있는데, 이는 레이어 모드 목록의 끝 부분에서 설명할 것입니다.

레이어 모드를 이용하면 이미지의 복잡한 색상을 쉽게 바꿀 수 있기 때문에 종종 마치 마스크처럼 사용됩니다. 예를 들어 이미지 위에 흰색의 레이어를 올려 놓고 흰색 레이어의 레이어 모드를 “채도” 로 설정하면, 아래쪽에 놓인 레이어의 이미지가 회색톤으로 보이게 될 것입니다.

그림 8.1. 레이어 모드의 이미지(마스크) 예제

레이어 모드의 이미지(마스크) 예제

마스크 1

레이어 모드의 이미지(마스크) 예제

마스크 2


그림 8.2. 레이어 모드의 이미지(배경) 예제

레이어 모드의 이미지(배경) 예제

열쇠 고리

레이어 모드의 이미지(배경) 예제

오리


아래에는 레이어 모드에 따른 레이어간의 관계식에 대한 설명이 있습니다. 이는 레이어 모드의 수학적 관계를 보여주긴 하지만, 실제로 레이어 모드를 사용하는 데에는 몰라도 되는 것입니다.

이러한 공식들은 약어 수식으로, 예를 들어

수식 8.1. 예제


는 “ 상위 레이어(Mask)와 하위 레이어(Image)의 같은 위치에 있는 각 픽셀의 색상을 조합한 값은 E 이다라는 의미입니다. ” 픽셀이 갖을 수 있는 색상값의 범위는 0부터 255까지입니다. 특별한 설명이 없는한 0보다 낮은 값은 0으로, 255보다 높은 값은 255로 조정됩니다.

아래에는 각 모드에 따른 효과에 대한 예제들이 있습니다. 왼쪽의 이미지는 일반 상태의 이미지이고, 오른족의 이미지는 레이어 모드를 적용한 이미지입니다.

각 모드에 따른 결과는 레이어의 색상에 의해 좌우되기 대문에, 이 예제들의 결과는 절대적인 것이 아닙니다. 이것은 단지 모드가 어떻게 동작하는지에 대한 설명을 위한 것입니다. 직접 테스트해보기를 원한다면, 약간 변형된 비슷한 이미지를 가지고 해보는 것이 좋습니다.(레이어를 복사한 다음, 블루어, 이동, 회전, 비율 조정, 색상 반전 등을 통해 이미지를 변형합니다.) 그런 후에 레이어 모드를 바꿔가면서 그 변화를 확인합니다.

보통

그림 8.3. 보통” 모드 예제

보통 모드 예제

두 이미지가 같은 농도로 서로 혼합하였습니다.

보통 모드 예제

불투명도 100%의 상위 레이어를 “보통” 모드로 하위 레이어와 혼합시킨 모습입니다.


보통 모드는 레이어 모드의 기본값입니다. 상위 레이어는 하위 레이어를 전부 덮습니다. 이 모드에서 하위 레이어에 어떠한 것이 있는지 알려면, 상위 레이어에 투명한 부분이 있어야만 합니다.

공식 :

수식 8.2. 보통” 모드의 공식


분해

그림 8.4. 분해” 모드의 예

분해 모드의 예

두 이미지가 같은 농도로 서로 혼합하였습니다.

분해 모드의 예

불투명도 100%의 상위 레이어를 “분해” 모드로 하위 레이어와 혼합시킨 모습입니다.


분해 모드는 상위 레이어를 분해하여 부분적으로 투명한 영역에 무작위 패턴의 픽셀을 뿌려줍니다. 이는 레이어 모드와 페인팅 모드에서 모두 유용한 모드입니다.

이 모드는 특히 이미지의 경계를 드러내는데, 이는 확대된 스크린샷에서 쉽게 볼 수 있습니다. 왼쪽의 이미지는 “보통” 모드(enlarged)의 이미지이고, 오른쪽 이미지는 “분해” 모드의 이미지로 픽셀이 어떻게 분산되는지를 잘 보여주고 있습니다.

곱하기

그림 8.5. 곱하기” 모드의 예제

곱하기 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

곱하기 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


곱하기 모드는 상위 레이어와 하위 레이어의 각 픽셀의 색상값을 서로 곱한 뒤 255로 나눈 값을 취합니다. 결과는 일반적으로 어두운 이미지가 되지만 흰색 레이어와 곱하기를 하면 아무런 변화가 없습니다(1 * I = I). 그리고 검은색 레이어와 곱하기를 하면, 이미지는 완전히 검정색으로 칠해집니다(0 * I = 0).

공식 :

수식 8.3. 곱하기” 모드의 공식


이 모드는 상호적인 성격을 갖으므로, 두 레이어의 위치에는 영향을 받지 않습니다.

나누기

그림 8.6. 나누기” 모드의 예제

나누기 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

나누기 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


나누기 모드는 하위 레이어의 각 픽셀값에 256을 곱한 뒤, 상위 레이어의 각 픽셀값으로 나눈 값을 취합니다(255에 1을 더해 분모가 0이 되는 것을 피합니다). 이 모드를 적용하면 이미지는 밝아지며, 때때로는 “태운 것” 처럼 보이기도 합니다.

공식 :

수식 8.4. 나누기” 모드의 공식


화면

그림 8.7. 스크린” 모드의 예제

스크린 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

스크린 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


스크린 모드는 두 레이어의 픽셀값들을 각각 255에서 뺀 다음, 두 값을 곱하고, 이를 다시 255로 나눈 값을 취합니다. 이 모드를 적용하면, 이미지는 밝아지고, 때때로 “빛바랜” 느낌을 주기도 합니다. 하지만 한쪽 레이어가 검정색 레이어일 경우에는 아무 변화도 일어나지 않고, 흰색 레이어일 경우에는 흰색 이미지로 됩니다. 그리고 어두운 계열의 색상일수록 조금더 투명해지게 됩니다.

공식 :

수식 8.5. 스크린” 모드의 공식


이 모드는 상호연동적이기 때문에, 두 레이어의 배열순서에는 영향을 받지 않습니다.

씌우기

그림 8.8. 씌우기” 모드의 예제

씌우기 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

씌우기 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


씌우기 모드는 하위 레이어의 픽셀값을 반전시킨 후, 상위 레이어의 픽셀값과 두번 곱한 값과 하위 레이어의 원래 픽셀값을 255로 나눈값을 더한 뒤, 이를 하위 레이어의 원래 픽셀값에 곱한 뒤, 다시 255로 나눈 값을 취합니다. 이 모드를 적용하면 이미지가 다소 어두워지지만, “곱하기” 모드만큼 어두워지지는 않습니다.

공식 : [2]

수식 8.6. 씌우기” 모드의 공식


피하기

그림 8.9. 피하기” 모드의 예제

피하기 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

피하기 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


피하기 모드는 하위 레이어의 픽셀값에 256을 곱한뒤, 이를 상위 레이어 픽셀값을 반전시킨 값으로 나눈 값을 취합니다. 이 모드를 적용하면, 이미지는 밝하지며, 몇몇 색상은 반전되기도 합니다.

사진 보정에서 피하기는 어두운 방에서 찍은 사진의 특정 부분 노출값을 증가시켜 줄때 사용됩니다. 이를 적용하면 그림자 속에 숨어있던 부분들이 드러납니다. 하지만 그레이스케일의 이미지에서 이러한 용도로 사용한다면, 레이어 모드보다 페인팅 도구 중 피하기 도구를 사용하는 것이 좋습니다.

공식 :

수식 8.7. 피하기” 모드의 공식


태우기

그림 8.10. 태우기” 모드의 예제

태우기 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

태우기 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


태우기 모드는 하위 레이어의 픽셀값을 반전시킨 후 256을 곱하고, 상위 레이어의 픽셀값에 1을 더한 값으로 나눈 뒤, 다시 반전시킨 값을 취합니다. 이 모드를 적용하면, 이미지가 어두워지고, 때로는 “곱하기” 모드를 적용한 것과 비슷해집니다.

사진 보정에서 태우기는 어두운 방에서 찍은 사진의 특정 부분 노출값을 감소시켜 줄때 사용됩니다. 이를 이용하면 밝은 부분에 있던 자세한 부분들이 드러납니다. 그레이스케일 이미지에서는 레이어 모드보다 페인팅 도구 중 태우기 도구를 이용하는 것이 좋습니다.

공식 :

수식 8.8. 태우기” 모드의 공식


강한 조명

그림 8.11. 강한 조명” 모드의 예제

강한 조명 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

강한 조명 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


강한 조명 모드는 어두운 색상과 밝은 색상에 대한 두 가지 공식으로 되어있어 다소 복잡합니다. 상위 레이어의 픽셀 중 값이 128보다 크면, 해당 픽셀은 첫번째 공식을 따라 색상이 합쳐집니다. 값이 128보다 작은 픽셀은 두 개 레이어의 픽셀값을 곱한 뒤 두 배를 한 값을 256으로 나눈 값을 가지게 됩니다. 이 모드는 사진에서 밝은 색상과 날카로운 경계를 만들때 사용됩니다.

픽셀값이 128보다 클때와 작을때 적용되는 공식이 다릅니다. :

수식 8.9. 강한 조명” 모드의 공식, M > 128


수식 8.10. 강한 조명” 모드의 공식, M < 128


부드러운 조명

그림 8.12. 부드러운 조명” 모드의 예제

부드러운 조명 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

부드러운 조명 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


부드러운 조명 모드는 이름과는 달리 “강한 조명” 모드와 큰 관계가 없습니다. 이 모드는 경계를 부드럽게 만들지만 색상에는 변화를 주지 않습니다. 구 버전의 김프에서는 “씌우기” 모드와 “부드러운 조명” 모드가 같습니다.

다소 복잡한 공식으로 Rs 는 스크린 모드의 결과입니다. :

수식 8.11. 스크린” 모드의 공식


수식 8.12. 부드러운 조명” 모드의 공식


질감 드러내기

그림 8.13. 질감 드러내기” 모드의 예제

질감 드러내기 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

질감 드러내기 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


질감 드러내기 모드는 순수한 질감을 가진 레이어를 만들기 위해 일반 레이어로부터 “거친 질감”을 추출하는 것과 같습니다. 하지만 보통은 이미지에 올록볼록한 느낌을 주는데 많이 쓰입니다. 이 모드는 하위 레이어의 픽셀값에 128을 더한 뒤 상위 레이어의 픽셀값을 뺀 값을 취합니다.

공식 :

수식 8.13. 질감 드러내기” 모드의 공식


질감 합치기

그림 8.14. 질감 합치기” 모드의 예제

질감 합치기 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

질감 합치기 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


질감 합치기 모드는 “질감 드러내기” 모드를 통해 생성한 질감 레이어를 원래의 레이어에 합친 것입니다. 이는 “질감 드러내기”의 반대 효과입니다. 이 모드는 상위 레이어의 픽셀값과 하위 레이어의 픽셀값을 더한 후 128을 뺀 값을 취합니다.

공식 :

수식 8.14. 질감 합치기” 모드의 공식


차이점

그림 8.15. 차이점” 모드의 예제

차이점 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

차이점 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


차이점 모드는 하위 레이어의 픽셀값에서 상위 레이어의 픽셀값을 뺀 뒤, 그 값의 절대값을 취합니다. 원본 이미지가 어떤 상태였던 간에 결과물은 조금 이상하게 보일 것입니다. 이는 이미지의 구성 요소를 반전시킬 때 사용합니다.

공식 :

수식 8.15. 차이점” 모드의 공식


이 모드는 상호연동적이므로, 두 레이어의 순서에 영향을 받지 않습니다.

더하기

그림 8.16. 더하기” 모드의 예제

더하기 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

더하기 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


더하기 모드는 상위 레이어와 하위 레이어의 픽셀값들을 서로 더한 것입니다. 이 모드를 적용하면 이미지는 밝아집니다. 공식에서 보듯, 모든 픽셀은 255 를 최대값으로 갖으므로 그보다 큰 값은 255로 조정됩니다.

공식 :

수식 8.16. 더하기” 모드의 공식


이 모드는 상호연동적이므로, 두 레이어의 순서에는 영향을 받지 않습니다.

빼기

그림 8.17. 빼기” 모드의 예제

빼기 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

빼기 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


빼기 모드는 하위 레이어의 픽셀값에서 상위 레이어의 픽셀값을 뺀 값을 취합니다. 이 모드를 적용하면 일반적으로 이미지는 어두워집니다. 음수값을 갖게 되는 픽셀은 모두 0으로 조정됩니다.

공식 :

수식 8.17. 빼기” 모드의 공식


어둡게만

그림 8.18. 어둡게만” 모드의 예제

어둡게만 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

어둡게만 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


어둡게만 모드는 상위 레이어와 하위 레이어의 각 픽셀값을 대조하여 작은 값을 취합니다. 따라서 한 레이어가 휜색 이미지이면 최종 이미지에는 변화가 없고, 검정색 이미지이면 최종 이미지는 검정색 이미지가 됩니다.

공식 :

수식 8.18. 어둡게만” 모드의 공식


이 모드는 상호연동적이므로, 두 레이어의 순서에는 영향을 받지 않습니다.

밝게만

그림 8.19. 밝게만” 모드의 예제

밝게만 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

밝게만 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


밝게만 모드는 상위 레이어와 하위 레이어의 각 픽셀값을 대조하여 작은 값을 취합니다. 따라서 한 레이어가 검정색 이미지이면 최종 이미지에는 변화가 없고, 하얀색 이미지이면 최종 이미지는 하얀색 이미지가 됩니다.

공식 :

수식 8.19. 밝게만” 모드의 공식


이 모드는 상호연동적이므로, 두 레이어의 순서에는 영향을 받지 않습니다.

색조

그림 8.20. 색조” 모드의 예제

색조 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

색조 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


색조 모드는 상위 레이어의 색조와 하위 레이어의 채도 및 명암값을 취합니다. 하지만 상위 레이어의 채도가 0이면, 하위 레이어의 색조를 취합니다.

채도

그림 8.21. 채도” 모드의 예제

채도 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

채도 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


채도 모드는 상위 레이어의 채도와 하위 레이어의 색조 및 명암값을 취합니다.

색상

그림 8.22. 색상” 모드의 예제

색상 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

색상 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


색상 모드는 상위 레이어의 색조 및 채도와 하위 레이어의 명암값을 취합니다.

명암

그림 8.23. 명암” 모드의 예제

명암 모드의 예제

마스크 1 을 불투명도 100%로 하여 상위 레이어로 사용하였습니다.

명암 모드의 예제

마스크 2 를 불투명도 100%로 하여 상위 레이어로 사용하였습니다.


명암 모드는 상위 레이어의 명암값과 하위 레이어의 채도와 색상을 취합니다. 이 모드를 이용해 채도의 변화없이 이미지의 밝고 어두운 부분을 자세하게 표현할 수 있습니다.

이미지의 각 레이어는 각기 다른 레이어 모드를 취할 수 있습니다(단, 배경 레이어에는 어떠한 레이어 모드도 적용되지 않습니다). 이러한 레이어 모드의 효과는 누적됩니다. 아래에 있는 이미지는 세 개의 레이어를 갖고 있습니다. 최상단에 있는 레이어는 투명한 바탕에 윌버 그림이 있고, “차이점” 모드로 되어 있습니다. 두번째 레이어는 “더하기” 모드를 가진 밝은 파란색 레이어입니다. 그리고 마지막 배경 레이어는 “Red Cubes” 패턴으로 채워져 있습니다.

그림 8.24. 다중 레이어 예제

다중 레이어 예제

김프 의 페인팅 도구에는 레이어 모드와 비슷한 21개의 모드와 두 개의 특별한 모드가 있습니다. 이는 도구 옵션 대화상자의 모드 메뉴를 통해 설정할 수 있습니다. 위에서 언급한 공식에서 칠을 하는 레이어는 “하위 레이어”이고, 도구로 칠이된 픽셀은 “상위 레이어”에 있는 것입니다. 사실 페인팅 도구의 모드는 선택된 페인팅 도구로 현재 레이어에만 작업을 하기 때문에 한 개의 레이어만 있어도 사용이 가능합니다. 아래에 페인팅 도구에만 있는 두 개의 모드에 대한 설명이 있습니다.

그 외..

뒤로 모드는 레이어 대화상자의 레이어 모드와 달리 도구상자 옵션을 통해서만 사용가능합니다. 뒤로 모드를 적용한 도구로 칠을 하면, 기존에 있는 물체 뒤로 칠이 됩니다. 이 말은 이 모드는 투명한 영역이 있는 레이어에서만 사용이 가능하다라는 말입니다. 그렇지 않을 경우, 이미지에 아무런 변화가 없을 것입니다.

예제 이미지를 보면, 윌버는 배경이 투명한 상위 레이어에 있고, 하위 레이어는 밝은 파란색 레이어입니다. 오른쪽 그림은 채우기 도구의 영향을 받는 영역을 “전체 선택 채우기”로, 채우기 유형을 “무늬”로 설정한 뒤 채워넣은 것입니다.

색상 지우기

색상 지우기 모드는 레이어 대화상자의 레이어 모드와 달리 도구상자 옵션을 통해서만 사용가능합니다. “색상 지우기” 모드를 이용해 칠을 하면, 레이어의 현재 선택된 색상과 같은 색상을 지워 투명하게 만듭니다. “뒤로” 모드처럼 레이어에 투명도를 조절할 수 있는 레이어 마스크가 있어야만 사용이 가능합니다.

예제를 보면, 흰색으로 채우기 도구를 사용하였더니, 윌버의 흰색 부분이 사라지고, 파란색의 배경이 드러났습니다.



[2] 이 공식은 "이론상"의 공식입니다. Bug #162395 가 해결되기 전까지 실제 공식은 부드러운 조명 모드와 같습니다. 기존 이미지를 변형하지 않으면서 이 버그를 수정하기가 쉽지 않기 때문에, 버그 수정까지는 시간이 걸릴 것입니다.