Mac의 Affinity에서 같은 배경을 사용하는 변형을 일괄 내보내려면 각 완성 버전을 자체 아트보드에 만들고, 반복되는 배경에는 심볼을 사용한 다음 Slice Studio에서 아트보드 슬라이스를 함께 내보내세요.

이 워크플로는 동일한 배경을 사용하는 기하학적 카드 디자인 세 가지처럼, 완성된 그래픽을 각각 별도로 만들어야 하는 경우에 적합합니다. 현재 Affinity 데스크톱 도움말에서 사용하는 Vector Studio와 Slice Studio라는 이름을 따릅니다. Affinity 도움말에서는 Slice Studio를 여러 에셋을 한 번에 내보내는 작업 공간으로 설명합니다. Slice Studio

변형 그룹을 각각 내보내면 배경이 빠질 수 있는 이유

중요한 차이는 슬라이스에 어떤 내용이 들어가는지입니다. Affinity에 따르면 Export Layers 패널의 항목에서 만든 슬라이스에는 해당 원본 레이어에 속한 내용만 포함됩니다. Slice Tool로 그린 슬라이스에는 그 영역 안에 있는 모든 표시 레이어의 내용이 포함됩니다. Slice Studio를 사용하여 내보내기

따라서 전경 변형 그룹에서 슬라이스를 만들더라도 문서의 다른 곳에 있는 별도 배경 레이어와 자동으로 합쳐지지는 않습니다. 하나의 컴포지션 위에 슬라이스를 여러 개 겹쳐 그려도 내보낼 때마다 표시 상태가 달라지는 것은 아닙니다. 문서화된 동작에 따르면 각 영역 안의 표시된 내용이 포함됩니다. 이는 두 가지 슬라이스 동작에서 비롯되는 실제적인 결과이며, 별도의 변형 생성 기능은 아닙니다.

예측 가능한 일괄 출력을 얻으려면 각 변형의 전경과 배경 인스턴스를 포함하는 완전한 아트보드를 만드세요. 배경은 Affinity의 심볼을 사용해 연결된 상태로 두고 편집할 수 있으며, 심볼을 수정하면 여러 아트보드에 변경 내용이 동기화됩니다. 심볼

현재 구성 이 워크플로를 위한 준비
하나의 배경 위에 여러 전경 그룹이 겹쳐 있음 각 전경을 자체 아트보드로 옮기고, 그곳에 배경 심볼 인스턴스를 포함합니다.
완성된 디자인이 각 아트보드에 이미 분리되어 있음 배경 인스턴스를 확인한 다음 아트보드 슬라이스를 내보냅니다.
표시 상태를 전환해 변형을 보여 주는 단일 컴포지션 일괄 작업 전에 완성된 아트보드를 각각 구성합니다.
아트보드를 준비하지 않고 파일 몇 개만 필요함 표시 조합을 각각 개별적으로 내보내고, 매번 내보내기 영역을 확인합니다.

공식 슬라이스 안내에는 영역과 항목을 내보내는 방법이 설명되어 있지만, 모든 형제 변형 그룹을 지정된 배경 하나와 자동으로 짝짓는 기능은 문서화되어 있지 않습니다. 아트보드 구성을 통해 원하는 조합을 명시적으로 지정하세요.

연결된 배경으로 완성된 변형 만들기

첫 번째 아트보드 만들기

원하는 출력 비율에 맞춰 완성된 컴포지션 하나로 시작하세요. 새 문서를 만들려면 File > New를 선택하고, 프리셋을 고르거나 사용자 지정 설정을 입력한 다음 Create artboard를 선택하고 Create를 클릭합니다. 기존 문서에도 아트보드를 추가할 수 있습니다. 아트보드 추가 및 제거

예시 프로젝트에서는 circle, square, triangle이라는 이름의 800 × 800px 카드 세 개를 사용합니다. 각 카드에는 옅은 배경 사각형 하나와 전경 도형 하나가 있습니다. 이 크기와 이름은 예시일 뿐 Affinity의 필수 조건은 아닙니다.

배경과 전경을 레이어 패널에서 아트보드의 계층 구조 안에 유지하세요. 배경 개체 또는 그룹 하나를 전경 그룹 하나 아래에 배치하면 편리합니다. 배경은 원하는 출력 영역을 덮어야 하며, 장식용 배경 개체가 있다면 같은 배경 그룹에 포함해야 합니다.

공유 배경만 심볼로 만들기

배경 개체 또는 그룹을 선택한 다음 Layer > Create Symbol을 선택하거나 Symbols 패널에서 Create를 클릭합니다. Affinity에서는 선택한 개체나 그룹으로 심볼을 만들 수 있습니다. 심볼

변형별 도형은 이 심볼 밖에 두세요. 전경 개체를 동기화된 심볼 안에서 편집하면 다른 인스턴스에도 변경 내용이 적용될 수 있습니다. 반복하려는 요소만 공유 구성 요소에 넣어야 합니다.

아트보드를 복제하고 전경 바꾸기

완성된 아트보드를 선택하고 Edit > Duplicate > Selection을 선택합니다. Mac에서는 Move Tool 또는 Artboard Tool로 아트보드를 Command 키를 누른 채 드래그해 복제하는 방법도 Affinity에 안내되어 있습니다. 캔버스 위나 레이어 패널에서 아트보드 이름을 더블 클릭해 이름을 바꾸세요. 아트보드 추가 및 제거

배경 심볼 인스턴스는 유지하면서 복제본의 전경을 바꾸세요. 내보내기를 준비하기 전에 배경을 조금 수정해 연결 상태를 확인합니다. 레이어 패널에서 심볼 항목을 펼친 뒤 그 안의 개체를 편집하세요. 동기화가 활성화되어 있으면 해당 배경 개체가 모든 인스턴스에서 업데이트되어야 합니다. Affinity는 여러 개체로 구성된 심볼 내부의 개체를 편집하면 변경 내용이 전파된다고 설명합니다. 심볼

이제 예시 문서에 완성된 카드 세 개가 있어야 합니다. 각 아트보드를 개별적으로 보면 서로 다른 도형과 동일한 배경 디자인이 표시됩니다. 파일을 저장하기 전에 내보내려는 조합을 확인하고 살펴볼 수 있도록 준비하는 단계입니다.

아트보드 슬라이스를 설정하고 함께 내보내기

Slice Studio를 열고 완성된 아트보드 선택하기

Studio Manager를 열고 기본적으로 숨겨져 있는 Slice Studio를 활성화합니다. 목록에서 찾으려면 아래로 스크롤해야 할 수 있습니다. Slice Studio

Slices 패널에서 아트보드 항목을 확인합니다. Affinity의 다중 아트보드 내보내기 안내에서는 이 아트보드 슬라이스를 직접 사용합니다. 슬라이스를 명시적으로 만들어야 한다면 Export Layers에서 완성된 아트보드를 선택하고 Create Slice를 클릭합니다. 컴포지션 전체가 원본에 포함되도록 전경 그룹이 아니라 아트보드를 선택하세요. 아트보드 내보내기, Export Layers 패널(Slice Studio)

패널이 보이지 않으면 Mac에서 다음 메뉴 경로를 사용하세요. Window > General > Slices, Window > General > Export Layers, Window > General > Export Options. Slices 패널, Export Layers 패널(Slice Studio), Export Options 패널

형식, 크기, 파일 이름 설정하기

아트보드 슬라이스를 펼쳐 내보내기 설정을 확인합니다. Affinity에서는 아트보드 슬라이스에 여러 형식, 여러 배율 또는 절대 크기, 파일 이름 변경을 설정할 수 있습니다. 첫 번째 예시 내보내기에는 PNG를 선택하고, 특정 픽셀 너비가 필요하면 800w처럼 너비를 명시하세요. 아트보드 내보내기

1x가 문서에 지정된 픽셀 크기와 항상 같다고 가정하지 마세요. Affinity는 문서 DPI와 슬라이스 배율의 관계를 설명합니다. 예를 들어 144 DPI의 64 × 64px 문서에서는 1x가 32 × 32px, 2x가 64 × 64px로 출력됩니다. 표시된 출력 크기를 확인하거나 지정된 결과물이 필요하면 절대 크기를 사용하세요. Slice Studio를 사용하여 내보내기

첫 번째 슬라이스를 설정한 뒤 Copy export setup to clipboard와 Replace export setup from clipboard를 사용해 다른 슬라이스에 같은 설정을 적용할 수 있습니다. 적용 후 각 파일 이름을 다시 확인하세요. 이 기능은 내보내기 설정을 복사하는 것이며 배경과 전경 조합을 구성하지는 않습니다. Slices 패널

원하는 슬라이스를 확인하고 일괄 작업 실행하기

내보낼 슬라이스 항목은 활성화하고, 전체 페이지 항목처럼 불필요한 항목은 비활성화하세요. **Export Slices (n)**은 패널에서 체크된 항목을 모두 내보냅니다. 행을 선택하는 것과 내보내도록 체크하는 것은 별개의 동작입니다. Slices 패널

**Export Slices (n)**을 클릭하고 대상 폴더를 선택한 다음 Export를 클릭합니다. 슬라이스 하나에 여러 형식과 크기가 설정될 수 있으므로 체크된 아트보드가 세 개여도 파일이 세 개보다 많이 생성될 수 있습니다. 예를 들어 아트보드 세 개에서 PNG 크기를 각각 두 가지로 설정하면 결과물은 여섯 개입니다. Affinity의 내보내기 안내에 따르면 일괄 작업에는 체크된 슬라이스에 설정된 모든 형식과 크기가 포함됩니다. 슬라이스 내보내기

첫 번째 내보내기에서는 아트보드마다 형식 하나와 크기 하나만 사용하세요. Finder에서 파일 세 개를 모두 열고 크기, 배경, 전경을 확인한 뒤 출력 변형을 추가합니다.

형식별 내보내기 제한 고려하기

공유 배경 구성은 각 출력물에 포함될 내용을 결정합니다. 파일 형식과 내보내기 설정은 그 내용을 어떤 방식으로 표현할지 결정합니다. Affinity에서 사용할 수 있는 컨트롤은 선택한 형식이나 프리셋에 따라 달라집니다. Export Options 패널

요구 사항 관련 문서 동작
벡터 콘텐츠가 포함된 SVG 출력 SVG 내보내기에는 래스터화 옵션이 있으며 지원되지 않는 속성에는 래스터화가 필요할 수 있습니다.
SVG, PDF 또는 EPS에서 래스터화하지 않기 Rasterize: Nothing은 지원되지 않는 요소를 변환하지 않고 생략합니다. 결과물에서 빠진 내용이 있는지 확인하세요.
지원되지 않는 모양 유지하기 Rasterize: Unsupported properties는 지원되지 않는 요소를 래스터화하고, Everything은 모든 요소를 래스터화합니다.
원본 글꼴 없이 표시되는 SVG 텍스트 Export text as curves는 그려진 모양을 보존하지만 텍스트를 편집할 수 없게 만들며 파일 크기가 커질 수 있습니다.
매우 큰 래스터 출력 Affinity에 따르면 출력물이 형식의 최대 크기를 초과하면 맞는 크기로 축소됩니다. 계속하기 전에 내보내기 대화 상자에서 경고합니다.

이 조건은 Affinity의 내보내기 설정에 설명되어 있습니다.

SVG가 필요하다면 PNG 프리셋이 벡터 출력을 설정한다고 가정하지 말고 슬라이스 설정에서 형식과 옵션을 확인하세요. Affinity는 슬라이스의 file format 선택기와 프리셋 및 배율 컨트롤을 구분합니다. 설정에서 필요한 형식이나 옵션을 사용할 수 없다면 지원되는 모든 형식과 전체 내보내기 설정에 접근할 수 있는 내보내기 대화 상자를 사용하세요. Slices 패널, 내보내기 개요

준비한 변형 하나를 해당 대화 상자에서 내보내려면 File > Export > Export를 선택하고 필요한 형식이나 프리셋을 고른 다음 Area를 이름이 지정된 아트보드로 설정합니다. 내보내기 전에 미리 보기를 확인하세요. 선택 영역을 기준으로 내보낼 때 Selection Area는 겹친 레이어를 포함하지만 Selection Only는 별도로 선택되지 않은 배경을 포함해 겹친 다른 레이어를 제외합니다. 내보내기 대화 상자

이 작업에서는 이름이 지정된 아트보드를 사용해 각 출력의 구성을 명시적으로 지정합니다. 별도의 일괄 파일을 만들려면 Whole document에 의존하지 말고 문서화된 Export Slices 명령을 사용하세요. Affinity의 아트보드 도움말에서는 Whole document 옵션을 아트보드들을 연결해 내보내는 기능으로 설명합니다. 아트보드 내보내기

배경 누락 및 예상치 못한 출력 문제 해결

형식 설정을 바꾸기 전에 원본 구조부터 확인하세요. 배경이 빠졌다면 전체 아트보드에서 슬라이스를 만들었는지, 배경 인스턴스가 아트보드 안에 있는지 확인합니다. 전경 그룹 슬라이스에는 해당 원본 콘텐츠만 포함됩니다. 여러 변형이 함께 표시되면 직접 그린 슬라이스가 겹쳐 있는 표시 변형을 모두 포함하는지 확인하세요. Slice Studio를 사용하여 내보내기

또한 Export Layers 패널의 Make item visible in export를 확인합니다. Affinity에서는 이를 Make item visible과 구분합니다. 화면에서의 표시 여부와 내보내기 시 표시 여부는 별도로 설정되며, 상위 항목의 설정이 하위 개체에 영향을 줄 수도 있습니다. Export Layers 패널(Slice Studio)

컴포지션은 올바른데 파일 이름, 개수 또는 크기가 예상과 다르면 체크된 슬라이스 항목을 확인하고 형식 및 크기 행을 펼쳐 보세요. 다시 내보내기 전에 원치 않는 출력 항목을 제거합니다. **Export Slices (n)**을 사용한 뒤 Continuous를 켜면 변경 사항이 있을 때 체크된 슬라이스를 다시 내보낼 수 있습니다. Affinity에 따르면 내보내기 폴더는 현재 편집 세션에서만 기억됩니다. 슬라이스 내보내기

마무리 기준은 각 파일에 원하는 전경 하나와 완전한 공유 배경이 들어 있는지 확인된 별도 파일 세트입니다. 원본 문서에서는 배경을 연결된 상태로 유지하고 각 변형을 완성된 아트보드에 두며, 이후 내보내기에서는 체크된 슬라이스 설정을 다시 사용하세요.

출처