웹용 Photoshop에서 선택 영역과 레이어 마스크를 사용하면 이미지의 특정 영역을 분리하거나 특정 영역의 가시성을 제어할 수 있습니다.
이 영상에서는 이러한 중요 기법을 소개하고 실제 활용 방법을 살펴보겠습니다.
영상을 따라 해보려면 튜토리얼 영상과 함께 제공되는 샘플 파일을 사용하세요.
또는 가지고 있는 이미지를 사용해도 좋습니다.
여기 웹용 Photoshop에 샘플 이미지가 열려 있는데요.
디자인의 일부를 변경하려면 변경할 부분을 먼저 선택해야 합니다.
레이어 패널에서 맨 위에 있는 레이어를 클릭합니다.
그런 다음 왼쪽 툴 패널에서 세 번째에 있는 선택 아이콘을 클릭합니다.
여기에 있는 툴을 하나씩 살펴보죠.
아래쪽에 있는 사각형 선택 윤곽 툴부터 시작해 볼게요.
이 툴을 클릭하면 커서가 십자가 모양으로 바뀝니다.
이 상태에서 캔버스를 클릭하여 드래그하면 첫 번째 영역이 선택됩니다.
이 움직이는 선이 선택 영역의 가장자리가 됩니다.
이를 개미들의 행진이라고도 부르죠.
선택 영역을 확대하거나 축소하려면 툴바에 있는 이 속성 영역 아이콘으로 크기를 조정할 수 있습니다.
기본적으로 첫 번째 선택 영역이 선택되어 있어요.
두 번째 아이콘을 클릭하면 선택 영역에 추가할 수 있습니다.
실수로 선택 영역이 너무 커져서 불필요한 선택 영역을 제거하고 싶다면 선택 영역에서 빼기 아이콘을 클릭하면 됩니다.
이제 영역을 클릭해 드래그하면 드래그한 영역이 현재 선택 영역에서 제거됩니다.
키보드 단축키 사용이 익숙한 분들은 간편하게 Shift 키로 선택 영역을 확장할 수 있습니다.
그러면 커서가 플러스(+) 기호로 바뀝니다.
또는 Option(Mac) 또는 Alt(Windows) 키를 눌러 선택 영역을 제거할 수 있습니다.
모양이 다소 독특한 이 선택 영역에 변경 사항을 적용할 수 있어요.
예를 들어 선택 영역에 색을 칠하려면 툴 패널에서 브러시 툴을 선택하고 브러시로 캔버스를 칠하면 조금 큰 브러시로 선택 영역 밖까지 칠해도 오로지 선택 영역에만 색상이 적용되는 걸 알 수 있습니다.
이것이 선택 영역의 핵심 기능입니다.
디자인에서 어떤 영역에 영향을 미칠지 정의하는 겁니다.
선택 영역에 콘텐츠를 추가하고 제거하는 방법을 알았으므로 이제 실전에 사용해 보죠.
조금 전에 했던 브러시 칠을 실행 취소하고 이 영역을 선택 해제합니다.
아래에 있는 상황별 작업 표시줄에서 선택 해제 버튼을 클릭하면 됩니다.
위부터 차례대로 세 개의 레이어를 숨기면 맨 아래에 있는 화려한 그레이디언트만 표시됩니다.
여기서는 이 꽃 뒤에 있는 배경을 제거하여 그레이디언트가 표시되도록 해볼게요.
먼저 위에서부터 두 레이어를 숨기고 Flowers 레이어와 Color Gradient 레이어만 표시되게 합니다.
녹색 배경을 선택하고 제거해야 하는데요.
이를 위해 자동 선택 툴을 사용해 보겠습니다.
자동 선택 툴을 사용하면 특정 허용치 범위 내에 있는 색과 톤이 유사한 주변 픽셀이 선택됩니다.
여기를 클릭하면 선택 영역 추가 또는 제거를 나타내는 선택 아이콘이 속성 영역에도 표시됩니다.
또한 툴 패널의 이 슬라이더로 허용치도 조정할 수 있어요.
허용치는 기본값으로 유지하고 녹색 영역 중 아무 곳이나 클릭해 선택합니다.
개미들의 행진이 모든 꽃에 표시됩니다.
목표는 녹색을 제거하는 것이므로 확실하게 키보드의 Delete 키를 눌러 제거해 볼게요.
이제 꽃 뒤에 그레이디언트 배경이 표시됩니다.
앞서 꽃 레이어를 삭제했으므로 지금 Photoshop을 종료하면 이 배경색에 적용한 모든 변경 내용은 영구적으로 남게 됩니다.
대신에 레이어 마스크를 사용하면 원본 이미지에 영향을 주지 않고 동일한 변경 내용을 적용할 수 있죠.
이 방법을 사용해 보겠습니다.
실행 취소 버튼을 클릭하고 변경 사항을 취소합니다.
이제 Delete 키를 사용하는 대신에 상황별 작업 표시줄의 세 번째 아이콘을 선택해 선택 영역을 반전시킵니다.
그러면 녹색 배경이 아닌 캔버스에 있는 모든 꽃이 선택됩니다.
이렇게 설정한 다음 마스크 만들기 버튼을 클릭해 선택 영역을 마스크로 변환합니다.
Flowers 레이어 오른쪽에 마스크 축소판이 있어 마스크로 제대로 변환되었는지 확인할 수 있어요.
이 아래에는 무지개 그레이디언트가 표시됩니다.
컴포지션의 주요 피사체인 남성의 이미지를 작업해보죠.
Man 레이어의 눈동자 아이콘을 클릭해 표시합니다.
이 레이어의 녹색 배경을 숨기고 아래 레이어에 있는 꽃과 그레이디언트가 보이게 하려고 합니다.
이번에는 자동 선택 툴이 아니라 Photoshop이 자랑하는 놀라운 기능을 사용해보겠습니다.
Man 레이어를 활성화하고 툴바의 선택에서 피사체 선택을 클릭합니다.
그러면 Photoshop은 이 레이어를 빠르게 분석하고 피사체가 무엇인지 판단하는데요.
이 경우 남성이 되겠습니다.
다시 한번 상황별 작업 표시줄에서 마스크 만들기를 클릭합니다.
그러면 배경이 멋진 그레이디언트로 바뀝니다.
작업 대상인 이미지의 유형에 따라 피사체가 아니라 이미지 배경을 분리하는 것이 더 쉬울 수 있습니다.
지금 해보도록 하죠.
변경 내용을 실행 취소하여 녹색 배경이 다시 표시되도록 합니다.
이번에는 Man 레이어를 선택하고 상황별 작업 표시줄에서 두 번째 버튼인 배경 제거를 클릭합니다.
이 한 단계만으로 Photoshop은 이미지를 분석하고 녹색 배경을 모두 선택해 마스크를 만들어 이 배경을 가립니다.
그 결과로 마스크 축소판이 레이어 패널에 만들어졌죠.
디자인에 추가하고 싶은 이미지 요소가 하나 더 있는데요.
이를 위해 맨 위에 있는 꽃송이 레이어를 켜겠습니다.
꽃 송이 두 개를 남자의 선글라스 위에 배치하려고 합니다.
이 작업은 다른 선택 방법인 빠른 선택 툴을 설명할 매우 좋은 예인데요.
맨 위 꽃 레이어를 선택하고 툴 패널의 선택 아이콘에서 빠른 선택 툴을 선택합니다.
조금 더 크게 화면을 확대하고 손 툴을 사용해 원하는 위치로 꽃을 옮깁니다.
이 꽃을 브러시로 칠하면 점선이 나타나는 것으로 보아 해당 영역이 선택된 걸 알 수 있죠.
선택 영역을 추가하거나 제거해야 한다면 툴바의 빠른 선택 영역에서 추가 또는 제거 아이콘을 클릭하면 됩니다.
두 꽃을 선택한 상태에서 컨트롤 작업 표시줄에 있는 레이어 마스크 만들기 아이콘을 클릭합니다.
원하는 디자인이 완성되었습니다.
지금까지 다양한 선택 영역과 마스크 툴을 사용해 봤는데요.
여러분의 디자인 목표와 이미지 콘텐츠의 유형에 따라 효과적인 툴이 달라집니다.
실력을 향상하는 최고의 방법은 실제로 사용해 보면서 익히는 것입니다.
여러분도 직접 해보시기 바랍니다.
