스프라이트 시트에서 스프라이트를 추출하는 방법

스프라이트 시트는 2D 게임 개발의 핵심입니다. 여러 애니메이션 프레임이나 캐릭터 포즈를 단일 이미지 파일로 컴파일하여 렌더링 성능을 최적화합니다. 하지만 원본 프레임을 다시 개별 이미지로 분리해야 할 상황이 자주 발생합니다.

에셋 마켓에서 다운로드했거나 원본 프로젝트 파일을 잃어버렸을 때, 빠르고 안정적으로 시트를 자를 방법이 필요합니다. 이 가이드에서는 Easy2DTools 스프라이트 분할기를 사용하여 파일을 업로드하지 않고 웹 브라우저에서 안전하게 스프라이트를 추출하는 방법을 설명합니다.

왜 Easy2DTools 스프라이트 분할기를 사용해야 할까요?

단계로 넘어가기 전에 이 도구가 특별한 이유를 알아봅시다:

100% 클라이언트 측 처리: 이미지는 웹 브라우저 내에서 로컬로 처리되며 서버에 절대 업로드되지 않으므로 지적 재산이 보호됩니다.
자동 감지 기능: 투명한 배경에서 분리된 스프라이트를 자동으로 찾는 고급 엣지 감지 알고리즘을 제공하여 그리드 크기를 계산할 필요가 없습니다.
수동 그리드 슬라이싱: 스프라이트 시트가 완벽한 그리드로 정렬된 경우 정확한 픽셀 크기를 지정하여 균등하게 자를 수 있습니다.
즉각적인 내보내기: 추출된 모든 프레임을 압축된 `.zip` 파일로 즉시 다운로드하세요.

스프라이트 시트 자르기 단계별 가이드

1단계: 이미지 불러오기

스프라이트 분할기 도구로 이동합니다. 여러 가지 방법으로 이미지를 불러올 수 있습니다:

드래그 앤 드롭: 컴퓨터의 이미지 파일을 화면의 드롭 존으로 드래그합니다.
파일 찾아보기: "파일 찾아보기" 텍스트를 클릭하여 파일 선택창을 엽니다.
클립보드에서 붙여넣기: 이미지나 이미지 URL을 복사한 후 페이지에서 바로 Ctrl+V(Mac은 Cmd+V)를 누릅니다.

불러오기가 완료되면 워크스페이스 캔버스에 스프라이트 시트가 표시됩니다.

2단계: 자르기 방식 선택하기

스프라이트 시트의 제작 방식에 따라 두 가지 추출 방식을 선택할 수 있습니다.

방식 A: 자동 감지 (불규칙하게 뭉친 시트 권장)

스프라이트가 균일한 그리드 없이 흩어져 있거나 촘촘히 뭉쳐 있다면(용량 절약을 위해 텍스처 아틀라스에서 자주 쓰이는 기법) 자동 감지 방식이 최적입니다.

우측 제어판에서 자동 감지(Auto Detect) 탭을 선택합니다.
"스프라이트 감지" 버튼을 클릭합니다.
도구가 투명한 픽셀을 분석하여 독립된 불투명 픽셀 덩어리 주위에 경계 상자를 그립니다.
팁: 캐릭터가 여러 부분(예: 떠 있는 검이나 망토)으로 분리되어 있다면 허용치(Tolerance)를 조정하거나 수동 그리드 방식을 사용해야 할 수도 있습니다.

방식 B: 그리드 모드 (균일한 시트 권장)

스프라이트가 엄격한 그리드로 배열되어 있다면(예: 모든 프레임이 정확히 32x32 픽셀) 그리드 모드를 사용하세요.

그리드(Grid) 탭을 선택합니다.
프레임의 너비(Width)와 높이(Height)를 픽셀 단위로 입력합니다.
그리드가 정확히 왼쪽 상단에서 시작하지 않으면 오프셋(Offset) X/Y를 조정합니다.
프레임 사이에 여백 픽셀이 있다면 간격(Spacing) X/Y를 조정합니다.
이미지 위에 미리보기 그리드가 즉시 표시됩니다.

3단계: 프레임 검토 및 선택

감지를 실행하거나 그리드를 적용한 후, 워크스페이스 아래에 추출된 프레임 목록이 나타납니다. 개별 프레임을 클릭하여 선택하거나 해제할 수 있습니다. 기본적으로 모든 유효한 프레임이 내보내기용으로 선택되어 있습니다.

4단계: ZIP으로 내보내기

잘라낸 프레임이 마음에 든다면:

"선택 항목 ZIP으로 내보내기" 버튼을 찾습니다.
버튼을 클릭하면 모든 개별 `.png` 파일이 포함된 `.zip` 파일이 즉시 생성됩니다.
컴퓨터에서 압축을 풀면, 게임 엔진(Unity, Godot, GameMaker 등)에 프레임을 임포트할 준비가 완료됩니다.

다음 단계

이제 개별 프레임을 얻었으니 애니메이션으로 연결했을 때 어떤 모습인지 미리 보고 싶을 것입니다. 스프라이트 애니메이터 가이드를 확인하여 방금 추출한 프레임을 애니메이션 테스트 도구로 매끄럽게 전송하는 방법을 알아보세요.