게임 스프라이트를 만들 때 가장 먼저 부딪히는 문제는 이미지 크기와 배경의 불일치입니다. AI로 캐릭터를 각각 생성하다 보면 크기도 제각각이고, 배경이 있어서 그대로 게임에 쓸 수 없습니다. 스프라이트 시트는 모든 캐릭터가 동일한 크기의 셀에 배치되어야 하기 때문입니다.
이 글에서는 XBRUSH의 Outpainting과 배경삭제 기능을 활용해 크기가 다른 8종의 캣 캐릭터를 모두 512×512 투명 배경 이미지로 통일한 뒤, AI 프롬프트로 4프레임 공격 스프라이트 시트를 만드는 과정을 소개합니다.
1단계: Outpainting으로 캐릭터 크기 통일
8종의 캣 캐릭터를 각각 다른 프롬프트로 생성하면 캐릭터의 신체 비율과 화면 내 크기가 제각각입니다. 스프라이트 시트로 만들려면 모든 캐릭터가 동일한 캔버스 안에서 같은 비율로 표현되어야 합니다.
XBRUSH의 Outpainting(아웃페인팅) 기능을 사용하면 이미지 주변을 자연스럽게 확장하거나, 원하는 종횡비로 캔버스를 늘릴 수 있습니다. 캐릭터가 너무 가득 차 있으면 여백을 추가하고, 캔버스 비율을 1:1로 맞추는 데 활용했습니다.
Outpainting 설정에서 확장 방향과 크기를 조정해 캔버스를 512×512에 가까운 정사각형 비율로 맞춥니다. AI가 기존 이미지의 배경과 스타일을 분석해 자연스럽게 영역을 채워줍니다.
2단계: 배경삭제로 투명 배경 적용
Outpainting으로 크기를 통일한 뒤, 배경삭제 기능으로 캐릭터 외의 배경을 모두 제거했습니다. 게임 스프라이트는 투명 배경(PNG)이어야 게임 엔진 안에서 배경과 자연스럽게 합성됩니다.
배경삭제는 버튼 한 번으로 완료됩니다. AI가 캐릭터의 윤곽을 정확하게 인식해 털이나 장비 디테일도 자연스럽게 분리합니다.
3단계: 완성된 8종 캣 캐릭터
Outpainting + 배경삭제를 거친 결과물입니다. 모두 512×512 크기의 투명 배경 이미지로 통일되었습니다.
아처 (Archer)
해적 (Pirate)
바바리언 (Barbarian)
프리스트 (Priest)
마법사 (Mage)
성기사 (Paladin)
검투사 (Gladiator)
격투사 (Boxer)
4단계: AI 프롬프트로 스프라이트 시트 생성
캐릭터 이미지가 준비되면, 이제 각 캐릭터의 공격 애니메이션 스프라이트 시트를 AI로 만들 차례입니다. 아래는 각 캐릭터에 맞게 작성된 4프레임 스프라이트 시트 프롬프트입니다.
2×2로 나뉜 캔버스에 4개의 프레임을 배치하는 방식으로, 각 프레임은 대기 → 준비 → 공격 → 회복의 흐름을 따릅니다. 프롬프트에는 발의 픽셀 좌표를 고정하도록 명시해 스프라이트 시트의 흔들림을 최소화합니다.
프레임 수를 늘리면 더 부드러운 애니메이션을 만들 수 있습니다. 4프레임은 빠르게 만들기에 충분하지만, 9프레임이나 12프레임으로 프롬프트를 작성하면 준비 동작, 임팩트, 잔상 등을 더 세밀하게 표현할 수 있습니다. 또한 투구, 갑옷, 무기 등 장비를 프롬프트에서 바꾸면 그대로 이미지에 반영되므로, 같은 캐릭터라도 장비 세트에 따라 다른 스프라이트를 손쉽게 만들 수 있습니다.
아처 프롬프트
2D 게임 스프라이트, 픽셀 아트/카툰 스타일, 투명 배경, 일관된 캐릭터 디자인. 4프레임 활 공격 스프라이트 시트
오른쪽을 향한 측면 모습의 궁수 고양이. 2x2로 나뉜 캔버스, 각 셀 중앙에 캐릭터 배치, 발은 동일한 픽셀 좌표에 고정.
프레임 1 (대기): 차분한 자세, 활을 옆구리에 느슨하게 들고, 화살통을 등에 메고, 꼬리는 살짝 구부러져 있음.
프레임 2 (활시위 당김): 활을 올리고, 시위를 뺨까지 당기고, 몸을 살짝 돌리고, 눈은 목표물에 집중하고, 꼬리는 긴장되어 있음.
프레임 3 (발사): 화살 발사, 활시위가 앞으로 튕겨 나가고, 몸이 뒤로 젖혀지며, 화살에 모션 블러 효과 적용, 꼬리가 날카롭게 휘둘러짐.
프레임 4 (회복): 활을 옆으로 내리고, 몸을 원래의 대기 자세로 되돌리고, 꼬리는 부드럽게 내려앉음.해적 프롬프트
2D 게임 스프라이트, 픽셀 아트/카툰 스타일, 투명 배경, 일관된 캐릭터 디자인. 4프레임 검 공격 스프라이트 시트
오른쪽을 향한 옆모습의 해적 고양이가 커틀러스를 들고 있는 모습. 2x2로 나뉜 캔버스, 각 셀 중앙에 캐릭터 배치, 발은 동일한 픽셀 좌표에 고정.
프레임 1 (대기): 편안한 자세, 커틀러스는 옆구리에, 해적 모자는 멋스럽게 기울어져 있고, 꼬리는 살짝 구부러져 있음.
프레임 2 (준비): 커틀러스를 머리 위로 뒤로 당기고, 몸을 웅크리고, 사나운 미소를 짓고, 꼬리는 긴장되어 위로 올라감.
프레임 3 (공격): 강력한 대각선 하향 베기, 칼날 움직임에 따른 흐림 효과, 몸을 완전히 기울여 휘두르고, 꼬리를 앞으로 휘두름.
프레임 4 (회복): 커틀러스를 방어 자세로 되돌리고, 몸을 똑바로 세우고, 자신감 있는 자세를 취하며, 꼬리를 내림.바바리언 프롬프트
2D 게임 스프라이트, 픽셀 아트/카툰 스타일, 투명 배경, 일관된 캐릭터 디자인. 4프레임 발톱 공격
거대한 발톱 무기를 사용하는 야만족 고양이의 스프라이트 시트, 오른쪽을 향한 측면 모습. 2x2 분할 캔버스, 캐릭터는 각 셀의 중앙에 위치하고, 발은 동일한 픽셀 좌표에 고정됨.
프레임 1 (대기): 공격적인 넓은 자세, 두 개의 거대한 발톱 무기를 방어 자세로 들어 올리고, 사나운 표정, 꼬리를 휘두름.
프레임 2 (준비 자세): 한쪽 발톱 무기를 뒤로 멀리 당기고, 몸을 낮게 비틀고, 사나운 으르렁거림, 꼬리를 긴장시키고 구부림.
프레임 3 (타격): 폭발적인 전방 펀치, 발톱 무기를 완전히 뻗고 모션 블러와 충격선이 표시됨, 몸을 돌진시키고, 꼬리를 앞으로 격렬하게 휘두름.
프레임 4 (회복): 발톱을 집어넣고, 공격적인 방어 자세로 돌아가며, 꼬리를 뒤로 휘두르며 다음 공격을 준비.프리스트 프롬프트
2D 게임 스프라이트, 픽셀 아트/카툰 스타일, 투명 배경, 일관된 캐릭터 디자인. 4프레임 지팡이 마법 스프라이트 시트
오른쪽을 향한 옆모습의 사제 고양이. 2x2 분할 캔버스, 캐릭터는 각 셀의 중앙에 배치되고 발은 동일한 픽셀 좌표에 고정됩니다.
프레임 1 (대기): 온화한 자세, 지팡이를 똑바로 들고 끝에서 은은한 신성한 빛이 나며 꼬리는 부드럽게 구부러져 있습니다.
프레임 2 (충전): 지팡이를 높이 들고 몸을 앞으로 기울이며 끝에 빛나는 에너지가 모이고 눈에서 신성한 빛이 나며 꼬리가 올라갑니다.
프레임 3 (시전): 절정의 순간, 신성한 에너지 광선 또는 구체가 앞으로 발사되고 밝은 섬광이 번쩍이며 몸을 완전히 집중시키고 꼬리를 완전히 올립니다.
프레임 4 (회복): 지팡이를 내리고 빛이 부드럽게 사라지며 몸은 다시 차분하고 평온한 표정으로 돌아오고 꼬리가 내려옵니다.마법사 프롬프트
2D 게임 스프라이트, 픽셀 아트/카툰 스타일, 투명 배경, 일관된 캐릭터 디자인. 4프레임으로 구성된 마법 지팡이 스프라이트 시트
오른쪽을 향한 옆모습의 마법사 고양이. 2x2로 나뉜 캔버스, 각 셀 중앙에 캐릭터 배치, 발은 동일한 픽셀 좌표에 고정.
프레임 1 (대기): 자신감 넘치는 자세, 지팡이를 대각선으로 들고 있으며, 끝부분의 마법 룬이 희미하게 빛나고 꼬리는 부드럽게 휘어져 있다.
프레임 2 (충전): 지팡이를 들어 올리고, 마법 에너지가 끝부분 주위에서 소용돌이치며 번쩍이고, 몸을 기울여 시전 자세를 취하며, 눈이 보라색으로 빛나고, 꼬리가 날카롭게 솟아오른다.
프레임 3 (발사): 폭발적인 마법 에너지가 앞으로 발사되고, 엄청난 마법 에너지가 방출되며, 몸이 반동하고, 불꽃과 룬이 흩어지고, 꼬리가 휘둘러진다.
프레임 4 (회복): 지팡이를 내리고, 남은 불꽃이 사라지고, 몸이 안정되고, 만족스러운 표정을 짓고, 꼬리가 내려앉는다.성기사 프롬프트
2D 게임 스프라이트, 픽셀 아트/카툰 스타일, 투명 배경, 일관된 캐릭터 디자인. 검과 방패를 든 팔라딘 고양이의 검 공격 4프레임 스프라이트 시트. 오른쪽을 향한 측면 모습. 2x2로 나뉜 캔버스, 각 셀 중앙에 캐릭터 배치, 발은 동일한 픽셀 좌표에 고정.
프레임 1 (대기): 차분한 자세, 검은 옆구리에, 방패는 편안한 자세, 신성한 기운이 은은하게 빛나고 꼬리는 살짝 굽어 있음.
프레임 2 (준비): 검을 몸 뒤로 당기고, 방패를 단단히 접고, 몸을 비틀고, 눈을 가늘게 뜨고, 꼬리에 힘을 줌.
프레임 3 (공격): 폭발적인 수평 베기, 검은 모션 블러와 함께 완전히 뻗어지고, 균형을 위해 방패를 앞으로 내밀고, 검날에 신성한 빛이 감돌고, 꼬리를 휘두름.
프레임 4 (회복): 검을 다시 가드 자세로 되돌리고, 방패를 들고, 몸을 똑바로 세우고, 신성한 기운이 사라지고, 꼬리가 내려앉음.검투사 프롬프트
2D 게임 스프라이트, 픽셀 아트/카툰 스타일, 투명 배경, 일관된 캐릭터 디자인. 4프레임 검 공격 스프라이트 시트
오른쪽을 향한 측면 모습의 검투사 고양이. 2x2로 분할한 캔버스, 캐릭터는 각 셀의 중앙에 배치, 발은 같은 픽셀 좌표에 고정.
프레임 1 (대기): 위풍당당한 자세, 옆구리에 검을 들고 꼬리는 부드럽게 굽어 있음.
프레임 2 (준비 자세): 몸을 뒤로 비틀고 검을 엉덩이 뒤로 빼내어 찌르기 준비, 눈을 가늘게 뜨고 꼬리에 힘을 줌.
프레임 3 (타격): 폭발적인 전방 돌진, 검을 완전히 뻗어 강력하게 찌르기, 검날에 모션 블러 효과, 몸을 앞으로 내밀고, 꼬리를 휘두름.
프레임 4 (회복): 검을 집어넣고 몸을 원래 자세로 되돌리고 꼬리를 내림.격투사 프롬프트
2D 게임 스프라이트, 픽셀 아트/카툰 스타일, 투명 배경, 일관된 캐릭터 디자인. 4프레임 양손에는 너클을 끼고 공격. 오른쪽을 향한 옆모습 너클 고양이 스프라이트 시트. 2x2로 나뉜 캔버스, 각 셀 중앙에 캐릭터 배치, 발은 동일한 픽셀 좌표에 고정.
프레임 1 (대기): 고전적인 권투 자세, 너클 주먹을 단단히 들어 올리고, 발은 운동선수처럼 벌리고, 꼬리는 구부러져 있음.
프레임 2 (준비 동작): 무게 중심을 뒤로 이동시키고, 뒷주먹을 뒤로 당겨 크로스 펀치를 준비, 앞주먹은 위로 유지, 시선은 집중, 꼬리는 긴장.
프레임 3 (타격): 강력한 크로스 너클 펀치를 완전히 뻗고, 몸을 회전시켜 펀치를 날리고, 주먹에 모션 블러 효과 적용, 타격선이 너클에서 퍼져나가고, 꼬리가 휘둘러짐.
프레임 4 (회복): 너클 주먹을 가드 자세로 되돌리고, 몸을 권투 자세로 복귀, 가벼운 발놀림이 표현됨, 꼬리가 내려앉음.더 세밀한 애니메이션을 원한다면: 9프레임, 12프레임
4프레임 스프라이트는 간결하고 레트로한 느낌을 주지만, 더 부드러운 애니메이션이 필요하다면 9프레임 또는 12프레임으로 프롬프트를 확장할 수 있습니다.
- 9프레임: 대기(1) → 예비 동작(2~3) → 공격 준비(4) → 임팩트(5~6) → 잔상(7) → 회복(8~9)
- 12프레임: 위의 흐름에 추가로 발 이동, 체중 이동, 공격 후 정지 모션 등을 세분화
프레임을 나눌수록 애니메이션이 자연스러워지고, 2x2 대신 3x3이나 3x4 그리드 캔버스로 프롬프트를 수정하면 됩니다.
장비를 바꾸면 이미지도 바뀐다
프롬프트에서 투구, 갑옷, 무기 등의 장비 설명을 변경하면 그대로 생성 이미지에 반영됩니다. 예를 들어 성기사의 검을 "불꽃 검"으로, 방패를 "용 문양 방패"로 바꾸면 같은 캐릭터 포즈라도 완전히 다른 장비 세트로 표현됩니다. 이를 활용하면 강화 아이템, 희귀 장비, 계절 의상 등 다양한 스프라이트 변형을 효율적으로 만들 수 있습니다.
사용 도구 요약
- XBRUSH Outpainting — 캐릭터 캔버스 크기를 512×512 정사각형 비율로 통일
- XBRUSH 배경삭제 — 배경을 제거해 투명 PNG 스프라이트 소스로 변환
- AI 프롬프트 — 캐릭터별 4프레임 공격 스프라이트 시트 생성 (9·12프레임으로 확장 가능)