스프라이트 애니메이터

추출한 스프라이트를 애니메이션으로 실시간 미리보고 내보냅니다.

이런 결과를 만들 수 있어요

스프라이트 시트 → 개별 PNG 프레임 → GIF 애니메이션

Example sprite sheetAnimated sprite example
12

애니메이션을 만들 프레임이 없습니다

스플리터에서 동기화하거나, 여러 장의 이미지를 이곳에 드래그 앤 드롭하세요.

분할기

애니메이션 타임라인

(0 Frames)

프레임을 드래그하여 순서 변경
로드된 프레임이 없습니다. 스프라이트 분할기로 이동하여 스프라이트를 추출하세요.

스프라이트 애니메이터란 무엇인가요?

스프라이트 애니메이터(Sprite Animator)는 픽셀 아트 애니메이션을 미리 볼 수 있는 가벼운 브라우저 기반 테스트 유틸리티입니다. 달리기 동작의 타이밍을 확인하기 위해 무거운 게임 엔진을 켜는 대신, 타임라인에 프레임을 직접 업로드하고 즉시 루프를 시청할 수 있습니다.

이 도구는 스프라이트 분할기 도구와 깊이 통합되어 있습니다. 복잡한 스프라이트 시트를 자른 다음 클릭 한 번으로 프레임을 애니메이터로 직접 보낼 수 있습니다. 애니메이션이 완벽해 보이면 고품질 GIF로 쉽게 내보내어 소셜 미디어나 포트폴리오에 공유할 수 있습니다.

왜 스프라이트 애니메이터를 사용해야 하나요?

  • 빠른 프로토타이핑: Unity나 Godot로 에셋을 가져오지 않고도 프레임 타이밍을 즉시 테스트할 수 있습니다.
  • 포트폴리오 제작: 원시 게임 에셋을 아름답게 반복되는 GIF로 변환하여 픽셀 아트를 온라인에 자랑할 수 있습니다.
  • 애니메이션 디버깅: 어니언 스킨 기능을 활용하여 이동 궤적을 분석하고 부자연스러운 프레임을 찾습니다.

주요 기능:

  • 실시간 미리보기: 설정을 조정하면서 애니메이션이 실행되는 것을 실시간으로 확인하세요.
  • 어니언 스킨: 부드러운 움직임을 위해 이전 프레임과 다음 프레임을 배경에 희미하게 표시합니다.
  • 드래그 앤 드롭 타임라인: 타임라인에서 프레임을 드래그하여 순서를 쉽게 변경할 수 있습니다.
  • GIF로 내보내기: 사용자 지정 배경색이나 투명도가 적용된 애니메이션 GIF 파일로 프레임을 컴파일합니다.
  • 다양한 속도 조절: 글로벌 FPS(초당 프레임 수) 슬라이더를 조정하여 의도한 게임 속도에 맞춥니다.

사용 지침:

  1. 먼저 스프라이트 분할기로 이동하여 스프라이트 시트에서 프레임을 추출합니다.
  2. 위의 분할기에서 동기화 버튼을 클릭하여 추출된 프레임을 타임라인에 로드합니다.
  3. FPS(초당 프레임 수) 슬라이더를 조정하여 재생 속도를 변경합니다.
  4. 배경색을 선택하거나 투명하게 둡니다.
  5. GIF 내보내기를 클릭하여 최종 애니메이션을 컴퓨터에 저장하세요!

전문가 팁:

  • 어니언 스킨을 활성화하여 프레임이 완벽하게 일치하는지 확인하세요. 애니메이션이 흔들리는 경우 스프라이트 분할기에서 추출 영역을 조정해야 할 수 있습니다.
  • 타임라인에서 프레임을 직접 드래그 앤 드롭하여 추출 중 발생한 순서 오류를 수정할 수 있습니다.

자주 묻는 질문 (FAQ)

Q: GIF 내보내기에서 투명도를 지원하나요?
A: 네! 내보내기 전에 배경 드롭다운에서 '투명'을 선택해야 합니다.

Q: 개별 이미지 폴더를 가져올 수 있나요?
A: 네. PNG·JPEG·WebP 이미지 여러 개 또는 프레임 ZIP을 바로 불러올 수 있습니다. 분할기에서 보낸 최근 프레임도 동기화할 수 있습니다.

Q: 개별 프레임의 재생 시간을 설정할 수 있나요?
A: 현재 이 도구는 전역 FPS 설정을 사용합니다. 프레임을 더 길게 유지하려면 타임라인에서 해당 프레임 썸네일의 복제 버튼을 사용하여 프레임을 복제할 수 있습니다.

가이드 & 아티클

전달한 프레임은 삭제하기 전까지 이 브라우저에만 보관됩니다.