도트 그림판 - 픽셀 아트 만들기 (템플릿 제공)

빈 칸부터 그리지 않아도 됩니다. 캐릭터·소품·배경 타일 템플릿에서 시작해 색만 바꿔 도트 그림을 만들고, 배경이 투명한 PNG로 내려받으세요.

색

템플릿을 불러오면 그 그림의 색이 팔레트로 들어옵니다. 색 치환으로 같은 색을 한 번에 바꿔보세요.

템플릿에서 시작 빈 칸부터 그리기 어려우면 여기서 고르세요
내보내기
템플릿 16종 마우스 · 터치 PNG 내보내기 되돌리기

쓰는 방법

  • 빈 칸부터 시작하지 않아도 됩니다

    템플릿에서 시작에서 캐릭터·소품·배경 타일을 고르면 그 그림이 캔버스에 올라옵니다. 도트를 처음 그려본다면 여기서 색만 바꿔보는 게 가장 빠릅니다.

  • 색을 한 번에 바꾸기

    색 치환 도구로 그림의 한 색을 누르면, 그 색으로 칠해진 칸이 전부 현재 색으로 바뀝니다. 갑옷 색이나 머리 색을 바꿀 때 한 칸씩 칠하지 않아도 됩니다.

  • 도구

    연필로 칠하고 지우개로 지웁니다. 채우기는 이어진 같은 색 영역을 한 번에, 스포이드는 그림에서 색을 집어옵니다. 되돌리기는 30단계까지.

  • 내보내기

    배경이 투명한 PNG로 저장됩니다. 1×는 원본 크기(작아요), 게임이나 프로필에 쓸 거라면 4× 또는 8×를 쓰세요. 확대해도 도트가 번지지 않습니다.

도트는 색을 적게 쓰는 게 요령입니다. 템플릿들도 7~8색만 씁니다. 색이 많아지면 오히려 지저분해 보이니, 팔레트에 있는 색 안에서 해결해 보세요. 작업 내용은 브라우저에 자동 저장돼서 창을 닫아도 이어서 할 수 있습니다.

자주 묻는 질문

도트를 그려본 적이 없어도 쓸 수 있나요?

그래서 템플릿을 넣었습니다. 빈 32×32 격자는 그림을 그려본 사람에게도 막막합니다. 템플릿에서 시작을 누르면 캐릭터·소품·배경 타일 16종이 나오고, 하나를 고르면 그 그림이 캔버스에 올라옵니다. 색 치환 도구로 색만 바꿔도 내 것이 됩니다.

색 치환은 어떻게 쓰나요?

색 치환 도구를 고르고 그림에서 바꾸고 싶은 색을 누르면, 그 색으로 칠해진 모든 칸이 현재 색으로 한 번에 바뀝니다. 갑옷 색이나 머리 색을 바꿀 때 한 칸씩 칠하지 않아도 됩니다. 템플릿을 불러오면 그 그림이 쓴 색이 그대로 팔레트로 들어오므로, 바꿀 색을 팔레트에서 바로 고를 수 있습니다.

만든 그림을 어떻게 저장하나요?

내보내기에서 PNG 1×, 4×, 8× 중 고르면 배경이 투명한 PNG 파일로 바로 내려받습니다. 1×는 원본 크기라 아주 작으니, 게임 소재나 프로필 사진으로 쓸 거라면 4× 또는 8×를 쓰세요. 확대해도 도트가 번지지 않게 처리됩니다.

캔버스 크기를 바꿀 수 있나요?

16×16, 32×32, 48×48, 64×64 중에서 고를 수 있습니다. 크기를 줄이면 잘려나가는 부분이 있으니 되돌리기로 복구할 수 있게 해뒀습니다. 템플릿은 모두 32×32라 템플릿을 불러오면 캔버스도 32×32로 맞춰집니다.

작업한 그림이 저장되나요?

브라우저에 자동 저장되어 창을 닫았다 다시 열어도 이어서 작업할 수 있습니다. 서버로 전송되지 않고 이 브라우저에만 남습니다. 다른 기기에서는 이어지지 않으니 완성한 그림은 PNG로 내려받아 두세요.

그림을 텍스트로 바꿀 수 있나요?

네. 내보내기에서 텍스트 아트를 누르면 색마다 문자를 배정해 문자 그림으로 변환합니다. 쓸 문자는 직접 바꿀 수 있고, 복사 버튼으로 바로 가져갈 수 있습니다.

휴대폰에서도 되나요?

됩니다. 터치로 칠할 수 있고 화면 크기에 맞춰 캔버스가 조절됩니다. 다만 손가락으로 한 칸씩 찍는 건 좁은 화면에서 정확하지 않을 수 있으니, 휴대폰에서는 템플릿을 불러와 색을 바꾸는 방식이 편합니다.

도트를 잘 그리는 요령이 있나요?

색을 적게 쓰는 것입니다. 이 도구의 템플릿들도 7~8색만 씁니다. 색이 많아지면 해상도가 낮은 그림에서는 오히려 지저분해 보입니다. 팔레트에 있는 색 안에서 해결하고, 명암은 같은 색의 밝고 어두운 두 단계 정도로 두는 게 깔끔합니다.