픽셀 아트를 선명하게 유지하려면 원래 픽셀 크기의 PNG로 내보내거나 최근접 이웃 리샘플링을 사용해 정수배로 확대하세요. 저장하기 전에 내보내기 미리 보기를 확인하세요. 크기 조정으로 아트워크에서 이미 부드러워진 가장자리를 복구할 수는 없습니다.

이 작업 흐름은 현재 Mac용 Affinity 데스크톱 앱에서 정적인 픽셀 아트 이미지 하나를 다룹니다. 메뉴 경로는 현재 Affinity 도움말 센터를 따릅니다. 목표는 별도의 이미지 파일을 만들 때 의도한 정사각형 픽셀을 보존하는 것입니다.

현재 데스크톱 컨트롤로 선명한 PNG 내보내기

개별 픽셀이 이미 올바르게 보이는 완성된 이미지에서 시작하세요. 나중에 변경할 수 있도록 내보내기 전에 편집 가능한 Affinity 문서를 저장하세요.

  1. 파일 > 내보내기 > 내보내기를 선택합니다.
  2. 왼쪽에서 PNG 프리셋을 선택합니다.
  3. 영역을 원하는 콘텐츠로 설정합니다. 한 페이지짜리 간단한 이미지라면 전체 문서를 선택하고, 아트보드 하나만 내보내려면 해당 아트보드 이름을 선택합니다.
  4. 가로세로 비율 잠금을 켠 상태로 크기를 원래 픽셀 크기나 계산한 확대 크기로 설정합니다.
  5. 리샘플링을 최근접 이웃으로 설정합니다.
  6. 미리 보기를 확인한 다음 위치 묻기를 선택하고 내보내기를 클릭한 뒤 파일 이름을 입력하고 저장을 클릭합니다. 결과 파일을 바로 찾으려면 Finder에서 보기를 켤 수 있습니다. 이 컨트롤과 저장 순서는 Affinity의 내보내기 대화 상자와 내보내기 설정에 설명되어 있습니다.

Affinity는 가장자리가 선명한 이미지에 최근접 이웃을 권장합니다. 이 리샘플링 옵션은 내보내기에서 이미지 크기를 늘리거나 줄일 때 적용됩니다. 원래 크기를 유지하면 내보내기 크기가 바뀌지 않으며, 확대할 때는 새 픽셀을 생성하는 방식을 선택해야 합니다. Affinity 내보내기 설정

크기를 판단하기 전에 내보내기 영역을 선택하세요. 선택 영역에는 겹쳐 있지만 선택되지 않은 레이어도 포함되며, 선택 항목만에는 해당 레이어가 포함되지 않습니다. 리샘플링 옵션이 올바르더라도 영역을 잘못 선택하면 아트워크 주변에 표시되는 내용이 달라질 수 있습니다. Affinity 내보내기 대화 상자

픽셀 블록의 크기를 균일하게 유지하는 확대 배율 선택

균일한 정사각형 블록을 원한다면 두 치수에 같은 양의 정수 배율을 적용하세요. 이는 픽셀 격자를 확대하는 방식에 따른 권장 사항입니다. 4배 확대하면 원본 픽셀 하나가 출력 이미지에서 4×4 블록을 차지합니다. 소수 배율로는 각 원본 픽셀에 같은 너비의 정수 픽셀 블록을 할당할 수 없습니다.

예시로 32×24픽셀 타일의 출력 크기를 너비 × 배율, 높이 × 배율로 계산해 보겠습니다.

목표 크기 내보내기 크기 계산의 의미
원래 크기 32 × 24픽셀 확대하지 않음
2배 확대 64 × 48픽셀 원본 픽셀 하나가 2 × 2 블록이 됨
3배 확대 96 × 72픽셀 원본 픽셀 하나가 3 × 3 블록이 됨
4배 확대 128 × 96픽셀 원본 픽셀 하나가 4 × 4 블록이 됨
2.5배 확대 80 × 60픽셀 크기가 같은 정수 픽셀 블록을 만들 수 없음

이는 계산 예시이며 실제 내보내기 결과를 측정한 값은 아닙니다. 이 예시에서 규칙적인 블록을 유지하면서 이미지를 크게 만들려면 최근접 이웃을 사용해 128×96픽셀로 내보내세요. 80×60픽셀로 내보내도 가장자리의 선명함은 유지될 수 있지만, 원본 열이나 행 중 일부는 출력 픽셀을 서로 다른 개수만큼 차지해야 합니다.

크기를 줄이면 다른 제약이 생깁니다. 출력 픽셀 수가 더 적으므로 원본의 독립된 색상 픽셀을 모두 보존할 수 없습니다. 작은 버전에서 1픽셀 디테일이 사라진다면 원본으로 돌아가 작은 격자에 맞게 그 디테일을 단순화하세요. 축소된 사본을 반복해서 크기 조정해도 이미 사라진 정보는 복구할 수 없습니다.

DPI만 변경해서는 화면 이미지가 커지지 않습니다

Affinity는 인쇄 크기 조정과 리샘플링을 구분합니다. 리샘플링을 끈 상태에서 DPI를 변경하면 픽셀 크기는 그대로 두고 인쇄 해상도 메타데이터만 변경됩니다. 따라서 32×24픽셀 이미지가 더 큰 화면용 이미지로 바뀌지는 않습니다. Affinity: 이미지 크기 변경

계속 그리기 전에 실제로 작업 문서를 확대해야 한다면 문서 > 설정 > 크기 조정 > 문서를 사용하세요. 리샘플링을 켜고 픽셀 단위를 선택한 다음, 비율을 연결한 상태로 새 크기를 입력하고 최근접 이웃을 선택한 뒤 크기 조정을 클릭합니다. Affinity는 이 방법이 가장자리가 선명한 이미지와 픽셀 작업에 적합하다고 명시합니다. 전달용 파일만 크게 만들려면 내보내기 크기만 변경하면 됩니다. Affinity: 이미지 크기 변경

의도한 색상을 바꾸지 않는 형식 선택

이 작업에는 PNG가 실용적인 기본 형식입니다. 무손실 래스터 저장을 지원하고 투명도를 선택적으로 포함할 수 있기 때문입니다. 무손실 압축은 인코딩되는 이미지 데이터를 보존하지만 인코딩 전에 적용된 리샘플링이나 색상 변경을 되돌리지는 않습니다. W3C PNG 명세 제3판

형식을 바꾸거나 파일 크기를 줄이기 전에 다음에 설명된 제약을 확인하세요.

형식 또는 옵션 관련 제약
PNG 팔레트 매핑은 선택 사항입니다. 이미지를 팔레트로 제한하려는 것이 아니라면 팔레트화를 끄세요.
GIF 팔레트 매핑을 끌 수 없습니다.
PDF, SVG, EPS 래스터화: 없음은 지원되지 않는 요소를 생략하며, 해당 요소를 자동으로 보존하지 않습니다.
Affinity 레이어가 저장된 TIFF 해당 레이어는 Affinity에서만 읽을 수 있습니다.

이러한 제한 사항은 Affinity 내보내기 설정에 나와 있습니다. 완성된 픽셀 이미지 하나를 내보낼 때는 PNG로 시작하고 첫 내보내기에서는 팔레트 색상 수를 줄이지 마세요.

다른 전달 요구 사항에는 벡터 형식이 유용할 수 있지만 SVG를 선택한다고 완성된 이미지의 고정 픽셀 격자가 자동으로 정해지는 것은 아닙니다. 이 작업에는 크기를 명시한 PNG가 원하는 출력 격자를 분명하게 보여 줍니다. 내보낸 이미지를 작업용 원본으로 취급하지 말고 편집 가능한 Affinity 문서를 별도로 보관하세요.

내보내기 크기 경고도 읽어 보세요. Affinity에 따르면 이미지가 선택한 형식의 최대 크기를 초과하면 해당 크기에 맞게 축소됩니다. 자동 크기 조정으로 신중하게 계산한 배율이 틀어질 수 있으니 계속하기 전에 요청 크기를 직접 줄이세요. Affinity 내보내기 설정

픽셀 아트 문서 크기 조정의 실제 동작 이해하기

Affinity에는 픽셀 아트 문서라는 명령도 있지만, 이 명령의 목적은 단순한 블록 확대와 다릅니다. 문서 > 설정 > 크기 조정 > 픽셀 아트 문서를 선택하면 HQX 또는 XBR과 함께 2배, 3배, 4배 배율을 사용할 수 있습니다. Affinity: 픽셀 아트 크기 조정

Affinity는 XBR이 더 부드러운 결과를 만들고 HQX는 더 선명하지만 세밀한 가장자리 주변이 더 들쭉날쭉해진다고 설명합니다. 예시에서는 XBR이 확대된 가장자리를 다듬습니다. 윤곽선을 이런 방식으로 재해석하려면 이 필터를 사용하세요. 원래의 계단식 패턴을 정사각형 블록으로 보존하려면 위에서 설명한 최근접 이웃 내보내기 방식을 사용하세요. 이는 해당 필터의 설명된 목적에 따른 선택입니다. Affinity: 픽셀 아트 크기 조정

내보내기 설정을 더 바꾸기 전에 흐릿함의 원인 찾기

다음 순서대로 살펴보면 원치 않는 변화가 이미지의 어느 단계에서 발생하는지 찾을 수 있습니다. 한 번에 설정 하나만 비교해야 결과에서 유용한 정보를 얻을 수 있습니다.

배율을 확인할 수 있는 상태로 내보내기 결과 살펴보기

Mac의 내보내기 미리 보기에서 Command–1을 눌러 100%, Command–2를 눌러 200%, Command–3을 눌러 400%, Command–4를 눌러 800%로 봅니다. 확대 화면에서 가장자리의 개별 픽셀을 살펴본 다음 100%로 돌아가 내보낸 이미지를 원래 크기로 평가하세요. Affinity는 이 단축키를 내보내기 미리 보기용으로 안내합니다. Affinity 내보내기 대화 상자

진단용으로 원래 크기의 PNG와 정수배로 확대한 PNG를 비교해 보세요. 원래 크기 버전에 이미 의도하지 않은 중간 색상의 가장자리가 있다면 아트워크 자체를 살펴보세요. 확대본에서만 원치 않는 변화가 나타난다면 크기와 리샘플링 방식을 다시 확인하세요.

벡터 도형이 있는 아트워크의 정렬 확인

벡터로 만든 픽셀 그래픽의 경우 Affinity의 픽셀 정렬 강제는 개체, 노드, 핸들, 픽셀 선택 영역을 만들거나 이동하거나 수정할 때 정수 픽셀에 맞춰 정렬합니다. 전용 도움말 페이지에 나온 데스크톱 경로는 보기 > 스냅을 선택한 다음 픽셀 정렬 강제를 선택하는 것입니다. 또한 픽셀에서 벗어난 개체나 안내선에 스냅하면 픽셀에서 벗어난 결과가 생길 수 있다고 경고합니다. Affinity: 픽셀 정렬 강제

정수 픽셀 단위로 이동이 기존의 소수 위치를 바로잡아 준다고 가정하지 마세요. Affinity의 설명에 따르면 이 옵션은 개체가 차지하는 부분 픽셀을 유지하면서 이동 거리를 정수 픽셀로 제한합니다. 예를 들어 X = 5.5에서 10픽셀 이동하면 X = 15.5가 됩니다. 정렬을 바로잡을 때는 픽셀 정렬 강제는 켜 두고 이 옵션을 끈 다음 다른 스냅 대상도 확인하세요. Affinity: 픽셀 정렬 강제

정렬은 의도한 격자를 만드는 데 도움이 되지만 래스터 레이어에 이미 칠해진 부드러운 색상을 제거하지는 않습니다. 최종 내보내기 전에 원본에서 수정하세요.

다음 내보내기를 위해 확인된 설정 저장

내보내기가 성공한 것을 확인한 다음 설정을 프리셋으로 저장하세요. 내보내기 대화 상자에서 시작 프리셋을 조정하고 환경설정을 클릭한 뒤 프리셋 만들기를 선택합니다. 설명이 잘 드러나는 이름을 입력하고 확인을 클릭하세요. Affinity는 이 프리셋을 내보내기 대화 상자, 빠른 내보내기, 슬라이스 스튜디오에서 사용할 수 있도록 합니다. Affinity 내보내기 대화 상자

나중에 내보내려면 오른쪽 상단의 아래쪽 화살표를 사용해 빠른 내보내기를 열고 옵션을 선택한 다음 내보내기를 클릭하세요. 빠른 내보내기 프리셋에는 형식, 크기, 리샘플링 방식이 포함될 수 있으므로 이미지마다 필요한 크기와 선택한 프리셋이 맞는지 확인하세요. Affinity: 빠른 내보내기

계산한 크기와 일치하고 미리 보기에서 의도한 픽셀 패턴이 유지되는 PNG를 저장하면 작업이 끝납니다. 다음 크기의 이미지를 만들 때도 같은 의도된 원본 격자에서 시작할 수 있도록 원본 Affinity 문서를 함께 보관하세요.

출처