2026-07-08

도트 애니메이션 AI로 만들기 — 픽셀 캐릭터를 움직이게 하는 법

도트 게임을 만들 때 가장 손이 많이 가는 작업이 캐릭터 애니메이션입니다. 도트는 한 픽셀만 어긋나도 티가 나기 때문에, 걷기 한 동작에 8프레임을 그리려면 픽셀 단위로 수십 번을 다듬어야 하죠. 이 글에서는 도트 캐릭터 이미지 한 장을 AI로 움직이게 만드는 방법과, 도트 특유의 주의할 점을 정리합니다.

왜 도트 애니메이션이 AI에게 어려웠나

이미지 생성 AI로 도트 프레임을 한 장씩 뽑아 본 분이라면 알겠지만, 결과물이 프레임마다 미묘하게 다릅니다. 캐릭터의 픽셀 배치, 색상 수, 외곽선이 매번 달라져서 이어 붙이면 애니메이션이 "지글거리는" 현상이 생깁니다. 도트는 해상도가 낮아서 이 불일치가 일반 일러스트보다 훨씬 눈에 띕니다.

해결법: 프레임 생성이 아니라 모션 생성

핵심은 접근을 바꾸는 것입니다. 프레임을 낱장으로 생성하는 게 아니라, 원본 이미지 한 장에서 움직임(모션)을 생성하는 image-to-video 방식을 쓰면 원본의 픽셀 스타일이 전체 프레임에 걸쳐 유지됩니다. GenioPlus 같은 도구가 이 방식입니다: 도트 캐릭터를 업로드하면 배경 제거 → 모션 생성 → 키프레임 추출 → 스프라이트 시트 내보내기가 한 번에 처리됩니다.

도트 캐릭터로 작업할 때 팁

첫째, 원본 해상도가 너무 낮으면(32px 이하) 업스케일된 상태로 작업하고 마지막에 다시 줄이는 편이 결과가 좋습니다. 둘째, 프레임 수는 욕심내지 마세요 — 도트 감성에는 6~8프레임 루프가 오히려 자연스럽습니다. 추출 단계에서 프레임 수를 조절할 수 있습니다. 셋째, 결과물을 그대로 쓰기보다 마지막에 픽셀 정리(인덱스 컬러로 변환, 외곽선 정리)를 한 번 거치면 완성도가 올라갑니다.

걷기 애니메이션 만들어 보기

실제 과정은 간단합니다. 도트 캐릭터 전신 이미지를 업로드하고, 걷기 프리셋을 선택하면 몇 분 안에 애니메이션이 생성됩니다. 마음에 드는 프레임만 골라 투명 PNG 스프라이트 시트로 내보내면 Unity·Godot·GameMaker에서 바로 쓸 수 있습니다. GenioPlus에서 무료 크레딧으로 체험할 수 있습니다.