디자이너도 잘 모르는 포토샵 레이어 블렌딩 모드 정리

photoshop-layer-blending-mode

블렌딩 모드라고 해서 레이어의 위아래 이미지를 섞어 사용하는 방법이 있습니다.

두 이미지를 자연스럽게 합성할 때 많이 사용하는데 정확히 잘 몰라서 대충 누르면서 하거나 유튜브나 블로그를 검색해 합성하는 방법만 배우고 사용합니다.

 




 

원리를 조금 더 이해를 하면 작업 능률이 더 높아질 텐데요.

두 이미지를 놓고 설명을 드리겠습니다.

sea-sun
두개의 샘플 이미지

설명드릴 이미지는 바로 이 이미지 두 장입니다.

하위 레이어 이미지를 기준으로 상위 레이어의 색상 값을 적용하는 것입니다.

 

레이어의 블렌딩 모드의 설명

Opacity는 투명도 설정인데 해당 이미지의 투명도 만큼 효과가 나타납니다.

Photoshop-effect-list
Photoshop-effect-list

 

Normal

Normal은 단어 그대로 아무 효과도 주지 않고 투명도 만으로 차이가 나는 정도입니다.

 

sea
normal 효과

Dissolve (디졸브) 효과

디졸브 효과는 두 이미지를 거칠게 합성하는 효과입니다.

동영상에서 디졸브는 자연스럽게 변환되는 모습 같은데 포토샵에서는 거친 느낌이 강합니다.

photoshop-dissolve-effect
photoshop-dissolve-effect

 

Darken (어둡게 하기) 효과

Darken은 두 레이어의 색상을 비교하고 밝은색은 버리고 어두운색만 가져와 합성하는 효과입니다.

위에 있는 이미지의 동일한 픽셀 위치에 아래 이미지의 색보다 밝으면 투명해집니다.

photoshop-darken-effect
photoshop-darken-effect

 

Multiply (곱하기) 효과

Multiply는 일러스트레이터에서 자주 사용하는 필터인데요. 바닥이 하얀색일 때 배경이 하얀 이미지에 이 필터를 적용하면 배경이 투명해집니다.

위 이미지와 아래 이미지가 흰색에 가까우면 투명하고 어두운색이 혼합되면 어두움이 곱하기 되어 더 어두워지는 합성 방법입니다.

photoshop-multiply-effect
photoshop-multiply-effect

 

Color Burn (색상 번) 효과

Color Burn은 두 이미지의 각 채널의 색상 정보를 보고 명도를 떨어뜨리고 기본색을 어둡게 합니다.

특이한 것은 흰색과 블렌딩 할 경우 색의 변화가 없습니다.

photoshop-color-burn-effect
photoshop-color-burn-effect



Linear Burn (선형 번) 효과

선형 번 효과는 각 채널의 색상 정보를 보고 명도를 떨어뜨리는데요 합성 전 기본색이 어두워지면서 색이 반영됩니다.

역시나 흰색에서는 변화가 없는 특징이 있습니다.

photoshop-linear-burn-effect
photoshop-linear-burn-effect

 

Lighten (밝게 하기) 효과

Lighten 효과는 이미지 각 채널의 색상 정보를 보고 두 이미지 중 더 밝은색의 픽셀을 선택합니다.

위, 아래 이미지 중 밝은 색상만 표현이 됩니다.

photoshop-lighten-effect
photoshop-lighten-effect

 

Screen (스크린) 효과

각 채널의 색상 정보에서 혼합색과 기본색의 반전된 색상을 곱하여 결과가 나타나는데요. 이 효과는 항상 더 밝아지는데 스크린을 적용한 이미지가 어둡다면 변화가 없고 흰색일 경우 흰색이 됩니다.

단어와 같이 여러 장의 이미지가 스크린에 투영된 것처럼 보여집니다.

photoshop-screen-effect
photoshop-screen-effect

 

Color Dodge (색상 닷지) 효과

이 효과는 각 채널의 색 정보에서 두 이미지 사이의 대비를 감소시켜 기본 색상이 밝게 되는데요. 검은색과 블렌딩 되면 아무런 효과가 없습니다.

photoshop-color-dodge-effect
photoshop-color-dodge-effect

 

Linear Dodge (Add) 선형 닷지 추가 효과

이 효과는 모든 채널(RGB) 명도를 증가시키기 때문에 기본 색이 밝아집니다.

Color Dodge가 대비가 감소된다면, Linear Dodge는 명도가 증가됩니다.

photoshop-linear-dodge-add-effect
photoshop-linear-dodge-add-effect

 

Overlay (오버레이) 효과

오버레이는 기본색에서 곱하거나 스크린을 하는 형태인데요.

밝은 영역과 어두운 영역이 보존이 되는데 그 위에 겹쳐진다고 생각하면 됩니다.

색이 대체되지 않고 밝기와 농도가 변경됩니다.

photoshop-overlay-effect
photoshop-overlay-effect

 

Soft Light (소프트라이트) 효과

소프트 라이트는 부드러운 빛을 비추는 효과를 주는데요. 위의 이미지가 회색의 50%보다 밝을 경우 Dodge 효과와 같이 밝아지고 회색 50%보다 어두우면 Burn과 같이 어두워집니다.

완전한 검정과 흰색을 위 레이어에 두게 되면 이미지가 어두워지거나 밝아지는데 완전히 검색이나 흰색이 되지 않습니다.

photoshop-soft-light-effect
photoshop-soft-light-effect

Hard Light (하드 라이트) 효과

색상 영역에 따라 색의 값을 곱하거나 스크린 하게 되는데요. 회색 기준으로 50%보다 밝으면  강한 빛을 비추는 것과 같이 스크린 하여 밝아집니다.

이 모드를 사용할 때는 이미지에 밝은 영역을 추가하는데 좋으며, 회색 기준으로 50%보다 어둡게 되면 곱하기하여 더욱 어두워집니다. 하드 라이트는 어두운 부분을 어둡게 처리할 때 좋은데요. 0과 255의 경우 색의 변화가 없습니다.

Photoshop-hard-light-effect
Photoshop-hard-light-effect

 

Vivid Light(선명한 라이트) 효과

Vivid Light는 위 레이어가 회색 기준으로 50% 보다 밝으면 색의 대비가 나누기 되어 합성됩니다. 반대로 회색의 50%보다 어두우면 대비를 증가해 어두운 이미지를 만듭니다.

밝은 부분은 채도와 명도를 높이고 어두운 부분은 채도와 명도를 낮춰 합성합니다.

Photoshop-vivid-light
Photoshop-vivid-light-effect

Linear Light(선형 라이트 효과)

선형 라이트 효과는 명도를 증가시키거나 감소하여 명도가 증가하는 Burn 과 감소하는 Dodge가 동시에 이루어집니다.

상위 레이어가 회색 기준 50% 보다 밝으면 명도가 증가하여 밝아지며 회색 기준 50% 이하는 명도가 감소되어 이미지가 어두워집니다.

Photoshop-linear-light-effect
Photoshop-linear-light-effect

 

Pin Light(핀 라이트) 효과

핀 라이트는 0(검은색)과 255(흰색)에는 효과가 없고 상위 레이어가 회색의 50%보다 밝으면 상위 레이어보다 어두운 픽셀로 대체되고 상위 레이어보다 밝은 색상은 변화가 없습니다.

상위 레이어가 회색의 50%보다 어두우면 상위 레이어보다 밝은 픽셀은 상위 레이어의 픽셀로 대체되고 상위 레이어보다 어두운 픽셀은 변화가 없습니다.

이 효과는 특수효과를 넣을 때 도움이 됩니다.

Photoshop-Pin-light-effect
Photoshop-Pin-light-effect

Hard Mix(하드 혼합) 효과

하드 믹스 효과는 여러 가지 색이 있는 이미지를 영상용 이미지는 Red, Green, Blue로만 표현되고 인쇄용 CMYK 이미지는 Cyan, Margenta, Yellow, Black으로 표현되는데 중간이 없습니다.

예를 들어 영상용 이미지는 흰 색인 0 과 Red 255, Blue 255, Green 255로만 표현됩니다.

photoshop-hard-mix-effect
photoshop-hard-mix-effect

 

Difference (차이) 효과

디퍼런스 효과는 상위 레이어와 하위 레이어의 픽셀 중에 명도 값이 큰 값에서 낮은 값을 빼게 되는데요. 동일한 픽셀일 경우 같은 값이 빠지게 되어 검정이 됩니다. 또한 상위나 하위 레이어의 흰색이 혼합되면 이미지는 반전이 되어 보색이 되며,  검은색과 혼합되면 색상 변화가 없습니다.

Photoshop-difference-effect
Photoshop-difference-effect

Exclusion (제외) 효과

이 효과는 Difference 효과와 비슷한 효과입니다. 다른 점은 대비가 더 낮은 효과가 나타내는데요.  검정과 흰색에서는 변화가 없지만 중간의 경우 Diference 효과보다 대비가 더 낮아지기 때문에 부드러운 이미지가 됩니다.

Photoshop-exclusion-effect
Photoshop-exclusion-effect

Subtract(빼기) 효과

이 효과는 Difference 효과와 비슷한 Exclusion 효과의 반대로 나타나는 것처럼 보입니다.

각 색상 채널의 색상 정보에서 상위 레이어의 색상을 뺍니다.  하위 레이어가 검은색일 경우 그대로 검은색이지만 흰색의 경우 보색이 됩니다.

photoshop-subtract-effect
Photoshop-subtract-effect

Divide(나누기) 효과

나누기 효과는 하위 레이어의 정보에서 상위 레이어의 픽셀 값으로 나누게 됩니다. 상위 레이어와 하위 레이어의 값이 동일하거나 나눴을 때 1보다 낮을 경우 흰색으로 나타나며 검은색일 경우 효과가 없습니다.

Subtract 효과와 반대로 동작한다고 생각하면 됩니다.

Photoshop-divide-effect
Photoshop-divide-effect

Hue(색조) 효과

색조 효과는 하위 레이어의 명도와 채도를 유지하면서 상위 레이어의 색으로 바꿔 합성합니다. 색이 동일할 경우 합성이 이뤄지지 않고 하위 레이어가 무채색일 경우 변화가 없습니다.

Photoshop-hue-effect
Photoshop-hue-effect




Saturation(채도) 효과

Saturation은 밝기가 너무 밝아 포화되어 흰색으로 표현될 때 많이 사용하는 단어입니다.

하위 레이어의 채도를 상위 레이어의 채도로 바꿔 표현하게 되는데 하위 레이어가 회색(무채색)일 경우 변화가 없습니다.

하위 레이어의 색상과 명도와 위 레이어의 채도를 합쳐 합성합니다.

Photoshop-saturation-effect
Photoshop-saturation-effect

Color(색상) Effect

상위 레이어의 색조와 채도를 하위 레이어에 적용하는데 Hue 효과와는 다르게 두 레이어의 색조가 동일하더라도 색상 차이에 따라 값이 달라집니다.

이 효과는 회색 이미지에 색을 입힐 때 유용하게 사용할 수 있습니다.

Photoshop-color-effect
Photoshop-color-effect

Luminosity(광도) 효과

하위 레이어의 명도와 상위 레이어의 명도가 교체되는 합성 방법입니다. Color 효과와 반대입니다.

하위 레이어의 색상과 채도는 유지하고 상위 레이어의 명도를 가져오는 것입니다.

Photoshop-luminosity-effect
Photoshop-luminosity-effect

 

이미지 합성 효과가 너무 많아 어떤 것을 사용할지 모르겠다면, 아래 효과들을 먼저 확인해 보세요.

포토샵에서 많이 사용하는 블렌딩 모드

  • Multiply
  • Screen
  • Overlay
  • Soft Light
  • Color
  • Luminosity

 

포토샵 블렌딩 모드 단축키

 

Photoshop-keyboard-shortcut
Photoshop-keyboard-shortcut-blending-mode

지금까지 포토샵 레이어 합성 효과에 대해 설명하였습니다.

많은 도움이 되셨으면 좋겠습니다.

error: 보호된 컨텐츠 입니다.