도트 그림 메이커 (픽셀 아트 에디터)

8×8부터 64×64까지의 그리드에 클릭·드래그로 색을 놓아 도트 그림(픽셀 아트)을 그릴 수 있는 무료 에디터입니다. 가지고 있는 사진이나 일러스트를 불러와 픽셀 아트로 변환할 수도 있으며, 채우기·지우개 기능이 있고 완성한 작품은 PNG 이미지로 내려받을 수 있습니다.

도트 그림 메이커란

도트 그림 메이커는 정사각형 칸으로 이루어진 그리드에 한 칸씩 색을 채워 도트 그림(픽셀 아트)을 만들 수 있는 무료 브라우저 도구입니다. 그리드 크기는 작은 아이콘에 적합한 8×8부터 정교한 그림을 그릴 수 있는 64×64까지 선택할 수 있으며, 클릭이나 드래그로 색을 칠하고 채우기 도구로 같은 색이 이어진 넓은 영역을 한 번에 다시 칠할 수 있습니다.

완성한 작품은 클릭 한 번으로 PNG 이미지로 다운로드할 수 있어 게임 도트 아이콘, SNS 프로필 이미지, 게시판용 간단한 그림 등 다양한 용도로 바로 사용할 수 있습니다. 모든 처리는 브라우저 안에서 이루어지므로 그린 데이터가 외부 서버로 전송되는 일은 없습니다.

도트 그림 그리는 방법

  1. 그리드 크기를 선택합니다 원하는 그림의 정밀도에 맞춰 8×8부터 64×64까지 중에서 크기를 선택합니다. 나중에 크기를 바꾸면 캔버스가 초기화됩니다.
  2. 이미지에서 시작하려면 불러옵니다(선택) 「이미지에서 시작」에서 파일을 고르거나 캔버스로 끌어다 놓으면, 그 이미지를 현재 그리드 크기에 맞춰 픽셀 아트로 변환합니다. 불러온 뒤에도 펜과 지우개로 자유롭게 그려 넣을 수 있습니다.
  3. 색상을 선택합니다 색상 선택기로 자유롭게 색을 고르거나, 자주 쓰는 색상 팔레트에서 클릭 한 번으로 선택할 수 있습니다.
  4. 칸을 클릭하거나 드래그해서 칠합니다 연필 도구를 선택한 상태에서 칸을 클릭하면 색이 채워집니다. 드래그하면 이어진 여러 칸을 한 번에 칠할 수 있습니다.
  5. 지우개와 채우기를 구분해서 씁니다 지우개로 한 칸씩 지우고, 채우기 도구로 같은 색이 이어진 영역을 한 번에 다시 칠합니다.
  6. PNG로 다운로드합니다 완성되면 "PNG로 다운로드"를 눌러 투명 배경이 적용된 이미지 파일로 저장합니다. 내보내기 크기는 원본 크기(한 칸=1픽셀)부터 정수배까지 고를 수 있습니다.

더 잘 활용하기 위한 팁

  • 작은 그리드(8×8, 16×16)는 게임 아이템 아이콘이나 SNS 아바타에 적합하고, 큰 그리드(32×32 이상)는 캐릭터 전신이나 배경이 있는 그림에 적합합니다.
  • 채우기 도구는 상하좌우로 이어진, 같은 색(색이 채워지지 않은 투명 부분 포함)인 영역만 한 번에 다시 칠합니다. 떨어져 있는 다른 영역에는 영향을 주지 않습니다.
  • 음영을 표현하고 싶다면 기본 색보다 조금 어둡거나 밝은 색을 한두 단계 준비해서, 입체감을 주고 싶은 가장자리에만 조금씩 칠하면 간단한 도트 그림 음영 표현이 가능합니다.
  • 그리드 크기를 바꾸면 그려둔 내용이 초기화되므로, 크기는 그리기 전에 미리 정해두는 것을 권장합니다.
  • 투명한 부분을 남겨둔 채 저장하면 SNS 아이콘이나 앱 소재로 다른 이미지 위에 겹쳐 사용하기 쉬워집니다.
  • 사진을 불러올 때는 피사체가 크게 담겨 있고 배경이 단순한 것일수록 적은 칸으로 줄였을 때 무엇이 그려졌는지 알아보기 쉽습니다. 윤곽이 흐릿하다면 「16색 팔레트에 색을 맞추기」를 켜면 색 수가 줄어들어 픽셀 아트다운 또렷한 느낌이 됩니다.
  • 편집 화면은 확대된 상태이므로, 원본 크기 미리보기로 실제 모습을 확인하면서 그리면 다시 그리는 일이 줄어듭니다. 특히 8×8이나 16×16에서는 원본 크기에서 뭉개지는 디테일은 과감히 생략하는 편이 무엇을 그렸는지 더 잘 전달됩니다.

이럴 때 사용할 수 있습니다

게임 제작 시 임시 소재 만들기

인디 게임 제작 과정에서 캐릭터나 아이템의 도트 아이콘을 아이디어 단계에서 빠르게 시안으로 만들어 볼 수 있습니다.

SNS·게시판용 아이콘 제작

X(구 트위터)나 디스코드 아이콘, 게시판용 간단한 캐릭터 이미지를 손쉽게 만들 수 있습니다.

레트로 게임풍 그림 연습

패미컴·슈퍼패미컴 시절과 같은 도트 그림 표현을 연습하고 싶은 초보자에게 적합한 입문 도구입니다.

도트 문자·로고 초안 제작

그리드의 특성을 살려 도트 문자나 단순한 기하학적 로고의 초안을 만드는 데도 활용할 수 있습니다.

용어집

도트 그림(픽셀 아트)
정사각형 점(픽셀)을 기본 단위로 조합해 그리는 그림 양식입니다. 초창기 컴퓨터와 게임기의 화면 표현 제약에서 생겨났으며, 오늘날에는 독자적인 표현 스타일로 사랑받고 있습니다.
그리드
도트 그림을 그리기 위한 격자 모양의 칸을 말합니다. 한 칸이 하나의 픽셀에 해당하며, 칸의 수(예: 16×16)가 곧 이미지의 해상도가 됩니다.
채우기(페인트 통) 도구
클릭한 지점과 같은 색으로 이어진 영역을 한 번에 다른 색으로 바꿔 칠하는 기능입니다. 넓은 면을 한 칸씩 칠하는 수고를 덜어줍니다.
투명도(알파 채널)
이미지의 일부를 "색이 칠해지지 않은" 상태로 저장할 수 있는 기능입니다. 배경을 투명하게 유지한 채 PNG로 내보내면 다른 이미지나 페이지 위에 겹쳐 사용하기 쉬워집니다.
래스터 그래픽
도트 그림처럼 이미지를 격자 형태의 점 집합으로 다루는 형식입니다. 확대하면 칸이 그대로 보인다는 점에서, 윤곽선을 수식으로 유지하는 벡터 형식과 다릅니다.

자주 묻는 질문

이 도구로 만든 이미지 자체의 저작권에 대해 당사는 별도의 제한을 두지 않습니다. 다만 배색이나 소재를 기존 작품에서 그대로 모방한 경우에는 원작품의 권리에 유의해 주시기 바랍니다.

그리드 크기를 바꾸면 칸 수가 달라지기 때문에 그때까지 그린 내용은 사라집니다. 크기를 바꾸고 싶다면 먼저 PNG로 다운로드해 두는 것을 권장합니다.

현재 버전에서는 브라우저를 닫거나 화면을 새로고침하면 캔버스 내용이 사라집니다. 편집을 이어서 할 수 있는 임시 저장 기능은 앞으로 검토할 사항입니다. 다만 이 도구가 내보내는 PNG에는 그리드 선이 들어 있지 않으므로, 그대로 다시 불러오면 각 칸의 색이 원래대로 복원됩니다. 한 번 내려받아 두면 나중에 불러와 편집을 이어 갈 수 있습니다.

전송되지 않습니다. 칸에 색칠하기, 채우기, PNG로 내보내기는 모두 사용자의 브라우저 안에서만 처리되며 외부에 저장되지 않습니다.

사용할 수 있습니다. 터치를 이용한 탭·드래그 조작을 지원하므로 손가락이나 터치펜으로 칸을 칠할 수 있습니다.

가능합니다. 「이미지에서 시작」에서 파일을 고르거나, 캔버스로 이미지를 끌어다 놓아 주세요. 현재 그리드 크기에 맞춰 각 칸이 덮는 영역의 평균색을 구해 변환합니다. 정사각형이 아닌 이미지는 「가운데를 잘라내기」와 「전체를 담기」 중에서 고를 수 있습니다. 변환한 뒤에는 펜·지우개·채우기로 손질할 수 있습니다.

「내보내기 크기」에서 고를 수 있습니다. 기본값은 원본 크기여서, 16×16 그리드라면 16×16 픽셀의 PNG가 됩니다. 이것이 픽셀 아트의 본래 해상도이며 게임 리소스로는 그대로 쓸 수 있습니다. SNS 아이콘처럼 큰 이미지가 필요할 때는 2배·4배 같은 정수배를 골라 주세요. 확대는 반드시 정수배로 하므로 칸의 너비가 그대로 유지되어 흐려지지 않습니다.
툴군

여담 ― 도트 그림이 지금도 사랑받는 이유

도트 그림이라는 표현 양식이 탄생한 것은 1970년대부터 80년대에 걸쳐 컴퓨터와 게임기의 화면 표현 능력에 한계가 있던 시절입니다. 당시 디스플레이는 다룰 수 있는 색상 수와 해상도가 극히 제한적이었고, 한정된 칸과 색상 안에서 캐릭터와 배경을 얼마나 매력적으로 보이게 할 것인가 하는 고민이 쌓이면서 독자적인 미학으로 발전해 갔습니다.

기술이 발전해 사실적인 그래픽이 당연해진 지금도 도트 그림은 여전히 확고한 인기를 유지하고 있습니다. 인디 게임 업계에서는 "레트로한 느낌" 자체가 매력 포인트로 선택되는 경우가 많으며, 제한된 표현 안에서 개성을 드러내는 장인적인 기술로서 지금도 많은 창작자에게 이어지고 있습니다.

최근에는 도트 그림 편집 소프트웨어 대부분이 유료화·고기능화되는 한편, 간단한 아이콘이나 즉흥적인 그림을 빠르게 만들고 싶다는 수요도 여전히 뿌리 깊게 남아 있습니다. 브라우저만으로 완결되는 이 간편함은 "그리드에 색을 놓는다"는 도트 그림 본연의 단순한 즐거움으로 돌아가기 위한 입구라고 할 수 있습니다.