도트 그림 메이커 (픽셀 아트 에디터)
8×8부터 64×64까지의 그리드에 클릭·드래그로 색을 놓아 도트 그림(픽셀 아트)을 그릴 수 있는 무료 에디터입니다. 가지고 있는 사진이나 일러스트를 불러와 픽셀 아트로 변환할 수도 있으며, 채우기·지우개 기능이 있고 완성한 작품은 PNG 이미지로 내려받을 수 있습니다.
도트 그림 메이커란
도트 그림 메이커는 정사각형 칸으로 이루어진 그리드에 한 칸씩 색을 채워 도트 그림(픽셀 아트)을 만들 수 있는 무료 브라우저 도구입니다. 그리드 크기는 작은 아이콘에 적합한 8×8부터 정교한 그림을 그릴 수 있는 64×64까지 선택할 수 있으며, 클릭이나 드래그로 색을 칠하고 채우기 도구로 같은 색이 이어진 넓은 영역을 한 번에 다시 칠할 수 있습니다.
완성한 작품은 클릭 한 번으로 PNG 이미지로 다운로드할 수 있어 게임 도트 아이콘, SNS 프로필 이미지, 게시판용 간단한 그림 등 다양한 용도로 바로 사용할 수 있습니다. 모든 처리는 브라우저 안에서 이루어지므로 그린 데이터가 외부 서버로 전송되는 일은 없습니다.
도트 그림 그리는 방법
- 그리드 크기를 선택합니다 원하는 그림의 정밀도에 맞춰 8×8부터 64×64까지 중에서 크기를 선택합니다. 나중에 크기를 바꾸면 캔버스가 초기화됩니다.
- 이미지에서 시작하려면 불러옵니다(선택) 「이미지에서 시작」에서 파일을 고르거나 캔버스로 끌어다 놓으면, 그 이미지를 현재 그리드 크기에 맞춰 픽셀 아트로 변환합니다. 불러온 뒤에도 펜과 지우개로 자유롭게 그려 넣을 수 있습니다.
- 색상을 선택합니다 색상 선택기로 자유롭게 색을 고르거나, 자주 쓰는 색상 팔레트에서 클릭 한 번으로 선택할 수 있습니다.
- 칸을 클릭하거나 드래그해서 칠합니다 연필 도구를 선택한 상태에서 칸을 클릭하면 색이 채워집니다. 드래그하면 이어진 여러 칸을 한 번에 칠할 수 있습니다.
- 지우개와 채우기를 구분해서 씁니다 지우개로 한 칸씩 지우고, 채우기 도구로 같은 색이 이어진 영역을 한 번에 다시 칠합니다.
- PNG로 다운로드합니다 완성되면 "PNG로 다운로드"를 눌러 투명 배경이 적용된 이미지 파일로 저장합니다. 내보내기 크기는 원본 크기(한 칸=1픽셀)부터 정수배까지 고를 수 있습니다.
더 잘 활용하기 위한 팁
- 작은 그리드(8×8, 16×16)는 게임 아이템 아이콘이나 SNS 아바타에 적합하고, 큰 그리드(32×32 이상)는 캐릭터 전신이나 배경이 있는 그림에 적합합니다.
- 채우기 도구는 상하좌우로 이어진, 같은 색(색이 채워지지 않은 투명 부분 포함)인 영역만 한 번에 다시 칠합니다. 떨어져 있는 다른 영역에는 영향을 주지 않습니다.
- 음영을 표현하고 싶다면 기본 색보다 조금 어둡거나 밝은 색을 한두 단계 준비해서, 입체감을 주고 싶은 가장자리에만 조금씩 칠하면 간단한 도트 그림 음영 표현이 가능합니다.
- 그리드 크기를 바꾸면 그려둔 내용이 초기화되므로, 크기는 그리기 전에 미리 정해두는 것을 권장합니다.
- 투명한 부분을 남겨둔 채 저장하면 SNS 아이콘이나 앱 소재로 다른 이미지 위에 겹쳐 사용하기 쉬워집니다.
- 사진을 불러올 때는 피사체가 크게 담겨 있고 배경이 단순한 것일수록 적은 칸으로 줄였을 때 무엇이 그려졌는지 알아보기 쉽습니다. 윤곽이 흐릿하다면 「16색 팔레트에 색을 맞추기」를 켜면 색 수가 줄어들어 픽셀 아트다운 또렷한 느낌이 됩니다.
- 편집 화면은 확대된 상태이므로, 원본 크기 미리보기로 실제 모습을 확인하면서 그리면 다시 그리는 일이 줄어듭니다. 특히 8×8이나 16×16에서는 원본 크기에서 뭉개지는 디테일은 과감히 생략하는 편이 무엇을 그렸는지 더 잘 전달됩니다.
이럴 때 사용할 수 있습니다
게임 제작 시 임시 소재 만들기
인디 게임 제작 과정에서 캐릭터나 아이템의 도트 아이콘을 아이디어 단계에서 빠르게 시안으로 만들어 볼 수 있습니다.
SNS·게시판용 아이콘 제작
X(구 트위터)나 디스코드 아이콘, 게시판용 간단한 캐릭터 이미지를 손쉽게 만들 수 있습니다.
레트로 게임풍 그림 연습
패미컴·슈퍼패미컴 시절과 같은 도트 그림 표현을 연습하고 싶은 초보자에게 적합한 입문 도구입니다.
도트 문자·로고 초안 제작
그리드의 특성을 살려 도트 문자나 단순한 기하학적 로고의 초안을 만드는 데도 활용할 수 있습니다.
용어집
- 도트 그림(픽셀 아트)
- 정사각형 점(픽셀)을 기본 단위로 조합해 그리는 그림 양식입니다. 초창기 컴퓨터와 게임기의 화면 표현 제약에서 생겨났으며, 오늘날에는 독자적인 표현 스타일로 사랑받고 있습니다.
- 그리드
- 도트 그림을 그리기 위한 격자 모양의 칸을 말합니다. 한 칸이 하나의 픽셀에 해당하며, 칸의 수(예: 16×16)가 곧 이미지의 해상도가 됩니다.
- 채우기(페인트 통) 도구
- 클릭한 지점과 같은 색으로 이어진 영역을 한 번에 다른 색으로 바꿔 칠하는 기능입니다. 넓은 면을 한 칸씩 칠하는 수고를 덜어줍니다.
- 투명도(알파 채널)
- 이미지의 일부를 "색이 칠해지지 않은" 상태로 저장할 수 있는 기능입니다. 배경을 투명하게 유지한 채 PNG로 내보내면 다른 이미지나 페이지 위에 겹쳐 사용하기 쉬워집니다.
- 래스터 그래픽
- 도트 그림처럼 이미지를 격자 형태의 점 집합으로 다루는 형식입니다. 확대하면 칸이 그대로 보인다는 점에서, 윤곽선을 수식으로 유지하는 벡터 형식과 다릅니다.
자주 묻는 질문
여담 ― 도트 그림이 지금도 사랑받는 이유
도트 그림이라는 표현 양식이 탄생한 것은 1970년대부터 80년대에 걸쳐 컴퓨터와 게임기의 화면 표현 능력에 한계가 있던 시절입니다. 당시 디스플레이는 다룰 수 있는 색상 수와 해상도가 극히 제한적이었고, 한정된 칸과 색상 안에서 캐릭터와 배경을 얼마나 매력적으로 보이게 할 것인가 하는 고민이 쌓이면서 독자적인 미학으로 발전해 갔습니다.
기술이 발전해 사실적인 그래픽이 당연해진 지금도 도트 그림은 여전히 확고한 인기를 유지하고 있습니다. 인디 게임 업계에서는 "레트로한 느낌" 자체가 매력 포인트로 선택되는 경우가 많으며, 제한된 표현 안에서 개성을 드러내는 장인적인 기술로서 지금도 많은 창작자에게 이어지고 있습니다.
최근에는 도트 그림 편집 소프트웨어 대부분이 유료화·고기능화되는 한편, 간단한 아이콘이나 즉흥적인 그림을 빠르게 만들고 싶다는 수요도 여전히 뿌리 깊게 남아 있습니다. 브라우저만으로 완결되는 이 간편함은 "그리드에 색을 놓는다"는 도트 그림 본연의 단순한 즐거움으로 돌아가기 위한 입구라고 할 수 있습니다.