2D 게임 캐릭터가 움직이는 방법은 크게 두 가지입니다. 동작을 한 장씩 그려 빠르게 넘기는 프레임 방식, 그리고 그림을 부위별로 나눠 뼈대로 움직이는 본 애니메이션 방식입니다. 프레임 방식으로 만든 그림 묶음을 흔히 스프라이트라고 부릅니다. 이 글에서는 두 방식의 특징과 스프라이트 애니메이션을 만드는 기본 순서를 설명합니다.

스프라이트와 스프라이트 시트

스프라이트는 게임 화면에 표시되는 2D 이미지 한 장을 말합니다. 걷기 동작을 여러 장의 스프라이트로 그려 순서대로 보여주면 캐릭터가 걷는 것처럼 보입니다. 이 여러 장의 그림을 한 이미지 파일에 격자처럼 모아 둔 것을 스프라이트 시트라고 합니다.

게임 엔진은 스프라이트 시트에서 필요한 칸을 잘라 순서대로 재생합니다. 그림을 한 파일에 모으면 엔진이 이미지를 불러오고 관리하기 편해집니다. 시트를 만들 때는 모든 칸의 크기와 캐릭터의 기준 위치(보통 발밑)를 맞춰야 재생할 때 캐릭터가 흔들리지 않습니다.

프레임 방식과 본 방식 비교

실제 게임에서는 두 방식을 섞어 쓰기도 합니다. 몸은 본 방식으로 움직이고, 표정이나 이펙트처럼 형태가 크게 변하는 부분은 프레임 그림으로 바꾸는 식입니다.

프레임 방식 제작 순서

1. 동작 계획: 어떤 동작이 필요한지 목록을 만듭니다. 대기, 이동, 점프, 공격, 피격, 사망이 기본 세트입니다.
2. 핵심 자세 그리기: 동작에서 가장 중요한 자세(키 프레임)를 먼저 그립니다.
3. 중간 그림 채우기: 핵심 자세 사이를 연결하는 그림을 넣습니다.
4. 반복 확인: 그린 그림을 실제 속도로 재생하며 흐름을 다듬습니다.
5. 정리와 채색: 선을 정리하고 색을 입힙니다.
6. 시트로 내보내기: 정해진 칸 크기에 맞춰 시트를 만들고 엔진에서 확인합니다.

그림 수가 곧 작업량이기 때문에, 적은 장수로 움직임을 표현하는 요령이 중요합니다. 핵심 자세를 강하게 그리고 중간 그림은 꼭 필요한 만큼만 넣으면 장수가 적어도 힘 있는 동작이 됩니다.

본 애니메이션 제작 순서

본 방식은 먼저 캐릭터를 머리, 몸통, 위팔, 아래팔, 손 같은 부위로 나눠 그립니다. 관절이 움직일 때 틈이 보이지 않도록 겹치는 부분을 넉넉히 그려 두는 것이 중요합니다. 그다음 애니메이션 도구에서 뼈를 배치하고 각 부위를 뼈에 연결한 뒤, 키 프레임을 찍어 동작을 만듭니다.

Spine 같은 도구에서는 그림에 메쉬를 씌워 휘어지게 하는 기능도 쓸 수 있습니다. 메쉬를 쓰면 망토가 펄럭이거나 몸통이 숨 쉬듯 부풀어 오르는 부드러운 변형이 가능해 본 방식의 한계를 많이 보완해 줍니다.

2D 애니메이션에서 신경 쓸 점

• 좌우 반전: 많은 2D 게임은 오른쪽을 보는 동작을 만들고 반전해 왼쪽에 씁니다. 무기를 든 손처럼 비대칭 요소는 반전했을 때 어색하지 않은지 확인합니다.
• 판정 영역: 공격이 닿는 범위와 맞는 범위가 그림과 맞아야 합니다.
• 대기 동작: 가장 오래 보이는 동작이라 숨쉬기, 머리카락 흔들림 같은 작은 움직임으로 생동감을 줍니다.
• 연결: 동작이 끝나고 다른 동작으로 넘어갈 때 자세가 튀지 않게 시작과 끝을 맞춥니다.

2D애니메이션&스파인 과정에서는 Spine의 기본 기능과 뼈 애니메이션, 캐릭터 애니메이션을 배운 뒤 메쉬와 가중치 조절, paths 기능, 텍스처 알파와 틴트 값 적용까지 실습해 모션 포트폴리오를 만듭니다.

자주 묻는 질문