픽셀 폰트 만들기 — 도트 글자 디자인 기초

2026년 6월 13일

픽셀 폰트는 글자 하나하나를 작은 점으로 찍어 만든 비트맵 글꼴입니다. 레트로 게임의 점수판, 대화창, 메뉴 텍스트가 모두 픽셀 폰트로 쓰여 있고, 도트 감성을 살린 로고나 배너에도 자주 등장합니다. 일반 폰트를 작게 줄이면 글자 경계가 흐려지지만, 픽셀 폰트는 처음부터 작은 크기에 맞춰 설계하기 때문에 8px·16px 같은 작은 크기에서도 또렷하게 읽힙니다. 이 글에서는 픽셀아트 메이커로 도트 글자를 직접 디자인하는 순서를 정리합니다.

1. 글자 크기(그리드)를 먼저 정한다

픽셀 폰트 디자인의 첫걸음은 한 글자가 들어갈 칸 수, 즉 글자 그리드를 정하는 것입니다. 영문 대문자는 5×7이 가장 고전적인 표준입니다. 가로 5칸, 세로 7칸 안에 알파벳 26자를 모두 넣을 수 있고, 옛 컴퓨터와 게임기가 이 규격을 널리 썼습니다.

• 5×7 — 영문 대문자·숫자용 고전 표준. 가장 무난하게 시작할 수 있습니다.
• 5×9 — 소문자의 내려가는 획(g·j·p·q·y의 꼬리)까지 담을 때.
• 3×5 — 숫자와 기호만 필요할 때 쓰는 초소형 규격.
• 8×8 ~ 11×11 — 한글용. 자음·모음 조합과 받침을 또렷이 표현하려면 클수록 유리합니다.

픽셀아트 메이커에서는 캔버스를 한 글자 크기에 여백 1~2칸을 더한 값으로 잡고 시작하면 글자 사이 간격까지 함께 설계할 수 있습니다. 도트 작업 자체가 처음이라면 픽셀 아트 입문 가이드에서 기본 도구 사용법을 먼저 익히고 오는 것을 추천합니다.

2. 획 굵기는 1픽셀로 통일한다

픽셀 폰트가 깔끔해 보이는 가장 큰 비결은 모든 글자의 획 굵기를 똑같이 맞추는 것입니다. 작은 글자에서는 1픽셀 굵기가 기본입니다. 어떤 획은 1픽셀, 어떤 획은 2픽셀이면 글자마다 무게가 달라 보여 글이 들쭉날쭉 읽힙니다. 가로획·세로획·사선까지 모두 같은 굵기를 유지하세요.

굵은(볼드) 픽셀 폰트를 원한다면 처음부터 모든 획을 2픽셀로 설계하되, 그만큼 글자 그리드도 키워야 글자 속 빈 공간이 막히지 않습니다. 사선과 곡선은 입문 가이드에서 다룬 "일정한 계단" 규칙을 그대로 적용해, A의 사선이나 O의 둥근 모서리를 1-1-1처럼 규칙적인 간격으로 꺾으면 매끄럽게 보입니다.

3. 가독성을 최우선으로 디자인한다

폰트는 그림이 아니라 읽히기 위한 도구입니다. 멋보다 가독성이 먼저입니다. 헷갈리기 쉬운 글자쌍을 특히 신경 쓰세요. 대문자 O와 숫자 0, 소문자 l과 숫자 1과 대문자 I, 숫자 5와 알파벳 S가 대표적입니다. 숫자 0에 가운데 점이나 사선을 넣어 알파벳 O와 구분하는 것이 고전적인 해법입니다.

글자 속 빈 공간(카운터)도 중요합니다. e·a·B처럼 안에 구멍이 있는 글자는 그 구멍이 최소 1픽셀은 뚫려 있어야 작은 크기에서 까맣게 뭉치지 않습니다. 글자를 다 그렸으면 실제 사용할 크기로 축소해 한 줄 문장을 적어 보고, 한눈에 읽히는지 확인하세요. 확대 화면에서만 보면 실제 가독성을 놓치기 쉽습니다.

4. 자간과 베이스라인을 맞춘다

글자 하나하나가 예뻐도 나란히 놓았을 때 정렬이 안 맞으면 엉성해 보입니다. 두 가지를 지키세요.

• 베이스라인 통일 — 모든 글자가 앉는 바닥선을 같은 높이에 맞춥니다.
• 일정한 자간 — 글자와 글자 사이를 1픽셀 비우는 것이 표준이며, 마침표·쉼표 뒤와 단어 사이는 그보다 넓게 둡니다.

픽셀아트 메이커에서 글자를 만들 때 "글자 폭 + 오른쪽 여백 1픽셀"을 한 묶음으로 정해 두면, 여러 글자를 이어 붙일 때 자간이 저절로 일정해집니다. i나 마침표처럼 폭이 좁은 글자는 양옆 여백을 조금 넉넉히 줘야 다른 글자와 균형이 맞습니다.

5. 글자를 효율적으로 찍는 요령

알파벳이나 숫자 한 벌을 다 만들려면 같은 작업을 반복하게 됩니다. 에디터 기능을 활용하면 빨라집니다.

• 비슷한 글자는 복제해서 고친다 — E를 완성했으면 아래 획만 지워 F를, P에 다리를 더해 R로 바꾸는 식입니다.
• 대칭 글자는 절반만 그린다 — A·H·I·M·O·T·U·V·W·X·Y는 절반만 그리고 좌우반전으로 채우면 정확하고 빠릅니다.
• 완성한 한 벌은 저장해 둔다 — "프로젝트 저장"으로 보관하고 새 글자를 만들 때 불러와 참고하면 굵기와 높이를 일관되게 유지할 수 있습니다.

색을 고를 때의 원리가 궁금하다면 색 조합 가이드의 외곽선 색 선택 부분이 글자 외곽선·그림자를 정할 때 그대로 도움이 됩니다.

6. 게임과 디자인에 활용하기

완성한 픽셀 폰트는 투명 배경을 켠 상태에서 PNG로 저장해 게임 UI에 넣을 수 있습니다. 게임 엔진에서는 글자들을 한 장에 모은 스프라이트 시트나 비트맵 폰트 형식으로 묶어 쓰는 것이 일반적입니다. 글자 한 벌을 만들 때부터 모든 글자의 칸 크기를 똑같이 맞춰 두면 시트로 묶기가 훨씬 수월합니다.

SNS용 도트 로고나 배너라면 PNG ×4 또는 ×8 고화질로 저장해 큰 화면에서도 픽셀이 또렷하게 보이도록 하세요. 색을 입힐 때는 글자 본체에 밝은 색, 1픽셀 외곽선이나 그림자에 어두운 색을 쓰면 배경 위에서 글자가 분리돼 가독성이 올라갑니다. 글자를 캐릭터 스프라이트와 함께 쓸 계획이라면 게임 스프라이트 만들기 가이드의 내보내기 부분도 함께 참고하세요.