PerfectVector
작성: Irene Kim7분 읽기

보드게임 인쇄용 아트: 벡터와 래스터 중 무엇을 쓸까요?

보드게임 아트에 맞는 벡터와 래스터를 선택하고, 구성품별로 기호를 테스트하며, 회화적 디테일을 보존하고 제조사가 요구하는 파일을 준비하세요.

목차

크기를 조절하거나 수정해야 하는 보드게임 기호, 프레임, 도해에는 벡터를 사용하세요. 채색한 캐릭터, 풍경, 질감 있는 배경은 래스터 아트로 유지하세요. 두 형식과 편집 가능한 텍스트를 조합해 구성품 레이아웃을 만든 다음 제조사가 요청하는 형식으로 내보내세요.

한 카드에 래스터 일러스트, 벡터 자원 아이콘, 편집 가능한 규칙 텍스트가 함께 들어갈 수 있습니다. 게임 전체에 하나의 형식을 선택할 필요는 없습니다. 자원이 바뀌거나 카드가 작아지거나 규칙서에 다른 언어가 필요할 때 어느 부분을 편집할 수 있어야 하는지가 핵심입니다.

구성품마다 작업 형식을 선택하세요

아트실용적인 작업 형식전달 전 확인 사항
자원 및 행동 기호벡터 경로구별되는 실루엣, 명확한 간격, 일관된 시각적 무게
카드 프레임 및 플레이어 보드 트랙텍스트를 분리한 벡터 도형실제 레이아웃의 정렬, 간격, 가독성
채색한 캐릭터 또는 장소 아트고해상도 래스터 원본최종 배치 크기의 픽셀 치수와 의도한 질감
채색 지형과 경로 표시가 있는 보드래스터 그림과 벡터 오버레이가장 복잡한 지형 위에서도 표시를 알아볼 수 있는지
규칙서 도해재사용 가능한 벡터 기호와 편집 가능한 레이블게임 전체에서 같은 기호가 같은 뜻을 나타내는지
박스 일러스트아트 스타일에 따른 래스터 또는 벡터가장 큰 배치와 공급업체 템플릿에 충분한 디테일

이는 작업 파일을 선택하는 문제입니다. 제조사는 여전히 병합된 내보내기 파일을 원할 수 있습니다. 편집 가능한 원본을 보관하면 디자인이 바뀔 때 같은 방식으로 다시 내보낼 수 있습니다.

기본적인 형식 차이는 PNG와 SVG 비교를 참조하세요. SVG에는 비트맵이 포함될 수도 있으므로 .svg 확장자만으로 기호가 경로로 이루어졌다고 단정할 수는 없습니다.

여러 곳에 쓰이는 기호 하나부터 시작하세요

거래 행동이 토큰, 카드 비용 행, 규칙서 설명 옆에 나온다고 가정해 보겠습니다. 배치마다 주변 요소와 가용 공간이 다릅니다. 단독으로는 명확해 보이는 기호도 세 가지 비용과 한 줄의 텍스트 옆에서는 답답해질 수 있습니다.

이 예시에는 팀이 제작 방향을 정한 독창적인 합성 비트맵을 사용했습니다. 청록색과 산호색 화살표가 금색 큐브를 둘러싼 그림입니다. PerfectVector는 2026년 9월 4일 이를 SVG로 변환했습니다. 이 글을 위해 기존 결과를 다시 살펴보고 여러 디지털 크기로 렌더링했습니다. SVG에는 경로 8개와 채우기 색상 4개가 있으며 포함된 비트맵은 없습니다. 변환 후 캔버스 전체를 덮는 거의 흰색 배경 경로를 제거했으며, 아트 경로를 다시 그리거나 재구성하지는 않았습니다.

실제 변환 및 디지털 크기 비교
색상이 다른 두 화살표 사이의 금색 큐브 원본 비트맵, 실제 SVG 추적 결과, 너비 24, 48, 96 픽셀로 렌더링한 미리보기
같은 변환 SVG를 이 1600 픽셀 이미지 안에서 24, 48, 96 픽셀로 렌더링했습니다. 페이지에서 이미지 전체 크기가 조절될 수 있습니다. 이는 화면 미리보기이며 실제 인쇄 교정본이나 권장 최소 크기가 아닙니다.

가장 큰 미리보기에서는 큐브 내부 모서리와 화살촉을 더 쉽게 구별할 수 있습니다. 가장 작은 미리보기에서는 큐브의 세부 표현보다 전체적인 원형 움직임이 더 눈에 들어옵니다. 원본이 벡터여도 작은 배치를 확인해야 하는 이유입니다. 매끄럽게 확대·축소할 수 있다고 해서 작은 기호에 더 많은 공간이 생기는 것은 아닙니다.

경로 수는 확인 가능한 도형이 있음을 보여 줍니다. 인쇄 품질을 입증하거나 이름이 붙은 ‘큐브’와 ‘화살표’ 레이어를 복원하지는 않습니다. 한 부분의 색상을 바꿔야 한다면 결과를 열고 그 부분을 선택했을 때 실제로 무엇이 선택되는지 확인하세요.

자신의 게임에서는 기호 세트 전체를 추적하기 전에 후보 기호 하나를 실제 토큰, 카드, 규칙서 레이아웃에 배치하세요. 말로 힌트를 주지 않고 플레이테스터가 주변 기호 사이에서 이를 식별하도록 하세요. 사라지는 디테일에 의미가 달려 있다면 그 디테일을 단순화하거나 공간을 더 확보하세요. 원본 파일을 크게 만든다고 복잡한 레이아웃이 해결되지는 않습니다.

색상에만 의존하지 않고 관련 기호를 구별하세요

빨간색 자원과 초록색 자원을 채우기 색상만 다른 동일한 도형으로 만들지 마세요. 자원마다 다른 실루엣을 주거나 규칙에도 나오는 레이블 또는 기호를 색상과 함께 사용하세요. 그런 다음 세트를 함께 확인하세요. 개별 아이콘은 멋지게 그렸어도 옆 아이콘과 지나치게 비슷할 수 있습니다.

Mattel은 접근성을 고려한 게임에서 플레이어가 색상을 식별하도록 아이콘이나 촉각 단서를 사용하며, 이를 각 게임의 설명서에서 설명한다고 밝힙니다. 색상에 또 다른 식별 수단을 제공하는 공개 사례로 참고할 수 있지만, 새 디자인에 대한 인증은 아닙니다. Mattel 접근성 FAQ

거래 예시에서 각 화살표의 방향이 중요하다면 ‘주기’와 ‘받기’를 색상만으로 구분하지 마세요. 화살촉과 주변 규칙 레이블을 확인하세요. 회색조 미리보기로 일부 문제를 발견할 수 있지만, 시각적 요구가 다른 사람들과 플레이테스트하는 편이 필터 하나를 통과 기준으로 삼는 것보다 유용합니다.

재사용할 라이브러리를 만드는 경우 PNG를 SVG 아이콘으로 변환하는 작업 흐름에서 경로와 일관된 아이콘 크기 확인 방법을 다룹니다. 실물 게임에서는 구성품 레이아웃과 인쇄한 시제품에서도 이 확인을 이어가세요.

선택한 아트만 추적하고 그림은 유지하세요

재사용할 평면 기호의 비트맵만 남아 있다면 자동 추적이 유용합니다. 보이는 이미지에서 새 도형을 만듭니다. 일러스트레이터의 원래 레이어, 붓 표현, 텍스트를 복원하지는 않습니다.

질감이 매력의 일부인 숲 그림은 래스터로 유지하세요. 그 위에 자원 기호와 장소 레이블을 별도 개체로 배치하세요. 보드 전체를 추적하면 그림이 색상 영역으로 바뀌고, 간단한 아이콘 재사용 작업이 훨씬 큰 스타일 변경 작업과 뒤섞입니다.

작업 문서에서 규칙, 숫자, 번역 레이블은 편집 가능한 텍스트로 유지하세요. 공급업체가 윤곽선으로 변환한 글자를 요청하면 전달용 복사본을 만들고 편집 가능한 원본을 보관하세요. 그렇지 않으면 막바지에 ‘Gain 2’를 ‘Gain 3’으로 바꾸는 일도 도형 편집 작업이 됩니다.

평면 자원 또는 행동 기호가 PNG로만 있다면 PerfectVector 보드게임 아트 변환기로 SVG 후보를 만드세요. 레이아웃 편집기에서 열어 도형과 배경을 확인하고, 계획한 가장 작은 배치에서 시험하세요. 기호의 의미를 보존하고 필요한 편집을 지원할 때만 추적 결과를 사용하세요. 단순한 기하학 기호는 다시 그리는 편이 빠를 수 있으며, 채색 아트는 픽셀로 유지하는 편이 나을 수 있습니다.

전달 형식은 제조사가 결정합니다

최종 파일을 준비하기 전에 각 구성품의 최신 템플릿을 요청하세요. 편집 가능한 SVG 기호는 레이아웃의 한 재료이며, 어디서나 통하는 인쇄 제출 파일은 아닙니다.

다음 두 제조사의 사례는 전달 요건을 확인해야 하는 이유를 보여 줍니다.

  • The Game Crafter는 디자이너에게 템플릿 아트를 PNG 또는 JPG로 내보내도록 요청하며, RGB 업로드를 받고 CMYK 이미지는 거부합니다. 템플릿에는 재단선, 도련, 안전 영역이 표시됩니다. The Game Crafter 템플릿 안내
  • Hero Time은 Illustrator 파일을 선호하며 편집 가능한 PDF 또는 PSD 파일도 받습니다. 설정 안내에서는 배경, 이미지/아이콘, 텍스트, 재단 템플릿 레이어를 분리하도록 요청합니다. Hero Time 아트 설정 안내

어느 작업 방식도 벡터 원본을 버리라는 뜻은 아닙니다. 적절한 벡터, 래스터 아트, 글자를 포함한 레이아웃에서 요청한 파일을 내보내세요. PDF에는 경로와 픽셀이 모두 들어갈 수 있습니다. PDF로 저장한다고 그림이 추적되거나 저해상도 이미지가 복구되지는 않습니다.

공급업체가 Illustrator 파일을 구체적으로 요청한다면 인쇄소에 AI 파일을 전달하는 방법을 따르고, 원본 편집 기능이 필요한지 제작용 PDF가 필요한지 확인하세요. SVG 이름을 .ai로 바꾸지 마세요.

내보낸 파일을 게임 구성품으로 확인하세요

디자인 문서뿐 아니라 내보낸 파일을 검토하세요. 세트 전체에 과정을 반복하기 전에 첫 토큰과 카드에 다음 순서를 적용하세요.

  1. 최신 템플릿과 비교하세요. 의도한 치수, 도련, 안전 영역, 최종 파일에 포함해야 하는 안내 레이어를 확인하세요. The Game Crafter는 재단선 레이어를 보이게 두면 그 선이 인쇄된다고 명확히 경고합니다.
  2. 가장 작은 기호를 맥락 안에서 확인하세요. 배경과 주변 표시를 포함해 실제 비용 행, 보드 트랙, 토큰 면을 살펴보세요. 편집기에서 보기 편한 확대 배율만으로 모든 기호를 판단하지 마세요.
  3. 배치 크기에서 그림을 확인하세요. 픽셀 치수가 공급업체 요건을 충족하는지 확인하세요. 벡터 프레임이 그 안의 이미지 해상도를 높여 주지는 않습니다.
  4. 실물 시제품을 만들고 검토하세요. 의도한 구성품 크기로 만들고 플레이어가 사용할 거리에서 확인하세요. 가정용 교정본으로 레이아웃 문제를 발견할 수 있지만, 제작 인쇄기의 색상이나 재단 정확도를 입증할 수는 없습니다.
  5. 원본과 전달용 복사본을 함께 보관하세요. 이후 카드에도 같은 설정을 사용하도록 템플릿 버전과 내보내기 설정을 기록하세요.

기호가 이 검토를 통과하지 못하면 문제를 일으키는 도형, 간격, 레이아웃을 수정하세요. 파일 확장자를 바꾸는 것이 유용한 다음 단계인 경우는 드뭅니다.

FAQ

보드게임 아트는 모두 벡터여야 하나요? 아닙니다. 편집 가능한 도형이 도움이 되는 재사용 기호, 프레임, 도해에는 벡터를 사용하세요. 그림과 질감 있는 일러스트는 최종 배치에 충분한 픽셀을 가진 래스터 아트로 유지하세요. 구성품 레이아웃에서 두 형식을 조합하세요.

보드게임 제조사에 SVG 파일을 바로 보낼 수 있나요? 해당 제조사가 작업에 SVG를 허용할 때만 가능합니다. 일부 작업 방식은 PNG 또는 JPG 내보내기 파일을 요구하고, 다른 방식은 Illustrator, 편집 가능한 PDF, PSD 파일을 선호합니다. 먼저 최신 구성품 템플릿과 제출 사양을 확인하세요.

벡터 아트는 어떤 크기에서도 잘 읽히나요? 아닙니다. 벡터 경로는 고정된 원본 픽셀 격자에 의존하지 않고 크기를 조절할 수 있지만, 좁은 간격, 얇은 부분, 복잡한 레이아웃은 여전히 읽기 어려워질 수 있습니다. 기호를 의도한 배치 크기와 실물 시제품에서 확인하세요.

카드 이미지의 텍스트를 벡터화해야 하나요? 픽셀을 추적하는 대신 레이아웃에서 규칙과 레이블을 다시 입력해 편집 가능하게 만드세요. 원본에는 편집 가능한 텍스트를 유지하고, 공급업체가 요청할 때만 전달용 복사본의 글자를 윤곽선으로 변환하세요. 자동 추적은 원래 글꼴이나 편집 가능한 문구를 복원하지 않습니다.

Sources

  1. The Game Crafter: 템플릿 — 구성품 안내, RGB 래스터 업로드, 내보내기 전 템플릿 재단선 제거.
  2. Hero Time: 아트 설정 안내 — 선호하는 편집 가능한 전달 형식과 아트, 텍스트, 템플릿 레이어 분리.
  3. Mattel: 색각 이상 접근성을 고려한 게임 FAQ — 색상을 식별하도록 추가 아이콘이나 촉각 단서를 사용하는 퍼블리셔 사례.

가장 많이 반복하는 기호부터 시작하세요. 비트맵만 남아 있다면 보드게임 기호를 SVG로 변환하고, 경로를 살펴본 다음, 나머지 세트를 진행하기 전에 가장 작은 구성품 레이아웃에 배치하세요.

블로그의 다른 글

이미지 파일을
편집 가능한 SVG로 변환하세요