도트 그리기
브라우저에서 한 칸씩 픽셀아트를 그려 보세요. 무료, 가입 없이, 그린 그림은 내 기기에 자동으로 저장돼요.
제목 없는 그림
32 × 32 픽셀 · 0색
연필: 클릭하거나 드래그해서 그려요. 오른쪽 클릭은 지우기. Shift+클릭으로 이전 점에서 직선을 그어요.
도트 만드는 방법
4단계면 완성. 설치도 가입도 필요 없어요.
- 1
캔버스 크기 고르기
아이콘이나 게임 캐릭터라면 16×16이나 32×32로 시작하세요. 최대 256×256까지 원하는 크기로 정할 수 있고, 나중에 바꿔도 그림은 가운데에 유지돼요.
- 2
색 고르기
PICO-8, Endesga 32 같은 레트로 팔레트나 내 팔레트에서 고르거나, 색 선택기와 색상 코드로 어떤 색이든 쓸 수 있어요.
- 3
그리고, 채우고, 다듬기
사각형, 타원, 채우기로 큰 형태를 잡고 연필로 디테일을 한 칸씩 다듬으세요. 실수해도 Ctrl+Z로 되돌리면 돼요.
- 4
저장하기
최대 64배의 선명한 PNG로 저장하세요(격자선 포함 여부 선택). 클립보드에 복사하거나 색 번호가 적힌 인쇄용 도안도 만들 수 있어요.
사진에서 시작하고 싶다면 이미지를 도트로 변환한 다음 ‘도트 편집’을 눌러 여기서 마무리하세요.
필요한 건 다 있는 간단한 도트 편집기
도트 찍기에 필요한 도구
연필, 지우개, 페인트 통, 스포이드, 직선, 사각형, 타원. 브러시 굵기는 1~4픽셀, 도형은 테두리나 채우기를 고를 수 있어요.
대칭 그리기
좌우나 상하 대칭을 켜면 그리는 모든 게 반대쪽에도 똑같이 그려져요. 얼굴, 캐릭터, 아이콘 그릴 때 딱이에요.
레트로 팔레트와 내 팔레트
게임보이, PICO-8, 코모도어 64 같은 클래식 팔레트로 그리거나, 직접 팔레트를 만들고 Lospec에서 가져올 수 있어요.
100단계 실행 취소
부담 없이 실험하세요. 모든 획, 채우기, 크기 변경, 뒤집기를 되돌리고 다시 실행할 수 있어요.
그리는 대로 자동 저장
그림은 브라우저에 자동 저장돼서 탭을 닫거나 새로고침해도 사라지지 않아요. 아무것도 업로드되지 않아요.
이미지에서 시작
도트 그림을 열어 한 칸씩 편집하거나, 사진을 먼저 변환한 뒤 ‘도트 편집’으로 손볼 수 있어요.
선명한 저장과 도안
투명 배경으로 최대 64배의 선명한 PNG를 받거나, 비즈·십자수·코바늘용 인쇄 도안을 만드세요.
휴대폰·태블릿에서도
손가락이나 펜으로 그리세요. 두 손가락으로 집으면 사진 보듯이 확대하고 이동할 수 있어요.
도구와 단축키
글자 키 하나로 캔버스에서 손을 떼지 않고 도구를 바꿀 수 있어요.
| 도구 | 키 | 기능 |
|---|---|---|
| 연필 | B | 클릭하거나 드래그해서 그려요. 오른쪽 클릭은 지우기. Shift+클릭으로 이전 점에서 직선을 그어요. |
| 지우개 | E | 클릭하거나 드래그해서 도트를 투명하게 만들어요. |
| 페인트 통 | G | 클릭해서 같은 색 영역을 채워요. 오른쪽 클릭은 투명으로 채우기. |
| 스포이드 | I | 클릭한 도트의 색을 가져와요. 팁: 어떤 도구든 Alt를 누르고 클릭해도 돼요. |
| 직선 | L | 드래그해서 직선을 그어요. Shift를 누르면 수평·수직·45°로 고정돼요. |
| 사각형 | R | 드래그해서 사각형을 그려요. Shift를 누르면 정사각형. |
| 타원 | O | 드래그해서 타원을 그려요. Shift를 누르면 정원. |
| 화면 이동 | H | 드래그해서 화면을 옮겨요. 스페이스 바를 누르거나 두 손가락으로 드래그해도 돼요. |
| 단축키 | 기능 |
|---|---|
| Ctrl+Z | 실행 취소 (맥은 ⌘Z) |
| Ctrl+Shift+Z 또는 Ctrl+Y | 다시 실행 |
| [ 와 ] | 브러시 작게·크게 |
| + 와 −, 또는 스크롤 | 확대·축소 |
| 0 | 그림을 화면에 맞추기 |
| 스페이스 바 + 드래그 | 캔버스 화면 이동 |
| Alt + 클릭 | 어떤 도구로든 색 가져오기 |
| 오른쪽 클릭 | 연필·채우기·도형 도구로 지우기 |
| Shift + 클릭 | 연필: 이전 점에서 직선 긋기 |
초보자를 위한 도트 그리기 팁
손으로 그리는 픽셀아트를 크게 바꾸는 몇 가지 습관이에요.
- 01
작게 시작하기
16×16이나 32×32 캔버스에서는 꼭 필요한 것만 남기게 돼서 몇 분 만에 한 장을 완성할 수 있어요. 익숙해지면 키워 보세요.
- 02
실루엣부터 잡기
디테일을 넣기 전에 전체 형태를 한 가지 색으로 채워 보세요. 단색 덩어리로도 뭔지 알아볼 수 있다면 완성작도 잘 읽혀요.
- 03
팔레트는 작게
좋은 픽셀아트는 대부분 몇 가지 색만 써요. PICO-8(16색)이나 게임보이(4색) 같은 팔레트를 고르면 제약 덕분에 그림이 더 통일감 있어 보여요.
- 04
선은 매끄럽게
계단 길이가 3-3-3이나 3-2-1처럼 고르게 바뀌면 선이 매끄러워 보이고, 1-3-1-2처럼 들쭉날쭉하면 지글거려 보여요(재기). 직선 도구는 계단을 최대한 고르게 나눠요.
- 05
광원을 정하고 음영 넣기
빛이 오는 방향을 하나 정하고, 그쪽은 밝게 반대쪽은 어둡게 칠하세요. 가장자리로 갈수록 전부 어두워지는 ‘필로우 셰이딩’은 피하세요.
- 06
밝기만 말고 색조도 바꾸기
그림자는 살짝 파랑이나 보라 쪽으로, 하이라이트는 노랑 쪽으로 기울이면 검정과 흰색을 섞을 때보다 훨씬 풍부해 보여요.
자주 묻는 질문
이 도트 그리기 사이트는 무료인가요?
네, 완전히 무료예요. 가입도 워터마크도 없고, 그리거나 내려받는 횟수에도 제한이 없어요. 만든 픽셀아트는 개인 작업과 상업 프로젝트 모두에 쓸 수 있어요.
그린 그림이 저장되나요?
네. 지금 그리는 그림은 브라우저의 로컬 저장소에 자동 저장돼서, 같은 기기·같은 브라우저라면 새로고침하거나 나중에 와도 그대로 있어요. 업로드되지는 않아요. 브라우저 데이터를 지우거나 시크릿 창을 쓰면 사라지니, 오래 보관하려면 PNG로 저장하세요.
사진을 도트로 바꾼 다음 편집할 수 있나요?
네. 이미지 도트 변환기에서 크기와 색을 정한 다음 미리보기 위의 ‘도트 편집’을 누르면 여기서 열려 직접 다듬을 수 있어요. ‘열기’로 아무 이미지나 불러올 수도 있는데, 256×256 픽셀 이하는 픽셀 그대로, 더 큰 이미지는 긴 변이 64픽셀이 되도록 줄여서 열려요.
배경을 투명하게 하려면요?
캔버스는 처음부터 투명(회색 체크무늬)하고, 지운 부분도 다시 투명해져요. 저장한 PNG는 투명함이 유지돼서 게임, 웹사이트, 영상의 어떤 배경 위에도 올릴 수 있어요.
게임 스프라이트는 몇 픽셀로 그려야 하나요?
캐릭터, 아이템, 타일에는 16×16과 32×32가 가장 흔하고, 많은 게임이 모든 리소스를 한 크기로 맞춰 통일감을 줘요. 게임 엔진으로 가져갈 때는 1배로 저장하고, 텍스처 필터를 ‘최근접 이웃’(Point 또는 필터 없음)으로 설정해야 선명하게 보여요.
도트 그림을 흐려지지 않게 크게 저장하려면요?
‘PNG 다운로드’ 옆의 크기 메뉴에서 1배부터 64배까지 고르세요. 도트 하나가 그만큼의 선명한 정사각형이 되니 어떤 크기에서도 또렷해요. ‘격자선’을 켜면 도트마다 테두리가 들어가요.
펄러비즈, 십자수, 코바늘 도안을 만들 수 있나요?
네. 캔버스 아래 ‘도안 만들기’를 누르면 행·열 번호, 칸마다 색 번호, 색마다 칸 수를 세어 주는 색상표가 담긴 인쇄용 PDF나 PNG를 받을 수 있어요.
휴대폰이나 태블릿에서도 그릴 수 있나요?
네. 한 손가락이나 펜으로 그리고, 두 손가락으로 집어서 확대하고 이동하세요. 그리는 도중에 두 번째 손가락이 닿으면 그 획은 취소되어 엉뚱한 도트가 남지 않아요.