16x16 도트 그리기

16×16 캔버스는 픽셀이 256개뿐으로, 고전 게임 아이템 아이콘이나 아주 작은 캐릭터 크기입니다. 픽셀 하나하나가 중요해 모양이 단순해집니다. 32배로 내보내면 선명한 512×512 PNG가 되고, 몇 프레임을 그려 GIF로 만들 수도 있습니다.

사용법

1. 크기 버튼을 탭해 8×8부터 128×128픽셀까지 캔버스를 고르거나, 예시 그림 위에 바로 그리세요.
2. 도구와 색을 고른 뒤 그리세요. 대칭을 켜면 그린 선이 반대쪽에도 복사됩니다.
3. 레이어로 외곽선과 색을 나누고, 프레임으로 애니메이션을 만드세요. 재생을 누르면 미리보기에서 움직입니다.
4. 내보내기를 열어 1~32배 PNG, 스프라이트 시트, 움직이는 GIF로 내려받으세요.

• 그림은 이 브라우저에 자동 저장되며 기기 밖으로 나가지 않습니다. 사본을 보관하거나 다른 기기에서 이어 그리려면 프로젝트 파일(.json)로 저장하세요.
• 오른쪽 클릭은 보조 색상으로 그립니다. Alt+클릭하면 스포이트처럼 색을 가져옵니다. 연필로 Shift+클릭하면 마지막 점에서 직선을 긋고, 채우기로 Shift+클릭하면 레이어에서 같은 색 픽셀을 모두 바꿉니다.
• 프레임마다 모든 레이어의 사본이 따로 있습니다. 어니언 스킨은 이전 프레임과 다음 프레임을 흐리게 보여 줘 움직임을 맞추기 쉽습니다.
• 내보낸 이미지는 어떤 배율에서도 픽셀 가장자리가 선명합니다. GIF는 흰색 배경을 켜지 않으면 투명도를 유지합니다.
• 이미지 가져오기는 그림을 블록별로 평균 내어 4~64가지 색이나 현재 팔레트로 줄입니다. 현재 레이어를 고르면 그 위에 따라 그릴 수 있습니다.
• 터치스크린에서는 한 손가락으로 그리고, 두 손가락으로 오므려 확대하고 끌어서 화면을 옮기세요.

캔버스 크기 고르기

16×16은 아이콘, 아이템, 작은 캐릭터에 쓰는 대표적인 크기입니다. 32×32는 얼굴과 디테일을 넣을 여유가 있어 게임 캐릭터에 많이 쓰고, 64×64는 얼굴 클로즈업이나 큰 장면에 맞습니다. 캔버스가 작을수록 모양을 단순하게 만들어야 해서 연습에 좋습니다.

도트 그림은 작게 그리고 크게 보여 줍니다. SNS용이라면 8배나 16배로 내보내세요. 32×32 스프라이트를 16배로 내보내면 픽셀 하나하나가 흐림 없이 네모 블록으로 커져 선명한 512×512 PNG가 됩니다.

레이어, 프레임, 어니언 스킨

선화와 색칠·명암을 다른 레이어에 두면 선을 다시 그리지 않고 색만 바꿀 수 있습니다. 애니메이션에서는 프레임마다 모든 레이어를 따로 가집니다. 어니언 스킨은 이전 프레임을 흐리게, 다음 프레임은 더 흐리게 보여 줘서 움직임을 맞추기 쉽습니다. 재생으로 초당 1~30프레임 속도의 반복을 확인할 수 있고, 걷기 동작은 보통 8~12fps를 씁니다.

단축키와 요령

오른쪽 클릭은 보조 색으로 그리고, Alt+클릭은 색을 집어 오며, 연필로 Shift+클릭하면 마지막 점에서 직선을 긋습니다. 채우기 도구로 Shift+클릭하면 레이어에서 같은 색 픽셀을 모두 바꿔 팔레트를 바꿀 때 편합니다. .json 프로젝트 파일로 저장하면 백업하거나 다른 기기에서 이어 그릴 수 있습니다.

자주 묻는 질문