Metlivi 블로그

단 하나의 간단한 캐릭터 동작을 중심으로 첫 픽셀 애니메이션 테스트를 계획하는 방법

첫 픽셀 애니메이션 테스트로는 캐릭터가 눈을 깜빡이거나, 손을 흔들거나, 한 걸음을 내딛는 것처럼 한 번의 루프만으로 파악할 수 있는 동작 하나를 선택하세요. 세부적인 묘사를 추가하기 전에 무엇이 움직여야 하는지, 무엇이 가만히 있어야 하는지, 그리고 성공적인 재생 결과가 어떤 모습이어야 하는지 결정하세요. 그런 다음 포즈의 짧은 시퀀스를 만들고, 일정한 속도로 미리 보며, 동작을 명확하게 파악하는 데 방해가 되는 부분만 수정하세요.

2026년 10월 15일5분 분량작성: Metlivi Editorial Team
섹션 1

끝까지 완성할 수 있을 만큼 작은 동작을 선택하기

시작과 끝이 명확하거나 시작 포즈로 자연스럽게 돌아갈 수 있는 동작을 선택하세요. 눈 깜빡임은 간결하고, 손 흔들기는 한쪽 팔을 올렸다가 내리는 동작으로 단순화할 수 있으며, 발걸음은 발과 몸의 무게중심 이동에 집중할 수 있습니다. 이번 첫 테스트에서는 걷기, 돌아서기, 손 흔들기를 동시에 하는 등 서로 다른 동작을 결합하지 마세요. 어떤 움직임을 수정해야 하는지 파악하기가 더 어려워지기 때문입니다.

타임라인을 열기 전에 한 문장으로 된 개요를 작성해 보세요. “캐릭터가 한 손을 들고, 잠시 멈췄다가, 다시 내린다.” 캐릭터의 실루엣에서 나타나는 핵심적인 변화를 명시하세요. 동작이 1~2픽셀 너비에 불과한 세부 표현에 의존한다면, 의도한 디스플레이 크기에서도 그 세부 표현이 뚜렷하게 식별되는지 확인해야 합니다. 이는 실용적인 디자인 점검 사항일 뿐, 특정 스프라이트 크기나 프레임 수를 반드시 사용해야 한다는 요건은 아닙니다.

섹션 2

작고 안정적인 드로잉 범위 설정하기

프레임마다 캔버스 크기를 바꾸지 않고도 캐릭터가 움직일 수 있는 충분한 공간이 있는 캔버스를 선택하세요. 제자리에서 일어나는 동작이라면 캐릭터의 위치를 일정하게 유지하세요. 이렇게 하면 그림 자체가 흔들리는 것을 의도한 움직임으로 착각하지 않고 포즈 변화만을 더 쉽게 판단할 수 있습니다.

단순한 실루엣과 제한된 색상 팔레트로 시작하세요. 동작을 파악하는 데 꼭 필요한 세부 표현만 추가하세요. 예를 들어 손 흔들기에서는 옷의 질감보다 팔과 손의 형태가 더 중요할 수 있습니다. 픽셀 크기, 팔레트 크기, 캔버스 치수는 의도한 스타일과 용도에 따라 달라지며, 초보자용으로 정해진 단 하나의 표준 설정은 없습니다. 이번 테스트의 목표는 움직임이 제대로 전달되는지 확인하는 것이므로, 추가적인 렌더링 묘사는 나중으로 미뤄도 좋습니다.

섹션 3

프레임을 채우기 전에 포즈부터 계획하기

다듬기 작업을 시작하기 전에 중요한 포즈들을 짧은 시퀀스로 스케치해 보세요. 손 흔들기의 경우 팔을 내린 상태, 팔을 올린 상태, 손바닥을 바깥으로 돌린 상태, 팔이 다시 내려가는 상태가 될 수 있습니다. 눈 깜빡임의 경우 눈을 뜬 상태, 감은 상태, 뜬 상태가 됩니다. 걸음의 경우 한 발이 앞으로 뻗고, 몸이 그 위로 실린 뒤, 반대쪽 발이 이어받는 형태입니다. 이러한 예시는 계획을 돕기 위한 보조 수단일 뿐 필수적인 애니메이션 공식은 아닙니다.

각 포즈 사이에 어떤 변화가 있는지 자문해 보세요. 답이 명확하지 않다면 포즈를 제거하거나 변화를 더 뚜렷하게 만드세요. 몸통, 머리 등 움직이지 않아야 할 요소들은 프레임 전반에 걸쳐 일관되게 정렬을 유지해야 합니다. 픽셀 아트에서는 1픽셀만 어긋나도 윤곽선이 바뀌거나 특정 부위가 튀는 것처럼 보일 수 있으므로 포즈뿐만 아니라 외곽선도 꼼꼼히 비교하세요.

섹션 4

타임라인에서 시퀀스 구성하기

첫 프레임을 만든 다음, 계획한 포즈에 맞춰 프레임을 추가하세요. Aseprite의 타임라인에는 프레임과 레이어가 표시되며, 공식 문서에서는 프레임 추가, 재생 미리보기, 프레임 재사용, 개별 프레임의 재생 시간 조정에 대해 설명합니다. 다른 애니메이션 툴은 명칭이나 제어 방식이 다를 수 있지만, 시퀀스의 순서를 정돈하고 각 프레임의 역할을 명확히 파악할 수 있도록 유지해야 한다는 기획 원칙은 동일하게 적용됩니다. (Aseprite: Animation)

전환 프레임을 그릴 때는 어니언 스키닝(onion skinning)을 가이드로 활용하세요. 이 기능은 인접 프레임을 참조용으로 표시하여 현재 그림을 이전 또는 이후의 위치와 비교할 수 있게 해 줍니다. Aseprite에서는 이전 및 이후 프레임을 몇 개까지 표시할지 설정할 수 있습니다. (Aseprite: Onion Skinning) 지금 수정 중인 움직임을 비교하는 데 필요한 만큼만 오버레이를 표시하세요. 잔상 포즈가 여러 개 겹쳐 보일 때는 기능을 잠시 끄고 현재 프레임만 단독으로 점검하세요.

초안 단계에서는 멈춤 동작이 필요할 때 포즈를 복제한 다음, 재생에 다른 리듬이 필요하다면 프레임 지속 시간을 조정하거나 별도의 그림을 추가하세요. Aseprite에서 프레임 표시 시간은 밀리초 단위로 측정되므로, 타이밍을 바꾸기 위해 매번 다른 포즈를 새로 그릴 필요는 없습니다. (Aseprite: Sprite structure) 초기에 설정한 타이밍은 테스트 값으로 생각하세요. 모든 동작이나 스타일에 들어맞는 단 하나의 정답 타이밍은 없습니다.

섹션 5

실제 사용될 크기와 속도로 미리보기

시퀀스를 일정한 속도로 재생하고 의도한 디스플레이 크기에서 캐릭터를 살펴보세요. 먼저 일시정지 없이 시청해 보세요. 캐릭터가 무엇을 하고 있는지 알아볼 수 있나요? 그런 다음 프레임을 하나씩 넘기면서 어색함을 유발한 포즈나 전환 구간을 찾아내세요. Aseprite의 애니메이션 워크플로에는 재생 미리보기가 포함되어 있으며, 타임라인에서 프레임의 지속 시간을 변경할 수 있습니다. (Aseprite: Animation)

유용한 첫 테스트를 위한 세 가지 점검 사항이 있습니다. 첫눈에 동작을 알아볼 수 있는지, 고정되어 있어야 할 캐릭터 부위가 흔들리지 않는지, 루프가 있을 경우 의도치 않게 튀는 현상 없이 매끄럽게 되돌아오는지입니다. 이러한 점검은 테스트를 진단하기 위한 편집 기법일 뿐, 관객의 반응을 보장하는 것은 아닙니다.

움직임이 너무 부자연스럽거나 급작스럽게 느껴진다면 주요 포즈 사이의 간격이나 지속 시간을 변경해 보세요. 움직임이 힘없이 느껴진다면 중간 그림을 많이 추가하기 전에 핵심 포즈를 더 뚜렷하게 만드세요. 캐릭터가 흔들리는 것처럼 보인다면 머리 중심이나 몸통 밑동처럼 프레임 전반에서 고정되어야 할 기준점을 서로 비교해 보세요. 한 번에 한 가지 문제만 수정한 다음 다시 미리보기를 하여 그 조정이 도움이 되었는지 확인하세요.

섹션 6

첫 테스트는 범위를 좁혀 유지하기

선택한 동작이 현재 범위에서 제대로 작동하기 전까지는 테스트를 완전한 캐릭터 애니메이션으로 확장하지 마세요. 프레임과 레이어가 온전히 유지된 상태로 편집 가능한 프로젝트를 저장하세요. 미리보기 내보내기는 편집기 외부에서 재생 상태를 확인하거나 공유해야 할 때만 수행하세요. Aseprite 문서에서는 타임라인의 프레임, 레이어, 셀(cel)을 구분하여 설명하며 각 프레임마다 표시 지속 시간이 있음을 안내합니다. (Aseprite: Sprite structure)

테스트에서 동작이 명확하게 전달되면 배운 점을 기록해 두세요. 어떤 포즈가 필수적이었는지, 어떤 프레임의 타이밍 조정이 필요했는지, 너무 작아서 눈에 띄지 않았던 세부 표현은 무엇이었는지 정리합니다. 이러한 기록은 의도적으로 범위를 좁힌 첫 실험의 가치를 보존하면서 다음 애니메이션 작업을 위한 구체적인 출발점을 마련해 줍니다.

섹션 7

출처

관련 글

이 주제 더 살펴보기