Mac에서 하나의 Affinity 문서로부터 마스크가 적용된 이미지를 여러 개 내보내려면, 완성된 마스크 에셋마다 레이어 기반 슬라이스를 만든 다음 선택된 슬라이스를 PNG로 내보내세요. 핵심은 이미지 주변에 내보내기 사각형을 그리는 대신 이미지와 마스크를 함께 선택하는 것입니다.

이 가이드에서는 현재 Affinity 데스크톱 인터페이스와 마스크가 적용된 모양을 유지하면서 별도로 재사용할 수 있는 이미지를 만드는 작업을 다룹니다. 최신 문서에서는 내보내기 작업 공간을 슬라이스 스튜디오라고 부릅니다. 이 기능은 레이어, 그룹, 객체, 아트보드를 여러 형식과 크기로 내보냅니다. 슬라이스 스튜디오를 사용하여 내보내기

내보낸 각 에셋에 무엇이 포함되어야 하나요?

먼저 완성된 이미지 하나를 만드는 전체 레이어 구조를 확인하세요. Affinity 마스크는 특정 레이어, 그룹 또는 객체에 연결할 수 있으며, 독립적인 상위 마스크가 아래쪽 레이어에 영향을 줄 수도 있습니다. 따라서 마스크만 선택해도 그 마스크가 제어하는 이미지까지 선택되는 것은 아닙니다. 레이어 마스킹

이 작업 흐름에서는 완성된 에셋 하나를 내보내기 대상으로 취급하세요. 즉, 마스크가 연결된 이미지 또는 해당 에셋에 필요한 구성 요소를 포함하는 그룹입니다. 마스크 하나가 현재 여러 개의 개별 에셋에 영향을 준다면 슬라이스를 만들기 전에 구조를 정리하세요. 그렇지 않으면 개별 하위 항목을 내보낼 때 모양에 기여하는 상위 수준 구성 요소가 누락될 수 있습니다.

다음 의사 결정표는 Affinity에서 문서화한 마스킹 및 슬라이스 동작을 정리한 것입니다.

문서 구조 준비할 내보내기 대상
마스크가 연결된 이미지 하나 연결된 마스크를 포함한 이미지의 상위 항목
하나의 마스크 그래픽을 구성하는 여러 레이어 그래픽 전체와 마스크를 포함하는 그룹
여러 에셋이 들어 있는 마스크 그룹 내보내기 전에 개별 에셋에 대해 완전한 대상 각각을 분리
이미 하나의 이미지로 병합된 여러 그래픽 먼저 개별 마스크 레이어나 그룹 준비. 사각형 슬라이스만으로는 겹치는 그래픽을 분리할 수 없음

이 구분이 중요한 이유는 Affinity에서 서로 다른 두 가지 슬라이스 동작을 문서화하고 있기 때문입니다. 레이어 내보내기 항목에서 만든 슬라이스에는 해당 레이어의 콘텐츠만 포함되는 반면, 슬라이스 도구로 그린 슬라이스에는 사각형 안에 있는 모든 표시 레이어가 포함됩니다. 주변 아트워크 없이 마스크 에셋을 각각 내보내려면 레이어에서 만든 슬라이스를 사용하세요. 슬라이스 스튜디오를 사용하여 내보내기

내보낸 파일에는 마스크가 적용된 완성된 모양이 반영됩니다. 이 방법으로 원본 이미지를 변경되지 않은 상태로 복구하거나 PNG에 편집 가능한 마스크를 포함할 수는 없습니다. 편집 가능한 Affinity 마스터 파일을 보관하세요. 저장하면 프로젝트 정보가 보존되고, 내보내면 공유용 형식이 만들어집니다. 저장

마스크 이미지마다 완전한 대상 하나씩 준비하기

기존 문서를 재구성하기 전에 파일 > 다른 이름으로 저장을 사용해 작업 사본을 만드세요. 최신 Affinity 문서의 확장자는 .af입니다. 새 문서로 저장하면 이전에 저장한 버전을 그대로 보관할 수 있습니다. 저장

레이어 패널에서 첫 번째 에셋 항목을 펼쳐 이미지, 마스크 및 지원 구성 요소를 확인하세요. 마스크가 활성화되어 있고 대상에 원하는 결과가 표시되는지 확인합니다. 비활성화된 마스크는 축소된 축소판에 대각선 빨간 줄이 표시됩니다. 펼친 마스크에는 별도의 표시 여부 컨트롤이 있습니다. 레이어 마스킹

여러 객체가 하나의 에셋을 구성한다면 객체를 선택하고 레이어 > 그룹화를 선택하세요. 그룹에 적용된 마스크와 조정은 그룹의 콘텐츠에 영향을 줍니다. 그룹화할 때 기존 이미지와 마스크의 연결 관계를 유지하세요. 관련 없는 객체를 그룹화하는 것만으로는 원하는 마스킹 구조가 만들어지지 않습니다. 그룹화

각 대상에 서로 구별되는 설명적인 이름을 지정하세요. 예를 들어 가상의 구성에는 circle-grid, rounded-stripes, hexagon-dots이라는 에셋 세 개가 있을 수 있습니다. 그룹 이름을 바꾸려면 레이어 패널에서 이름을 두 번 클릭하고 새 이름을 입력한 다음 Return 키를 누르세요. 그룹화

계속하기 전에 레이어 계층 구조에서 각 대상을 개별적으로 확인하세요. 해당 항목에 에셋을 렌더링하는 데 필요한 모든 요소가 포함되어 있는지 확인하면 됩니다. 이 점검은 여러 그룹 위에 공유 마스크나 조정이 적용된 구성에서 특히 유용합니다.

레이어 기반 슬라이스 만들기 및 내보내기

1. 슬라이스 스튜디오와 패널 표시하기

스튜디오 관리자를 열고 슬라이스 스튜디오를 활성화한 다음 해당 스튜디오로 전환하세요. 최신 도움말에 따르면 이 스튜디오는 기본적으로 숨겨져 있으므로, 보이는 작업 공간 선택 항목에 표시되지 않더라도 해당 기능을 사용할 수 있습니다. 슬라이스 스튜디오

Mac 메뉴에서 필요한 패널을 표시하세요.

  • 윈도우 > 일반 > 레이어 내보내기
  • 윈도우 > 일반 > 내보내기 옵션
  • 윈도우 > 일반 > 슬라이스

데스크톱 패널 위치는 문서에 위와 같이 안내되어 있습니다. 레이어 내보내기 패널(슬라이스 스튜디오), 내보내기 옵션 패널, 슬라이스 패널

2. 기본값을 설정한 다음 각 슬라이스 만들기

내보내기 옵션에서 기본값을 선택하고 원하는 PNG 설정을 지정한 다음, 완료되면 선택 항목으로 돌아가세요. 기본값은 다음에 만드는 슬라이스에 적용됩니다. 슬라이스 내보내기

레이어 내보내기에서 첫 번째 완전한 마스크 대상을 선택하고 슬라이스 만들기를 클릭하세요. 나머지 대상에도 같은 작업을 반복합니다. 이미지 또는 완전한 그룹을 선택하고 마스크를 연결된 상태로 유지하세요. 마스크 항목만 따로 선택하지 마세요. 이 패널에서는 레이어, 그룹, 객체 및 아트보드에서 슬라이스를 만들 수 있습니다. 레이어 내보내기 패널(슬라이스 스튜디오)

레이어에서 만든 슬라이스는 선택한 항목의 범위에 맞춰 크기가 자동으로 조정됩니다. 경계가 보이는 불투명 픽셀과 정확히 일치한다고 가정하지 말고 결과를 확인하세요. 문서에는 항목의 범위에 맞춰 크기를 정한다고 되어 있으며, 모든 마스크 가장자리까지 자동으로 잘라낸다고 보장하지는 않습니다. 슬라이스 스튜디오를 사용하여 내보내기

3. 출력 설정을 구성하고 간단히 테스트하기

슬라이스에서 각 항목을 펼쳐 파일 이름, 형식 및 크기를 확인하세요. 각 슬라이스에는 여러 내보내기 형식을 지정할 수 있고, 각 형식에는 여러 크기를 설정할 수 있습니다. 앞서 든 가상의 에셋 세 개라면 처음에는 슬라이스마다 PNG 출력 하나만 설정해 결과를 쉽게 확인할 수 있도록 하세요. 슬라이스 패널

개별 내보내기 컨트롤을 사용해 슬라이스 하나를 내보내세요. 결과를 열어 마스크 윤곽, 투명도, 픽셀 크기, 주변 그래픽의 포함 여부를 확인합니다. 먼저 에셋 하나를 테스트하면 잘못된 내보내기 대상이나 형식 설정을 쉽게 진단할 수 있습니다.

테스트가 끝나면 원하는 슬라이스 항목을 선택하고 전체 페이지나 원하지 않는 항목의 선택을 해제하세요. **슬라이스 내보내기(n)**를 클릭하고 대상 폴더를 선택한 다음 내보내기를 클릭합니다. 선택된 슬라이스에 대해 구성한 형식과 크기가 내보내집니다. 내보내기 폴더는 현재 편집 세션에서만 기억됩니다. 슬라이스 내보내기

출력 설정을 일치시키려면 슬라이스 패널의 내보내기 설정을 클립보드에 복사 및 클립보드에서 내보내기 설정 바꾸기 기능을 사용하세요. 슬라이스 하나를 구성하고 설정을 복사한 다음 다른 대상 슬라이스에 설정을 적용합니다. 설정을 바꾸면 대상 슬라이스의 내보내기 구성이 변경되므로 적용 후 확인하세요. 슬라이스 패널

원하는 결과를 유지하려면 어떤 형식과 크기 설정을 사용해야 하나요?

Affinity에서 투명도를 지원한다고 명시한 PNG는 마스크가 적용된 래스터 에셋을 시작하기에 적합한 형식입니다. 편집 가능한 마스크는 .af 마스터 파일에 보관하고 PNG는 완성된 이미지 에셋으로 사용하세요. 지원 파일 형식, 저장

출력에 원치 않는 배경이 있으면 내보내기의 매트 설정을 확인하세요. Affinity에서는 매트를 내보낸 이미지의 배경색으로 정의합니다. 또한 대상 그룹 안에 불투명한 배경 객체가 있는지도 살펴보세요. 그룹 전체를 내보내면 해당 객체도 포함됩니다. 내보내기 설정

1x가 항상 문서의 기존 픽셀 크기를 의미한다고 가정하지 마세요. Affinity는 슬라이스 배율을 문서 DPI와 연동합니다. 문서에 나온 예시에서는 144 DPI의 64 × 64픽셀 문서를 내보낼 때 1x는 32 × 32픽셀, 2x는 64 × 64픽셀로 출력됩니다. 전체 세트를 내보내기 전에 표시된 내보내기 크기를 확인하세요. 슬라이스 스튜디오를 사용하여 내보내기

벡터 컨테이너로 바꿀 때도 주의해야 합니다. PDF, SVG 및 EPS의 경우 Affinity의 래스터화 설정에 따라 지원되지 않는 디자인 요소의 처리 방식이 결정됩니다. 없음은 지원되지 않는 요소를 제외하고, 지원되지 않는 속성은 해당 요소를 래스터화하며, 모든 항목은 전체 디자인을 래스터화합니다. 따라서 SVG를 선택해도 마스크 이미지 전체가 벡터 형식이거나 편집 가능하다는 보장은 없습니다. 내보내기 설정

편집 가능한 형식으로 교환할 때는 PSD 및 TIFF의 한계를 PNG 전달 작업과 구분하세요. Affinity의 형식 문서에 따르면 PSD로 내보낼 때 텍스트는 래스터화됩니다. TIFF의 Affinity 레이어 저장 옵션은 레이어를 보존하지만 Affinity에서 다시 열 때만 읽을 수 있습니다. 어느 쪽도 다른 응용 프로그램이 전체 편집 가능한 문서 구조를 재현한다고 보장하지 않습니다. 지원 파일 형식, 내보내기 설정

내보내기 결과가 잘못되었을 때 확인할 사항

문서를 다시 만들기 전에 다음 순서로 진단하세요.

  1. 다른 아트워크가 나타남: 슬라이스 도구로 그린 슬라이스인지 확인하세요. 대상을 분리하려면 레이어 내보내기에서 완전한 대상을 선택해 슬라이스를 만드세요.
  2. 마스크가 적용된 모양이 사라짐: 마스크가 있는 상위 항목 아래의 하위 항목을 선택했거나 마스크만 선택했는지 확인하세요. 완전한 대상에서 슬라이스를 다시 만드세요.
  3. 파일이 비어 있음: 상위 항목의 설정을 포함해 내보내기에서 항목 표시를 확인하세요. 내보내기에서의 표시 여부는 일반 항목 표시 여부와 별개입니다.
  4. 경계가 예상과 다르게 바뀜: 레이어에서 만든 슬라이스의 크기를 수동으로 조정했다면 슬라이스 도구로 해당 슬라이스를 선택하고 자동 크기로 되돌리기를 선택하세요.
  5. 픽셀 크기가 잘못됨: 아트워크를 변경하기 전에 문서 DPI와 슬라이스 배율을 확인하세요.

이 점검 항목은 문서화된 슬라이스, 표시 여부 및 크기 조정 컨트롤을 따릅니다. 슬라이스 스튜디오를 사용하여 내보내기, 레이어 내보내기 패널(슬라이스 스튜디오), 슬라이스 내보내기

문제가 있는 에셋 하나만 진단하려면 내보내기 대화 상자를 대신 사용할 수 있습니다. 완전한 대상을 선택하고 파일 > 내보내기 > 내보내기를 선택한 다음 PNG를 고르고 영역을 선택 항목만으로 설정하세요. 선택 영역은 겹치는 선택되지 않은 레이어도 포함하지만, 선택 항목만은 이를 제외합니다. 에셋을 내보내고 결과를 확인한 뒤 대상이 올바르게 설정되면 슬라이스 설정으로 돌아가세요. 내보내기 대화 상자

신뢰할 수 있는 추출 작업 흐름은 마스크가 적용된 완전한 대상을 준비하고 각 대상에 레이어 기반 슬라이스를 하나씩 지정한 뒤, 전체를 처리하기 전에 내보낸 파일 하나를 확인하는 것에서 시작합니다. 마스크, 투명도, 경계 및 픽셀 크기가 원하는 에셋과 일치하면 선택된 슬라이스를 내보내고 나중에 수정할 수 있도록 편집 가능한 마스터 파일을 저장하세요.

출처