문구를 편집 가능한 상태로 유지하면서 Inkscape에서 투명 텍스트 컷아웃을 만들려면 흰색 사각형 위에 검은색 텍스트가 있는 마스크를 사용하세요. 마스크를 아트워크에 적용한 다음, 텍스트를 수정해야 할 때마다 마스크를 해제하세요.

이 튜토리얼에서는 Mac에서 간단한 추상 구성을 만듭니다. 색상이 겹치는 도형에 FORM라는 단어가 투명한 구멍으로 나타납니다. 완성된 SVG에는 텍스트와 도형이 그대로 남습니다. 문구를 수정하려면 마스크 해제–편집–재적용 과정을 거칩니다.

마스크로 텍스트를 편집 가능한 상태로 유지하는 이유

Inkscape의 일반 마스크는 색상으로 표시 여부를 제어합니다. 흰색은 아래쪽 아트워크를 그대로 보존하고, 검은색은 투명하게 만듭니다. 일반 클립은 윤곽선 내부의 요소를 보존하므로 글자로 클리핑하면 글자 내부에 아트워크가 표시됩니다. 공식 클리핑 및 마스킹 가이드에서 이 차이를 설명합니다.

이 구성에서 마스크는 단색 흰색 사각형과 그 위에 놓인 단색 검은색 텍스트, 두 개체로 이루어집니다. 사각형은 구성을 보존하고 글자는 그 안에 구멍을 만듭니다. SVG 마스크는 그룹과 텍스트를 모두 지원하므로 텍스트를 윤곽선으로 변환할 필요가 없습니다. 이 구성은 SVG 사양에 정의된 마스킹 동작을 따릅니다.

각 작업의 범위를 명확히 구분하세요.

작업 기능 이후 편집에 미치는 영향
Object → Group 개체를 함께 묶음 구성 요소는 별개의 개체로 유지됨
일반 마스킹 아트워크의 표시 여부를 제어함 마스크를 해제하면 편집할 마스크를 되찾을 수 있음
텍스트에 Path → Object to Path 적용 글자를 윤곽선으로 변환함 텍스트 도구로는 문구를 편집할 수 없게 됨
Path → Difference 한 경로에서 다른 경로를 뺌 편집 가능한 텍스트 마스크가 아니라 변경된 도형이 만들어짐

공식 고급 튜토리얼 원문은 경로로 변환하면 텍스트 편집 기능이 사라진다고 명시합니다. 불리언 연산 매뉴얼은 불리언 연산이 경로에서 작동하거나 경로 변환을 시도한다고 설명합니다. 편집 가능한 구성을 만들 때는 두 명령을 모두 사용하지 마세요.

추상 아트워크와 마스크 만들기

아래 메뉴 명령을 Mac에서 사용하세요. 특정 키보드 단축키 설정에 의존하지 않습니다. 온라인 초보자 가이드는 현재 버전 1.3 문서로 표시되어 있습니다. 메뉴 항목의 이름이 Set 대신 Set Mask처럼 더 길게 표시될 수 있습니다.

1. 색상 도형을 만들고 그룹화하기

새 문서를 만듭니다. 넓은 사각형을 그린 다음, 그 안에 겹치는 타원 두 개를 추가합니다. 예를 들어 파란색 사각형, 왼쪽에 청록색 타원, 오른쪽에 주황색 타원을 사용하세요. 이는 연습을 위한 제안일 뿐, 필수 크기나 색상은 아닙니다.

도구 모음에서 각 도형 도구를 선택한 다음 캔버스에서 클릭하고 드래그하세요. Inkscape의 도형 도구 가이드에서 이 그리기 방법을 설명합니다. 도형이 페이지 안쪽에 충분히 들어오도록 배치하세요.

Object → Fill and Stroke를 엽니다. 각 도형에 단색 채우기를 지정하고 Stroke paint의 페인트 없음 표시를 사용해 선을 제거하세요. 이 연습에서는 개체 불투명도를 최대로 설정하고 흐림을 0으로 설정합니다. 채우기와 선 매뉴얼에서 이러한 설정을 설명합니다.

선택 도구로 전환하고 세 도형을 둘러싸도록 드래그해 선택한 다음 Object → Group을 선택합니다. 이것이 아트워크 그룹입니다. 그룹화하면 도형의 기하 구조를 합치지 않고 구성을 함께 유지할 수 있습니다. 개체 그룹화 가이드에서는 그룹에 들어가 구성 요소를 편집하는 방법도 설명합니다.

2. 흰색 마스크 사각형 만들기

아트워크 그룹 전체를 덮고 사방에 약간의 여백이 남도록 사각형을 하나 더 그립니다. 완전히 불투명한 흰색 채우기를 지정하고 선을 없애며 흐림을 0으로 설정합니다. 이 사각형이 구성을 일시적으로 가립니다.

이 사각형은 마스크가 보존할 영역을 정의합니다. 돌출된 도형까지 포함해 구성 전체를 덮을 만큼 크게 만드세요. 사각형이 너무 작으면 문서화된 SVG 마스킹 모델에 따라 가장자리 바깥의 아트워크가 가려집니다.

3. 사각형 위에 검은색 텍스트 추가하기

텍스트 도구를 활성화하고 흰색 사각형 위를 한 번 클릭한 다음 FORM을 입력합니다. 한 번 클릭하면 한 줄짜리 일반 텍스트가 만들어지고, 드래그하면 텍스트 프레임이 만들어집니다. 짧은 레이블에는 텍스트 입력에 설명된 한 번 클릭하는 방법을 사용하세요.

굵은 스타일이 있는 설치된 글꼴을 선택한 다음 구도 중앙을 가로지르도록 단어 크기를 키웁니다. Text → Text and Font 또는 텍스트 도구 모음에서 글꼴, 크기, 간격을 조정하세요. 텍스트 스타일 지정에서 설명하듯 Inkscape는 컴퓨터에 설치된 글꼴을 사용합니다.

텍스트에 완전히 불투명한 검은색 채우기를 지정하고 선을 없애며 흐림을 0으로 설정합니다. 단어 전체가 흰색 사각형 안에 들어오도록 하세요. 텍스트를 경로로 변환하지 마세요.

4. 마스크 구성 요소만 그룹화하기

선택 도구로 검은색 텍스트와 흰색 사각형을 선택한 다음 Object → Group을 선택합니다. 색상 아트워크는 이 그룹 바깥에 둡니다.

마스크를 적용하기 전 쌓임 순서는 다음과 같아야 합니다.

  1. 마스크 그룹 안의 검은색 텍스트
  2. 같은 마스크 그룹 안의 흰색 사각형
  3. 마스크 그룹 아래의 색상 아트워크 그룹

필요하면 Object 메뉴의 앞으로 올리기 또는 뒤로 내리기 명령을 사용해 순서를 바로잡으세요. 공식 쌓임 순서 가이드에서 이러한 제어 방법을 설명합니다. 흰색 사각형은 검은색 글자 뒤에 있어야 하고, 두 개체가 있는 그룹은 아트워크 위에 있어야 합니다.

5. 일반 마스크 적용하기

마스크 그룹과 아트워크 그룹을 함께 선택합니다. 이 연습 문서에는 다른 개체가 없으므로 전체 구성을 둘러싸도록 드래그해 선택하면 편리합니다.

Object → Mask → Set을 선택하거나, 화면에 표시된 명령 이름이 다르면 Set Mask를 선택합니다. 일반 마스크 명령을 사용하세요. 클리핑 및 마스킹 가이드에 따르면 Inkscape는 선택한 개체 중 맨 위의 개체를 마스크로 사용합니다.

흰색 사각형과 검은색 글자는 보이는 개체로서 사라져야 합니다. 색상 구성은 다시 나타나고, 아트워크 그룹의 모든 도형에 글자 모양의 구멍이 생깁니다.

투명도를 확인하고 텍스트 편집 가능 여부 확인하기

흰색 페이지에서는 투명한 구멍이 흰색 글자처럼 보일 수 있습니다. 다음 두 가지를 확인해 투명도와 텍스트 편집 기능이 유지되었는지 살펴보세요.

임시 배경으로 구멍 확인하기

큰 보라색 사각형을 그리고 마스크가 적용된 아트워크 뒤로 내립니다. 이 테스트 사각형은 마스크 그룹 바깥에 둡니다. 주변의 색상 구성이 계속 보이는 동안 글자 부분에는 보라색이 보여야 합니다.

테스트 사각형을 다른 색으로 바꿉니다. 글자 모양의 구멍을 통해 새 색이 보여야 합니다. 이는 마스크의 투명도 동작을 활용한 실용적인 확인 방법입니다. 보이는 색은 아래에 별도로 놓인 개체에서 옵니다.

확인한 다음 테스트 사각형을 삭제합니다. File → Document Properties에서 Checkerboard background를 켜 빈 영역을 살펴볼 수도 있습니다. 작업 영역 매뉴얼에서는 기본 흰색 캔버스가 투명할 수도 있다고 설명합니다.

마스크를 해제하고 문구 바꾸기

마스크가 적용된 구성을 선택하고 Object → Mask → Release를 선택합니다. 이 명령은 Release Mask로 표시되기도 합니다. Inkscape의 문서화된 마스크 동작에 따라 마스크 개체가 마스크 적용 전 아트워크 위로 돌아옵니다.

흰색 사각형이 다시 구성을 가립니다. 선택 도구로 마스크 그룹을 두 번 클릭해 그룹 안으로 들어갑니다. 텍스트 도구를 활성화하고 검은색 단어를 클릭한 다음 FORM을 ARC로 바꿉니다. 그룹에 들어가고 나오는 방법은 개체 그룹화에 설명되어 있습니다.

필요하면 글꼴 크기나 위치를 조정합니다. 그런 다음 선택 도구로 전환하고 그룹 바깥을 두 번 클릭해 그룹에서 나옵니다. 마스크 그룹 전체와 아트워크 그룹을 선택하고 일반 마스크를 다시 적용합니다.

새 구멍에는 ARC이라는 단어가 나타나야 합니다. 텍스트 도구로 글자를 바꾸고 글자 윤곽선을 다시 다듬지 않았는지 확인하면 편집 기능이 유지되었는지 알 수 있습니다. 문구를 바꿔야 할 때마다 이 과정을 반복하세요.

예상과 다른 결과 진단하기

효과를 다시 만들기 전에 구성을 확인하세요. 다음 점검 항목은 문서화된 마스크 색상, 쌓임 순서, 그룹화 동작을 따릅니다.

증상 확인할 사항 해결 방법
구성 전체가 사라짐 검은색 텍스트만 마스크로 사용했나요? 마스크를 해제하고 텍스트 뒤에 흰색 사각형을 포함하세요
아트워크가 어디서나 불투명하게 보임 흰색 사각형이 텍스트 위에 있나요? 마스크 그룹 안에서 검은색 텍스트를 사각형 위로 옮기세요
흰색 사각형이 계속 보임 마스크를 적용할 때 올바른 두 그룹을 선택했나요? 마스크 그룹 전체와 아트워크 그룹을 선택하세요
색상 도형의 가장자리가 예상치 않게 사라짐 흰색 사각형이 구성 전체를 덮나요? 마스크를 해제하고 사각형을 더 크게 만드세요
글자 모양의 구멍이 부분적으로 투명해 보임 텍스트가 회색이거나 반투명하거나 흐릿한가요? 불투명한 검은색 텍스트와 흐림 0을 적용하세요
색상 도형 하나가 글자 안을 채움 해당 도형이 마스크가 적용된 아트워크 그룹 바깥에 있나요? 마스크를 해제하고, 필요한 아트워크를 다시 그룹화한 다음 재적용하세요

텍스트 도구로 마스크를 해제한 글자를 편집할 수 없다면 앞서 경로로 변환했는지 확인하세요. 마스크를 해제해도 경로 변환이 되돌려지지는 않습니다. 이전의 편집 가능한 SVG를 복구하거나 새 텍스트 개체를 만드세요. 고급 튜토리얼에서 편집 가능한 텍스트와 편집 가능한 경로 노드의 차이를 설명합니다.

편집 가능한 SVG 저장 및 투명 PNG 내보내기

File → Save As로 작업 문서를 저장하고 Inkscape SVG를 선택합니다. 작업 저장 가이드는 Inkscape 편집 데이터를 유지하려면 이 형식을 권장합니다. 문구를 바꿀 때 다시 열 수 있도록 이 SVG를 원본으로 보관하세요.

PNG로 내보내려면 File에서 내보내기 대화 상자를 엽니다. 매뉴얼에서는 이 명령을 Export PNG Image라고 합니다. 사용 중인 버전에서는 Export로 표시될 수 있습니다. PNG를 선택하고 내보낼 영역을 지정한 다음 필요한 픽셀 크기를 입력해 내보냅니다. PNG 파일 내보내기에 따라 페이지 배치에는 Page를, 선택한 구성의 경계에는 Selection을 사용하세요.

내보내기 전에 임시 배경 사각형을 제거하고 문서 배경의 알파 값이 0인지 확인합니다. 아트워크 뒤에 있는 불투명한 개체나 불투명한 문서 배경은 PNG의 구멍 부분에 색을 채웁니다. 작업 영역 가이드에서는 두 가지 방식으로 배경 불투명도가 PNG 출력에 미치는 영향을 설명합니다.

PNG는 래스터 이미지이므로 이후 텍스트 수정은 SVG 원본에서 해야 합니다. 해당 SVG를 다시 열고 마스크를 해제해 단어를 수정한 다음, 마스크를 재적용하고 다시 내보내세요. 흰색 사각형과 수정 가능한 검은색 텍스트를 함께 보관하면 편집으로 돌아가는 방법이 분명한 재사용용 구성을 만들 수 있습니다.

출처