Metlivi 블로그

게임 캐릭터를 그리기 전 일관된 픽셀 스프라이트 크기를 선택하는 방법

플레이어가 화면에서 보아야 하는 대상을 기준으로 역산하여 캐릭터 캔버스를 선택하세요. 게임의 카메라 뷰를 결정하고, 캐릭터가 해당 뷰에서 차지해야 하는 비중을 추정한 다음, 대략적인 실루엣으로 몇 가지 후보 픽셀 크기를 테스트해 보세요. 서로 정렬되거나 함께 애니메이션되어야 하는 캐릭터들에는 동일한 공유 캔버스 크기를 사용하고, 더 큰 역할이나 다른 카메라 스케일이 요구되는 경우에만 예외를 두세요. 보편적으로 정답인 스프라이트 크기는 없습니다. 유용한 크기란 캐릭터를 명확하게 전달하면서 게임의 뷰에 잘 들어맞는 가장 작은 그리드입니다.

2026년 10월 15일읽는 시간 7분작성: Metlivi Editorial Team
섹션 1

카메라와 화면 뷰부터 시작하기

그림을 그리기 전에 사이드 뷰, 탑다운, 아이소메트릭, 클로즈업 등 대략적인 게임플레이 뷰를 정하세요. 화면에 월드가 얼마나 들어가야 하는지, 그리고 그 안에서 플레이어가 얼마나 크게 보여야 하는지 결정해야 합니다. 복잡한 탑다운 장면에서 한눈에 식별되어야 하는 캐릭터와 클로즈업 대화 초상화의 요구 사항은 서로 다릅니다.

게임의 내부 해상도를 이미 알고 있다면 이를 측정 프레임으로 사용하세요. 예를 들어, 간단한 320 × 180 테스트 화면을 스케치하고 대략적인 플레이어 높이를 32픽셀로 표시해 봅니다. 이 비율을 통해 구체적인 판단 기준을 얻을 수 있습니다. 캐릭터가 화면 높이의 약 18%를 차지하게 되는 식입니다. 이러한 수치는 예시일 뿐 권장 표준은 아닙니다. 카메라 구도, 이동 공간, 의도한 시각적 강조점이 비율을 결정해야 합니다.

Unity의 Pixel Perfect Camera 문서에서는 Reference Resolution(참조 해상도)을 애셋이 디자인되는 원래 해상도로 설명하며, 설정 가이드에서는 320 × 180 참조 해상도가 320 x 180 스프라이트 픽셀의 카메라 뷰를 제공한다고 설명합니다. 따라서 캐릭터 크기를 디자인할 때 게임 뷰는 실용적인 출발점 역할을 하는 제약 조건이 됩니다. Unity: Pixel Perfect 카메라 추가

섹션 2

캔버스보다 캐릭터의 가시적 높이를 먼저 설정하기

그려진 형체의 높이와 이미지 캔버스를 분리해서 생각하세요. 캐릭터가 32 × 32 캔버스 안에서 28픽셀 높이라면, 남은 공간은 각 포즈마다 캔버스를 변경하지 않고도 머리카락, 점프, 무기를 수용할 여유를 제공할 수 있습니다. 목표 가시적 높이를 먼저 정한 다음, 게임에 필요한 여백만 추가하세요.

16, 24, 32픽셀 등 두세 가지 후보 높이로 작은 실루엣을 만들고, 일반적인 게임플레이 크기에서 머리, 팔다리, 특징적인 소품이 잘 구별되는지 확인해 보세요. 12 × 16픽셀의 형체라도 여전히 캐릭터로 인식될 수 있습니다. 픽셀 아트 전문가 Kabaya는 그 크기의 오리지널 NES 마리오를 예로 듭니다. 여기서 얻을 수 있는 교훈은 해당 치수를 그대로 모방하는 것이 아니라, 자신의 디자인에 필요한 특징에 비추어 최소 그리드를 판단하는 것입니다. Creative Bloq: 향수는 잊으세요, 현대 픽셀 아트는 레트로 게임 그 이상입니다

섹션 3

필요한 디테일을 지원하는 기본 크기 선택하기

캔버스가 작을수록 얼굴, 의상, 손에 든 아이템을 표현할 수 있는 픽셀 수가 제한되며, 캔버스가 클수록 여유 공간은 넓어지지만 픽셀 단위로 결정해야 할 사항이 늘어납니다. 필요한 시각 정보에 따라 선택하세요. 플레이 중에 표정이 중요하다면 눈과 입이 구분되는지 테스트해 보세요. 캐릭터가 넓은 장면에서 작은 형체로 나타난다면 얼굴 픽셀보다 실루엣과 색상 블록이 더 중요할 수 있습니다.

선택을 위한 실용적인 방법은 동일한 단순 실루엣을 두세 가지 크기로 그린 다음 머리 모양, 의상 디테일 하나, 관련된 경우 무기나 도구 등 필수 식별 요소만 추가해 보는 것입니다. 각각을 의도한 화면 스케일로 확인해 보세요. 가장 작은 버전에서 중요한 식별 요소가 뭉개지는데 다음 크기에서 깔끔하게 복원된다면, 이는 더 큰 그리드를 사용해야 한다는 근거가 됩니다. 이 비교는 디자인 검토 과정이며 보편적인 크기 규칙은 아닙니다.

섹션 4

애니메이션을 염두에 두고 프레임 캔버스 선택하기

애니메이션이 적용될 캐릭터의 경우 크기를 확정하기 전에 서 있는 포즈 이상의 동작을 테스트해 보세요. 동일한 프레임 상자 안에서 서 있기, 달리기, 점프하기의 대략적인 실루엣을 만들어 보세요. 움직임 내내 발, 머리, 손에 든 물체가 경계 내에 유지되는지 확인해야 합니다. 프레임이 너무 좁으면 들어 올린 팔이나 머리카락이 잘릴 수 있고, 프레임이 지나치게 크면 배치와 시각적 비율을 비교하기 어려워질 수 있습니다.

안정적인 배치가 중요할 때는 프레임 전반에 걸쳐 캔버스 치수와 정렬 규칙을 일관되게 유지하세요. 캐릭터의 접지점이나 피벗(pivot)이 어디에 위치해야 하는지 결정하고 각 포즈에서 해당 기준점을 사용하세요. 아트 프로그램의 캔버스와 실제로 칠해진 가시 영역은 서로 다릅니다. Aseprite는 캔버스를 스프라이트의 가시 영역으로 정의하며, 캔버스 크기 변경과 스프라이트 콘텐츠 크기 조정을 위한 별도의 옵션을 제공합니다. Aseprite: Canvas Size, Aseprite: Sprite Size

섹션 5

캐릭터 스케일을 월드 그리드에 맞추기

게임에서 타일을 사용하는 경우 캐릭터의 높이와 너비를 일반적인 타일과 비교해 보세요. 사이드 뷰 플레이어는 바닥 타일보다 키가 클 수 있고, 탑다운 형체는 시각적으로 위로 뻗어나가면서도 타일 접지 영역(footprint) 내에 들어맞아야 할 수 있습니다. 비율은 게임의 시점과 충돌 디자인에 따라 달라지므로, 캐릭터와 타일이 반드시 크기를 공유해야 한다고 가정하지 말고 빠른 장면 목업을 활용하세요.

의도한 카메라 거리에서 일반적인 환경 타일, 출입구, 그리고 다른 캐릭터나 소품 하나 옆에 플레이어를 배치해 확인해 보세요. 플레이어가 너무 작아서 식별하기 어렵거나 너무 커서 장면을 탐색하기 벅차 보인다면, 디테일을 추가하기 전에 가시적 높이나 카메라 구도를 수정하세요. 애셋 전반에 걸쳐 일관된 픽셀 밀도를 확립해야 합니다. Unity의 경우, Pixel Perfect Camera 설정 안내에서는 스프라이트가 공유 Pixels Per Unit 값을 사용하고 카메라의 Asset Pixels Per Unit이 이와 일치하도록 요구합니다. Unity: Pixel Perfect 카메라 추가

섹션 6

최종 결정 전에 스케일 시트 만들기

첫 번째 캐릭터를 바로 완성하기보다는 작은 비교 시트를 만드세요. 모의 게임 뷰에 세 가지 후보 캔버스 크기를 배치하고 각각을 단색 실루엣으로 그린 뒤 동일한 주요 디테일을 포함하세요. 그런 다음 실제 게임플레이 스케일로 시트를 검토하며 다음 질문을 던져보세요. 포즈를 알아볼 수 있는가? 환경 옆에 자연스럽게 어우러지는가? 움직임이 프레임 내에 유지될 수 있는가? 의도한 표정이나 소품이 온전히 유지되는가?

선택한 캔버스 너비와 높이, 목표 가시적 높이, 기준선(baseline) 또는 피벗, 허용된 예외 사항을 기록해 두세요. 이 간단한 참조 자료는 이후의 캐릭터들을 비교하기 쉽게 만들어 주며, 새 그림을 그릴 때마다 스케일이 달라지는 것을 방지하는 데 도움이 됩니다. 그렇다고 모든 캐릭터가 동일한 칠해진 경계를 가져야 한다는 의미는 아닙니다. 높은 모자나 거대한 보스의 실루엣은 프로젝트의 기본 픽셀 밀도와 정렬 규칙을 유지하면서 공유 캔버스를 더 많이 차지할 수 있습니다.

섹션 7

게임 뷰에서 선택 사항 재확인하기

에디터의 확대 기능은 실제 플레이 중에 읽기 어려울 아주 작은 스프라이트도 디테일해 보이게 만들 수 있습니다. 대략적인 테스트 애셋을 게임이나 대표적인 장면에 임포트하여 의도한 카메라 스케일로 검토하세요. Unity에서는 참조 해상도가 디자인된 픽셀 뷰를 설정하며, Pixel Perfect Camera 및 일치하는 스프라이트 설정은 다양한 화면 크기에서 픽셀 렌더링을 유지하는 데 도움이 됩니다. Unity: URP용 Pixel Perfect Camera 컴포넌트 레퍼런스

캐릭터가 명확하지 않다면 문제의 원인이 픽셀 치수, 실루엣, 대비, 카메라 거리 중 무엇인지 먼저 파악하세요. 캔버스만 키운다고 해서 약한 실루엣이 반드시 해결되는 것은 아니며, 플레이어가 화면을 너무 적게 차지하고 있다면 캔버스를 줄여도 도움이 되지 않습니다. 한 번에 한 가지 변수만 수정하고 원래 테스트와 비교해 보세요. 캐릭터가 명확하게 읽히고 애니메이션이 선택한 프레임에 잘 들어맞으면, 해당 캔버스를 동일한 역할과 카메라 스케일을 가진 캐릭터들의 표준으로 사용하세요.

섹션 8

출처

관련 글

이 주제 더 살펴보기