4×4 스프라이트 시트가 어긋나 머리가 잘릴 때 고치는 법

1024×1024 시트를 4×4로 나누면 각 영역은 256×256입니다. 실제 그려진 한 행이 256픽셀보다 높다면 열여섯 동작이 보여도 등분선이 머리를 지날 수 있습니다.

먼저 의도한 프레임 수를 세고 왼쪽에서 오른쪽, 위에서 아래 순서를 확인하세요. 원본이 4×3인데 4×4를 고른 것은 설정 문제입니다. 실제 4×4지만 행 경계가 고르지 않다면 개수를 바꿔도 해결되지 않습니다. 원본부터 머리가 빠졌다면 경계를 움직여도 없는 픽셀을 복원할 수 없습니다.

시트를 가져오고 실제 행과 열 수를 설정한 뒤 원본과 격자 보기를 엽니다. 자동 제안 경계를 살펴보세요. 여백이 감지를 돕지만 효과, 그림자, 불균일한 간격은 모호함을 만들 수 있습니다.

가로와 세로 경계를 실제 프레임 사이로 옮겨 적용하고 결과를 다시 봅니다. 크기가 다른 프레임은 공통 투명 캔버스에 여백을 더해 배치하며 몸 비율을 늘려 맞추지 않습니다.

프레임별 미세 조정 전에 격자와 배경 옵션을 정하세요. 이 설정들을 바꾸면 프레임 조정이 초기화됩니다.

현재 격자는 공통 가로·세로 경계를 사용합니다. 각 동작의 윤곽을 개별적으로 돌아갈 수는 없습니다. 일부를 고쳐도 나머지 프레임을 계속 확인하세요.

정사각형 캔버스에 실제 투명 배경의 PNG 스프라이트 시트 한 장을 생성해. 정확히 4열과 4행, 같은 크기의 셀 16개이며 왼쪽에서 오른쪽, 위에서 아래로 재생해.
모든 셀 경계는 같은 가로·세로 좌표를 지나는 직선으로 맞춰. 바깥 제목, 설명, 번호, 보이는 격자선, 불규칙한 만화 패널은 넣지 마.
각 셀 안에 명확한 안전 여백을 두고 해당 프레임의 인물, 소품, 효과를 그 셀 안에 완전히 넣어. 인물이 보이는 동안 카메라와 크기를 일정하게 유지해.
동작: [의도적인 사라짐, 빈 프레임, 소품만 있는 프레임을 포함해 전체 동작 설명]. 이런 변화를 유지하고 모든 프레임에 인물이 나오도록 강제하지 마.
그려 놓은 체크무늬가 아니라 실제 투명 픽셀을 사용해. 프레임을 독립적으로 자를 수 있도록 사이 간격을 남겨.

이 조건은 모호함을 줄이지만 픽셀 수준의 정확도를 보장하지는 않습니다. 생성 후 확인이 필요합니다.

던진 소품, 폭발 효과, 화면 밖으로 나가는 인물에는 소품만 있는 프레임이나 빈 프레임이 필요할 수 있습니다. 연출의 일부라면 유지하세요. 삭제하면 리듬이 바뀌고 의도한 멈춤이 갑작스러운 점프로 변할 수 있습니다.

자르기를 고친 후 순서, 시간, 위치를 프레임마다 확인합니다. 위치 보정은 원치 않는 카메라 흔들림을 고치는 용도이며 일부러 움직이는 물체를 중앙으로 끌어오는 용도가 아닙니다. 반복 재생이라면 마지막에서 첫 프레임으로 이어지는 부분도 보세요.

흰 배경은 투명이 아니며 이미지 안에 그린 체크무늬도 알파 채널이 아닙니다. 대비되는 여러 배경에서 미리 보고 실제 투명 픽셀인지 확인하세요.

배경 제거는 흰 옷이나 옅은 효과도 지울 수 있으므로 가능하면 실제 투명 원본을 사용합니다. GIF는 색상 수가 제한되고 PNG처럼 부드러운 반투명 대신 완전 투명 픽셀을 사용하므로 가장자리가 달라질 수 있습니다. 반투명 효과가 중요하면 PNG 시트도 보관하세요. 아래 MDN 문서가 형식 차이를 설명합니다.

먼저 느리게, 그다음 목표 속도로 재생합니다. 원본 격자가 맞다고 끝내지 말고 내보낸 GIF를 열어 확인하세요. 원본 시트를 보관하고 필요하면 PNG 아틀라스와 프레임 데이터도 저장해 나중에 수정할 수 있게 합니다.

Sparkles Editor에서 기존 시트 가져오기, 미리 보기, 내보내기는 브라우저 안에서 무료로 처리됩니다. 새로운 AI 시트 생성에는 로그인과 Credits가 필요합니다. 관련 가이드에는 오리지널 여우 애니메이션과 가져오기부터 내보내기까지의 과정이 있습니다.