일러스트레이터에서 사진을 원이나 사각형 안에 넣으려고 클리핑 마스크를 적용했는데 아무 변화가 없거나, 오브젝트가 모두 사라지는 경우가 있습니다. 단축키를 눌러도 오류 메시지만 나타나면 어떤 부분이 잘못됐는지 찾기 어렵습니다.
일러스트 클리핑 마스크 안됨 현상은 대부분 마스크로 사용할 도형의 순서가 잘못됐거나, 필요한 오브젝트를 모두 선택하지 않았을 때 발생합니다. 여러 개의 도형을 하나의 마스크처럼 사용하려다가 실패하는 경우도 많습니다.
이번 글에서는 사진을 도형 안에 넣는 기본 방법부터 클리핑 마스크가 만들어지지 않는 원인, 적용 후 사진이 사라졌을 때 확인할 부분까지 순서대로 설명합니다.
일러스트 클리핑 마스크란 무엇인가요?
클리핑 마스크는 도형 안에 들어오는 부분만 보여주고, 도형 바깥에 있는 아트워크는 숨기는 기능입니다.
마스크로 사용하는 도형을 클리핑 패스, 도형 안에서 보이게 할 사진이나 그래픽을 마스크된 오브젝트라고 합니다. 바깥쪽 내용은 삭제되지 않기 때문에 클리핑 마스크를 해제하면 원래 모습을 다시 확인할 수 있습니다.
예를 들어 제품 사진 위에 원형 도형을 올리고 클리핑 마스크를 적용하면 사진 전체가 원 모양으로 잘린 것처럼 보입니다. 실제 사진이 잘린 것은 아니며 원 바깥쪽 영역만 보이지 않게 처리된 상태입니다.
클리핑 마스크는 다음과 같은 작업에 자주 사용합니다.
- 사진을 원이나 사각형 안에 넣을 때
- 썸네일 이미지를 일정한 비율로 정리할 때
- 배너에서 제품 사진 일부만 보여줄 때
- 텍스처를 글자나 도형 안에 넣을 때
- 아트보드 밖으로 나온 이미지를 가릴 때
일러스트 클리핑 마스크 만드는 기본 방법
클리핑 마스크에는 최소한 마스크 도형 한 개와 도형 안에 넣을 오브젝트 한 개가 필요합니다.
1. 사진이나 오브젝트를 배치합니다
먼저 클리핑 마스크 안에 넣을 사진이나 그래픽을 준비합니다. JPG와 PNG 같은 이미지뿐 아니라 여러 개의 벡터 오브젝트와 그룹도 마스크 안에 넣을 수 있습니다.
2. 마스크로 사용할 도형을 만듭니다
사각형 도구, 원형 도구 또는 펜 도구를 이용해 사진이 보일 범위를 만듭니다.
클리핑 패스로 사용할 수 있는 것은 벡터 오브젝트입니다. 사진과 같은 래스터 이미지는 마스크 안에 넣을 수 있지만 사진 자체를 클리핑 패스로 사용할 수는 없습니다.
3. 마스크 도형을 가장 앞으로 올립니다
클리핑 마스크에서 가장 중요한 부분입니다.
마스크로 사용할 도형은 사진이나 그래픽보다 위에 있어야 합니다. 화면에서 도형이 사진 위에 보이더라도 레이어 패널의 실제 순서가 다를 수 있으므로 창 → 레이어에서 확인하는 것이 정확합니다.
도형을 가장 앞으로 올리는 메뉴는 다음과 같습니다.
오브젝트 → 정돈 → 맨 앞으로 가져오기
레이어 패널에서는 위쪽에 있는 항목일수록 앞쪽에 표시됩니다. 클리핑 패스 역시 마스크할 오브젝트보다 위쪽에 배치해야 합니다.
4. 도형과 사진을 모두 선택합니다
선택 도구로 마스크 도형과 사진을 함께 선택합니다.
도형만 선택하거나 사진만 선택하면 클리핑 마스크를 만들 수 없습니다. 여러 개의 사진이나 그래픽을 한꺼번에 넣으려면 마스크 도형을 포함한 모든 오브젝트를 선택해야 합니다.
5. 클리핑 마스크를 적용합니다
상단 메뉴에서 다음 경로를 선택합니다.
오브젝트 → 클리핑 마스크 → 만들기
단축키는 다음과 같습니다.
- Windows: Ctrl + 7
- macOS: Command + 7
클리핑 마스크를 해제하는 단축키는 Windows에서 Alt + Ctrl + 7, macOS에서 Option + Command + 7입니다.
클리핑 마스크 오류가 나타나면 순서를 확인합니다
클리핑 마스크를 만들 때 가장 자주 발생하는 문제는 마스크 도형이 맨 위에 있지 않은 경우입니다.
일러스트레이터는 선택한 오브젝트 가운데 가장 위에 있는 벡터 오브젝트를 클리핑 패스로 사용합니다. 사진이나 다른 그룹이 위에 놓여 있으면 원하는 도형이 마스크로 인식되지 않을 수 있습니다.
다음 순서로 다시 적용합니다.
- 마스크로 사용할 도형만 선택합니다.
- 오브젝트 → 정돈 → 맨 앞으로 가져오기를 실행합니다.
- 도형과 사진을 모두 다시 선택합니다.
- Ctrl + 7 또는 Command + 7을 누릅니다.
레이어가 복잡한 파일에서는 단순히 화면만 보지 말고 레이어 패널을 펼쳐 실제 쌓임 순서를 확인하는 것이 좋습니다.
마스크를 적용했는데 사진이 모두 사라질 때
클리핑 마스크를 적용하자마자 사진과 도형이 모두 사라진 것처럼 보일 수 있습니다. 이때는 마스크가 실패한 것이 아니라, 마스크 도형과 사진의 위치가 서로 맞지 않는 경우가 많습니다.
클리핑 마스크는 마스크 도형과 겹치는 부분만 보여줍니다. 사진이 도형 바깥쪽에 있거나 크기가 너무 작으면 도형 안에서 보이는 내용이 없어 빈 화면처럼 나타날 수 있습니다.
클리핑 마스크를 해제하지 않고 안쪽 사진만 움직이려면 다음 방법을 사용합니다.
- 클리핑 마스크 그룹을 더블 클릭합니다.
- 안쪽 사진을 다시 클릭합니다.
- 사진을 이동하거나 크기를 조절합니다.
- 빈 공간을 더블 클릭하거나 Esc를 눌러 나옵니다.
레이어 패널에서 클리핑 그룹을 펼친 뒤 사진 항목을 직접 선택해도 됩니다. 클리핑 패스 바깥에 숨겨진 영역은 화면에 보이지 않지만 삭제된 것은 아니며 계속 수정할 수 있습니다.
여러 개의 도형으로 클리핑 마스크가 안 될 때
원 여러 개나 글자처럼 분리된 도형을 한 번에 마스크로 사용하려고 하면 원하는 결과가 나오지 않을 수 있습니다.
일러스트레이터에서는 레이어나 그룹의 가장 위에 있는 오브젝트가 클리핑 패스로 사용됩니다. 여러 도형을 단순히 그룹으로 묶었다고 해서 각각의 도형이 하나의 마스크처럼 작동하는 것은 아닙니다.
분리된 여러 도형을 하나의 마스크로 사용하려면 먼저 컴파운드 패스로 만들어야 합니다.
여러 도형을 컴파운드 패스로 만드는 방법
- 마스크로 사용할 도형을 모두 선택합니다.
- 오브젝트 → 컴파운드 패스 → 만들기를 선택합니다.
- 컴파운드 패스를 사진보다 앞으로 올립니다.
- 컴파운드 패스와 사진을 함께 선택합니다.
- 클리핑 마스크를 적용합니다.
컴파운드 패스 단축키는 다음과 같습니다.
- Windows: Ctrl + 8
- macOS: Command + 8
컴파운드 패스는 여러 경로를 레이어 패널에서 하나의 항목처럼 관리할 수 있도록 결합합니다. 분리된 글자나 여러 창 모양 안에 같은 사진을 표시할 때 활용할 수 있습니다.
단순히 여러 도형을 하나의 외곽 모양으로 합치려는 경우에는 패스파인더의 합치기 기능을 사용해 하나의 도형으로 만든 뒤 마스크를 적용할 수도 있습니다.
클리핑 마스크를 만들었는데 도형 색이 사라집니다
색상이 있는 도형을 마스크로 사용했는데 클리핑 마스크를 적용한 뒤 도형의 채우기와 선이 사라지는 경우가 있습니다.
이것은 오류가 아니라 클리핑 마스크의 기본 작동 방식입니다. Illustrator는 오브젝트를 클리핑 패스로 변환할 때 해당 오브젝트의 채우기와 획을 자동으로 제거합니다.
마스크 테두리나 배경색을 함께 표시하려면 마스크 도형을 복사해 별도로 사용하면 됩니다.
- 마스크를 만들기 전에 도형을 복사합니다.
- Ctrl + F 또는 Command + F로 같은 위치의 앞쪽에 붙여넣습니다.
- 아래쪽 도형으로 클리핑 마스크를 만듭니다.
- 위쪽에 복사한 도형에는 원하는 채우기나 획을 적용합니다.
이렇게 하면 클리핑 마스크와 테두리 디자인을 따로 관리할 수 있습니다.
클리핑 마스크 안의 사진만 선택하는 방법
클리핑 마스크 그룹을 선택하면 사진이 아니라 마스크 전체가 잡히는 경우가 많습니다.
안쪽 사진만 수정하려면 다음 방법 중 하나를 사용합니다.
격리 모드 이용하기
클리핑 마스크 그룹을 더블 클릭합니다. 격리 모드 안에서 사진을 선택하면 마스크 형태는 유지하면서 이미지의 위치와 크기를 변경할 수 있습니다.
직접 선택 도구 사용하기
흰색 화살표 모양의 직접 선택 도구를 선택하거나 키보드에서 A를 누릅니다. 도형 안쪽에서 사진이 보이는 부분을 클릭하면 마스크된 오브젝트를 선택할 수 있습니다.
레이어 패널에서 선택하기
창 → 레이어를 열고 클리핑 그룹을 펼칩니다. 클리핑 패스와 사진이 각각 표시되므로 수정할 항목을 직접 선택할 수 있습니다.
마스크 도형 자체를 수정하려면 레이어 패널에서 클리핑 패스를 선택한 뒤 고정점과 핸들을 조절합니다. Adobe는 클리핑 세트 안의 패스가 마스크 바깥에 있어 보이지 않더라도 계속 편집할 수 있다고 설명합니다.
클리핑 마스크와 불투명도 마스크 차이
사진을 도형 모양으로 자르는 것이 아니라 그라데이션처럼 서서히 투명하게 만들고 싶다면 클리핑 마스크가 아닌 불투명도 마스크를 사용해야 합니다.
클리핑 마스크는 벡터 도형의 경계를 기준으로 안쪽은 보여주고 바깥쪽은 숨깁니다. 경계가 비교적 명확하게 나뉘는 방식입니다.
불투명도 마스크는 흰색, 검은색, 회색의 밝기 차이를 이용해 투명도를 조절합니다.
- 흰색 영역은 완전히 보입니다.
- 검은색 영역은 숨겨집니다.
- 회색 영역은 밝기에 따라 반투명하게 표시됩니다.
사진의 가장자리를 부드럽게 흐리거나 그라데이션 형태로 사라지게 만들려면 창 → 투명도에서 불투명도 마스크를 사용하는 것이 적합합니다.
두 기능의 이름이 비슷하지만 결과와 설정 방법이 다르므로 작업 목적에 맞게 구분해야 합니다.
클리핑 마스크를 풀었는데 사진이 이상한 위치에 나타날 때
클리핑 마스크를 해제하면 도형 바깥에 숨겨져 있던 사진 전체가 다시 나타납니다.
마스크 안쪽에서 사진의 위치나 크기를 많이 조절했다면 해제 후 사진이 아트보드 밖으로 크게 벗어나 보일 수도 있습니다. 이는 클리핑 마스크가 사진을 실제로 잘라낸 것이 아니라 보이는 범위만 제한했기 때문입니다.
마스크를 해제하려면 클리핑 그룹을 선택하고 다음 메뉴를 사용합니다.
오브젝트 → 클리핑 마스크 → 풀기
단축키는 다음과 같습니다.
- Windows: Alt + Ctrl + 7
- macOS: Option + Command + 7
마스크를 해제하면 클리핑 패스로 사용했던 도형도 다시 선택할 수 있습니다. 다만 도형의 채우기와 획은 제거된 상태일 수 있으므로 필요하면 색상을 다시 적용합니다.
일러스트 클리핑 마스크 안됨 점검 순서
클리핑 마스크가 만들어지지 않는다면 다음 순서대로 확인합니다.
- 마스크로 사용할 도형이 벡터 오브젝트인지 확인합니다.
- 도형이 사진보다 앞쪽에 있는지 확인합니다.
- 도형과 사진을 모두 선택합니다.
- Ctrl + 7 또는 Command + 7을 누릅니다.
- 여러 도형을 사용한다면 먼저 컴파운드 패스로 만듭니다.
- 적용 후 모두 사라졌다면 사진과 도형이 겹쳐 있는지 확인합니다.
- 레이어 패널에서 비어 있는 경로나 다른 오브젝트가 맨 위에 있는지 확인합니다.
- 그라데이션 투명 효과가 목적이라면 불투명도 마스크를 사용합니다.
대부분의 오류는 마스크 도형의 순서와 선택 상태를 다시 확인하면 해결할 수 있습니다.
자주 묻는 질문
클리핑 마스크 단축키를 눌러도 아무 변화가 없습니다
마스크 도형만 선택했거나 사진만 선택했을 가능성이 있습니다. 도형과 사진을 모두 선택한 뒤 다시 Ctrl + 7 또는 Command + 7을 누릅니다.
마스크 도형이 사진보다 아래에 있다면 맨 앞으로 올려야 합니다.
사진을 원 안에 넣었는데 원의 테두리가 사라졌습니다
클리핑 패스로 변환된 도형의 채우기와 획은 자동으로 제거됩니다. 원의 테두리를 유지하려면 같은 위치에 원을 하나 복사해 마스크 위에 별도로 배치합니다.
여러 글자 안에 사진을 한 번에 넣고 싶습니다
글자나 도형이 여러 개의 분리된 경로로 구성되어 있다면 하나의 컴파운드 패스로 만든 뒤 클리핑 마스크를 적용하는 방법이 편리합니다.
편집 가능한 문자 원본이 필요하다면 적용 전에 텍스트를 복사해 별도로 보관하는 것이 좋습니다.
클리핑 마스크 안에서 사진 위치만 바꾸고 싶습니다
클리핑 그룹을 더블 클릭해 격리 모드로 들어간 뒤 사진만 선택합니다. 직접 선택 도구나 레이어 패널을 사용해도 됩니다.
사진 가장자리를 자연스럽게 투명하게 만들 수 있나요?
클리핑 마스크는 경계를 기준으로 안과 밖을 나누는 기능입니다. 사진이 서서히 투명해지는 효과는 투명도 패널의 불투명도 마스크를 사용하는 것이 적합합니다.
일러스트 클리핑 마스크 안됨 해결 방법 정리
일러스트 클리핑 마스크가 적용되지 않을 때는 마스크로 사용할 도형이 가장 앞에 있는지 먼저 확인해야 합니다. 그다음 도형과 사진이 모두 선택되어 있는지 점검하고 Ctrl + 7 또는 Command + 7을 누릅니다.
여러 개로 분리된 도형을 하나의 마스크로 사용하려면 Ctrl + 8 또는 Command + 8로 컴파운드 패스를 만든 뒤 적용합니다. 마스크 적용 후 모든 내용이 사라졌다면 사진과 도형이 실제로 겹쳐 있는지도 확인해야 합니다.
클리핑 마스크는 사진을 완전히 자르거나 삭제하는 기능이 아닙니다. 도형 바깥의 내용을 숨기는 방식이므로 격리 모드나 레이어 패널을 이용하면 안쪽 사진을 계속 이동하고 수정할 수 있습니다.
도형 형태로 깔끔하게 자르는 것이 목적이라면 클리핑 마스크를 사용하고, 가장자리가 서서히 흐려지는 투명 효과가 필요하다면 불투명도 마스크를 사용하면 됩니다.