픽셀 아트 크기 완벽 정리: 16x16, 32x32, 64x64, 128x128 (무료 가이드)

16x16 픽셀 아트는 256칸의 격자입니다. 16개의 열, 16개의 행, 칸마다 하나의 색상입니다. 이 숫자가 곧 디자인 브리프입니다. 여러분이 찍는 모든 점은 고정된 예산에서 빼는 것이며, 그 예산은 무엇이든 그리기 전에 이미 정해져 있습니다.

크기는 픽셀 하나를 그리기도 전에 디테일을 결정합니다. 16x16 격자에는 읽히는 얼굴이 들어가지 않습니다. 64x64 격자에는 군중이 들어가지 않습니다. 이 가이드는 게임, 아이콘, 배경화면 작업의 대부분을 차지하는 네 가지 크기 — 16x16, 32x32, 64x64, 128x128 — 를 다루며, 각각의 칸 수, 대표적 용도, 실패 방식, 색상 예산을 설명합니다. 또한 사람들이 "픽셀 아트 격자"라고 할 때 보통 뜻하는 두 가지 격자 계열도 다룹니다. 단위가 픽셀이 아니라 블록인 마인크래프트 블록 건축과, 단위가 셀인 스프레드시트입니다.

간단한 답: 크기 = 디테일 예산

격자 크기는 여러분이 넣을 수 있는 서로 다른 점의 수에 대한 한계입니다. 16x16은 256칸을 줍니다. 32x32는 1,024칸. 64x64는 4,096칸. 128x128은 16,384칸을 줍니다. 이것이 예산의 전부이며, 실루엣을 대충 잡는 순간 이미 다 써버립니다.

그 결과 디테일은 마지막에 덧붙이는 것이 아니라 격자가 처음부터 허락하는 것입니다. 눈 하나는 16x16에서 2~6칸이 듭니다. 같은 눈이 64x64에서는 눈꺼풀 선, 홍채, 동공, 하이라이트 하나까지 감당할 수 있습니다. 20~40칸입니다. 같은 요소지만 비용이 다릅니다. 격자가 분모를 바꿨기 때문입니다.

채우기는 다른 모든 요소와 경쟁합니다. 16x16에서 캐릭터 몸통은 단색으로 60~120칸을 먹습니다. 그러면 윤곽, 얼굴, 손, 든 물건, 내부 음영을 위해 약 130칸이 남습니다. 서로 분리된 내부 도형 세 개는 여기서 살아남지 못합니다. 두 개는, 서로 닿아 있으면 가능합니다.

16x16: 캐릭터와 아이템

256칸인 16x16 픽셀 아트는 기호가 아니라 캐릭터로 읽히는 가장 작은 크기입니다. 제약은 실루엣입니다. 바깥 윤곽이 그 자체로 식별되지 않으면, 격자 안에서 무엇을 해도 고칠 수 없습니다. 그 형상이 무엇인지 설명할 내부 공간이 없기 때문입니다.

작업 방식은 전체를 먼저 하나의 평면 색으로 그린 다음 윤곽을 읽는 것입니다. 흉갑과 팔이 하나의 덩어리로 뭉치면 잘못된 것은 자세이지 색상 팔레트가 아닙니다. 전체를 다시 그리는 대신 여덟 칸만 고치면 되는 단색 단계에서 바로잡으세요.

16x16은 타일과도 자연스럽게 어울립니다. 타일셋은 반복되므로 눈은 개별 칸을 들여다보기를 멈추고 패턴과 리듬을 읽기 시작합니다. 이 크기의 격자가 타협이 아닌 유일한 상황입니다.

격자마다 하나의 오브젝트, 하나의 자세, 하나의 아이디어: 검, 물약, 동전, 통, 슬라임, 표지판, 벽 타일, 인벤토리 칸. 강한 윤곽과 강조 색 하나를 지닌 평면 아이템이 최적점입니다. 방패가 되는 이유는 형상이 둥근 판 하나이기 때문입니다. 손잡이, 중앙 돌기, 테두리를 서로 분리된 내부 도형 세 개로 넣는 순간 읽히지 않습니다.

얼굴과 텍스트입니다. 눈 하나에 입 하나면 음영을 넣기도 전에 2~4칸이고, 그 크기에서 입은 표정이 아니라 튀는 픽셀 하나로 읽힙니다. 서로 닿지 않는 내부 도형 두 개가 있는 것은 무엇이든 — 유리 선과 액체 선이 있는 물약 같은 것 — 하나의 얼룩으로 뭉개집니다. 높이 약 5칸 미만의 텍스트는 읽을 수 없습니다. 격자에 글자를 그리지 말고 별도의 UI 글꼴을 쓰세요.

32x32: 게임 스프라이트

32x32는 1,024칸이며, 초상화를 요구하지 않으면서도 읽히는 자세를 담기 때문에 대부분의 2D 게임 스프라이트가 그려지는 크기입니다. 머리와 몸통을 분리하고, 손에 무기를 쥐고, 어느 다리가 앞으로 나왔는지 보여주고도 몸에 두 톤 음영을 넣을 칸이 남습니다.

여기에 어울리는 색상 수는 총 12~16색이며 윤곽도 포함합니다. 실용적인 배분은 윤곽 색 하나, 각각 세 단계(기본, 그림자, 하이라이트)로 된 램프 세 개 또는 네 개, 강조 색 한두 개, 투명입니다. 두 톤 음영은 몸 색이 최소 두 번 — 한 번은 빛을 받고 한 번은 음영으로 — 나타난다는 뜻입니다. 팔레트의 모든 색이 정확히 한 번씩만 나타난다면 여러분은 형태가 아니라 잡음을 그린 것입니다.

흔한 실수: 32x32 스프라이트가 이상해 보이면 대부분은 색을 하나 더합니다. 그것은 아무것도 고치지 못합니다. 문제는 거의 항상 실루엣이기 때문입니다. 몸통에서 분리되지 않는 팔다리, 혹은 어깨와 정확히 같은 너비의 머리입니다. 윤곽을 순수 검정으로 다시 그리고 들여다보세요. 검은 형상이 식별되지 않으면 어떤 팔레트도 구해내지 못합니다.

64x64: 아이콘과 초상화

64x64는 4,096칸이며, 이 목록에서 얼굴이 기호가 아니라 얼굴이 되는 첫 크기입니다. 눈 하나가 이제 8~20칸을 갖습니다. 흰자위, 홍채, 동공, 눈꺼풀 선, 하이라이트 하나입니다. 그 하이라이트가 64x64 초상화는 되고 32x32 초상화는 안 되는 이유입니다. 32x32에서는 그것에 돌릴 칸이 남지 않습니다.

이 크기에서 달라지는 것은 그림의 어느 부분이 인상을 이끄느냐입니다. 16x16에서는 윤곽이 이끕니다. 64x64에서는 음영이 이끕니다. 이제 형태를 그리는 것이므로 램프가 필요합니다. 재질마다 3~5단계이고, 각 재질은 자기 램프에 머뭅니다. 강철과 같은 램프로 비친 피부는 강철 램프가 피부 램프보다 대비가 높을 때만 일관되게 보입니다. 금속이 금속으로 읽히는 것은 색조 때문이 아니라 명도 차이 때문입니다.

무너지는 곳: 군중입니다. 64x64는 대상 하나입니다. 격자를 나눠 쓰는 두 인물은 각각 약 2,000칸을 받는데, 이는 더 나쁜 구도로 32x32 문제로 돌아가는 것입니다. 64x64는 단일 대상으로 유지하고 남는 칸은 의도적으로 낮은 대비의 배경에 쓰세요. 그래야 대상이 색이 아니라 명도로 분리됩니다.

128x128: 배경화면과 장면

128x128은 16,384칸입니다. 이 크기에서는 스프라이트 하나가 주제이기를 멈추고 구도의 오브젝트 하나가 됩니다. 캔버스의 3분의 1을 채우는 캐릭터는 대략 42x128, 약 5,300칸이고, 격자의 나머지 전부는 환경입니다. 땅, 하늘, 건축물, 소품입니다.

직관과 반대되는 점은 큰 격자가 오브젝트마다 더 적은 색을 필요로 한다는 것입니다. 16x16에서는 캐릭터 하나에 12색을 쓸 수도 있습니다. 12색 모두 구조적인 일을 하니까요. 128x128에서 각각 12색인 오브젝트 여섯 개는 72색이 경쟁하는 것이고, 눈은 무엇이 전경인지 알 수 없습니다. 이 크기의 장면 작업은 보통 각 오브젝트를 4~6색 램프에 두고, 색조가 아니라 명도 띠 — 어두운 전경, 중간 중경, 밝은 하늘 — 로 오브젝트를 분리합니다.

기계적인 설정은 작은 크기보다 여기서 더 중요합니다. 1배로 그린 뒤 2배나 3배로 확대하고, 부드러운 확대는 절대 쓰지 마세요. 배경화면용으로 내보낼 때는 정수배로만 — 2배, 3배, 4배 — 확대하세요. 2.5배 확대는 픽셀 너비를 들쭉날쭉하게 만들고 격자가 의도적이지 않게 보입니다.

크기별 색상 수

사람들을 놀라게 하는 규칙: 격자가 커질수록 팔레트는 보통 요소당 줄어듭니다. 작은 격자는 재사용을 강제합니다. 한 색이 윤곽, 그림자, 머리카락을 겸하는 식입니다. 바로 그 재사용이 16x16 아트를 일관되게 보이게 합니다. 큰 격자는 표면마다 고유한 색을 쓰도록 유혹하고, 그 결과는 해상도를 낮춘 사진처럼 읽힙니다.

중요한 숫자는 전체 팔레트 크기가 아니라 요소당 색상 수입니다. 요소 4개에 걸쳐 팔레트 항목 16개를 쓰는 32x32 스프라이트는 일관됩니다. 총 24개 항목의 128x128 장면도, 그 항목들이 명도 — 어두움, 중간, 밝음 — 로 배정되어 오브젝트 전반에 재사용되면 풍부해 보일 수 있습니다.

기계적인 이유는 픽셀 아트가 인접 대비로 읽히기 때문입니다. 명도가 다른 이웃한 두 칸은 경계를 만듭니다. 색조는 다르지만 명도가 같은 이웃한 두 칸은 뭉개짐을 만듭니다. 명도 대비를 더하지 않고 색을 추가하면 팔레트 칸 하나를 쓰고도 읽히는 형태를 얻지 못합니다. 그래서 "평면적으로 보인다"는 말은 보통 색조 문제가 아니라 명도 문제입니다.

마인크래프트 픽셀 아트와 격자

마인크래프트 픽셀 아트는 픽셀이 아니라 블록으로 측정합니다. 블록 하나가 이미지의 칸 하나입니다. 16x16 스프라이트는 16x16 블록 벽이 됩니다. 256블록이고, 저녁 한나절에 끝낼 수 있는 건축입니다. 같은 스프라이트가 64x64이면 4,096블록이고, 다른 종류의 헌신이 필요한 다른 종류의 프로젝트입니다.

이 대응이 중요한 이유는 블록이 픽셀이 아니기 때문입니다. 픽셀은 여러분이 고르는 평면 색입니다. 블록은 질감과 조명이 이미 새겨진 평면 색입니다. 같은 명목 색이라도 양모와 콘크리트는 멀리서 같게 읽히지 않고, 복잡한 블록 질감은 픽셀에는 결코 없을 잡음을 더합니다. 이것이 사진이 그림보다 더 많은 블록 수를 필요로 하는 이유입니다. 사진은 그라데이션을 품고, 그라데이션은 칸을 소비합니다. 32x32에서는 얼굴이 블록으로 흙탕물이 되고, 64x64나 128x128에서는 형상이 질감 잡음을 견뎌냅니다.

건축 격자와 아트 격자의 구분은 별개입니다. 아트 격자는 정의상 평면입니다. 한 칸, 한 색, 깊이 없음입니다. 건축 격자는 3차원입니다. 블록을 어느 높이에든 놓을 수 있고, 격자는 평면을 바라볼 때만 나타납니다. 여기서 래스터 편집기는 결코 묻지 않는 결정이 생깁니다. 이미지 뒤에 무엇을 둘 것인가입니다. 채도가 낮은 블록의 배경 벽은 대상을 읽히게 하고, 이미지를 떠 있게 두어 지형이 틈으로 비치게 하면 손상으로 읽힙니다.

스프레드시트와 구글 스프레드시트 픽셀 아트

스프레드시트에서는 셀 하나가 픽셀 하나입니다. 격자는 시트가 허용하고 여러분이 스크롤할 의향이 있는 만큼입니다. 32x32 이미지는 1,024셀. 64x64 이미지는 4,096셀. 128x128 이미지는 16,384셀입니다. 표시는 되지만 손으로 입력하기는 지루합니다.

조건부 서식이 팔레트입니다. 셀의 값에 따라 셀을 칠하는 규칙을 작성한 다음, 각 셀에 문자나 숫자를 입력해 색을 고릅니다. 대안은 수동 채우기인데, 설정은 더 간단하지만 규칙 하나를 수정해 작품 전체의 색을 바꿀 방법이 없습니다. 작품을 수정할 생각이라면 규칙을 쓰세요. 일회성이라면 채우기가 더 빠릅니다.

스프레드시트 경로가 정말로 올바른 도구인 경우는 두 가지입니다. 협업: 시트는 기본적으로 공유되고, 여러 사람이 동시에 편집할 수 있으며, 변경 기록이 있습니다. PNG를 주고받는 것보다 낫습니다. 데이터 기반 격자: 셀 색을 수식으로 계산할 수 있어 작품이 숫자에 반응할 수 있는데, 어떤 래스터 편집기도 이렇게 하지 못합니다. 애니메이션에는 잘못된 도구입니다. 시트에는 프레임도, 어니언 스킨도, 타임라인도 없습니다. 시트에서 애니메이션을 만들려면 격자를 복제하고 범위를 바꿔야 하며, 두 프레임쯤 지나면 어떤 전용 편집기보다 느립니다.

크기별 무료 도구

기능 목록이 아니라 이미 가진 것에 따라 고르세요. 사진이 있고 시작할 실루엣이 필요하면 변환기를 쓰세요. 빈 페이지와 고정된 크기가 있으면 메이커를 쓰세요. 무엇을 그릴지 전혀 모르겠으면 생성기를 쓰세요. 모두 다른 곳에서 계속 편집할 수 있는 격자를 만들어 냅니다.

각 도구에는 자체 페이지가 있습니다. 이 절은 안내일 뿐입니다.

3D에서 16x16 세계 보기

16x16 타일은 256칸이고, 3D 세계에서는 텍스처가 됩니다. 그 크기의 텍스처는 필터링을 올바르게 해야만 선명하게 유지됩니다. Three.js로 말하면, 근거리에서 또렷하게 보고 싶은 오브젝트는 텍스처의 magFilter와 minFilter를 NearestFilter로 설정하고 밉맵을 끄세요. 멀리 있는 지형은 밉맵을 켜 두세요. 그렇지 않으면 카메라가 움직일 때 바닥 격자가 반짝입니다. 이것이 이 범위의 작은 쪽에서의 절충입니다. 최근접 필터링은 2미터에서 픽셀을 읽히게 유지하고 50미터에서 계단 현상을 만듭니다.

사이클롭스의 섬은 거의 전부 작은 격자 타일로 돌아갑니다. 나무, 바위, 해안선, 소품, 아이템이 각각 16x16이나 32x32로 그려져 장면 전반에 재사용됩니다. Mini World는 오브젝트마다 더 작은 면적을 차지하며 같은 방식을 씁니다. 스프라이트는 에이전트 스프라이트 포지에서 나와 아틀라스로 묶이고, 3D 게임 빌더가 오브젝트로 배치합니다. 글로 된 묘사가 플레이 가능한 배치로 바뀌는 곳입니다.

보상은 미학이 아니라 산수입니다. 16x16에서는 특정한 얼굴을 그릴 능력을 잃고, 반복할 여유가 있는 타일을 얻습니다. 256칸에 타일 수십 개를 곱하면 하나의 장소가 됩니다. 16,384칸에 타일 수십 개를 곱하면 아무도 끝내지 못하는 프로젝트가 됩니다. 아래 장면을 볼 때 하늘이 아니라 땅과 소품을 보세요. 격자가 보이는 곳은 땅입니다.

그것이 속한 세계로 걸어 들어가기

스프라이트는 설 자리가 없는 캐릭터입니다. 마지막 단계는 다른 누구도 제공하지 않는 것입니다. 방금 만든 시트를 누군가 걸어 다닐 수 있는 세계에 넣는 것입니다. 작은 섬, 행성, 비 내리는 거리 모퉁이 같은 곳입니다. 이 사이트의 모든 세계는 하나의 글로 된 묘사에서 만들어져 플레이할 수 있는 페이지로 공개되었습니다.

FAQ