온라인에서 픽셀 아트 애니메이션 만들기

애니메이션 순서, 차근차근

1. 캔버스 크기 고르기 — 미리보기 중에서 고르거나 가로·세로 직접 입력. 메이커와 똑같아요.
2. 프레임 1 그리기 — 내장 편집기에서 그려요(도구와 레이어, 팔레트 모두 같아요).
3. 프레임 추가하기 — + 프레임으로 새로 만들거나 복제로 현재 프레임을 복사한 뒤 움직이는 부분만 바꿔요.
4. 속도 정하기 — FPS 슬라이더(1–24)로 정하고 재생을 눌러요. 반복 재생과 현재 프레임 표시를 바로 확인할 수 있어요.
5. 내보내기 — GIF나 스프라이트 시트로 저장하고, 현재 프레임은 PNG·SVG·PDF로 저장할 수 있어요.

프레임과 타임라인(프레임 목록)

프레임은 캔버스 아래 번호가 매겨진 타임라인(프레임 목록)에 있어요. 눌러서 이동하고 ◀ ▶ 버튼으로 순서를 바꾸고 ← → 키로 한 장씩 넘겨 보세요. 삭제는 현재 프레임을 지우고(마지막 한 장은 비우기만 해요), 지우기는 현재 프레임의 잠기지 않은 레이어를 비워요. 편집 전에 복제부터 하는 게 동작을 일정하게 유지하는 가장 빠른 방법이에요.

어니언 스킨과 타이밍

어니언 스킨은 이전 프레임을 빨강, 다음 프레임을 파랑으로 옅게 겹쳐 보여줘요. 고스트 슬라이더로 진하기를 조절하세요. 호와 간격을 판단하는 정석 방법이에요. 타이밍은 초당 프레임 수로 정해요. 4–6 FPS는 뚝뚝 끊기는 레트로 느낌, 8–12 FPS는 대부분 스프라이트 반복에 잘 맞는 구간, 최대 24 FPS는 부드러운 효과에 좋아요. 자세한 요령은 픽셀 아트 애니메이션 만드는 법에서 다뤄요.

깜빡이지 않는 배경

아무 레이어에서 🔗를 누르면 모든 프레임에 공유돼요. 보통 배경이나 바닥 그림자에 써요. 공유 레이어는 한 번만 저장되고 모든 프레임 아래에 자동으로 합쳐져서 고정된 부분은 절대 떨리지 않아요. 움직이는 부분은 일반 레이어로 프레임마다 따로 그려요.

정지 그림에서 애니메이션으로

두 편집기 모두 “픽셀 아트 애니메이션” 버튼이 있어서 지금 합쳐진 그림을 캔버스째 애니메이터로 보낼 수 있고 프로젝트 이름도 함께 넘어가요. 메이커에서 걷기 동작을 시작하거나 사진을 변환한 뒤에 움직여 보세요. 변환 → 편집 → 애니메이션 → 내보내기 순서가 기본 흐름이에요.

내보내기: GIF와 스프라이트 시트

• GIF — 무한 반복되고 투명이 유지돼요. 긴 변이 512px 이상으로 저장돼서 작은 스프라이트도 공유할 때 또렷해 보여요.
• 스프라이트 시트 — 모든 프레임을 나란히 담은 PNG 한 장. 게임 엔진에 바로 쓸 수 있어요.
• 낱장 프레임 — 현재 프레임은 메이커 작품과 똑같이 저장돼요. 원본 크기(1배) PNG, 벡터 SVG, 벡터 PDF.

계속 살펴보기

• 픽셀 아트 애니메이션 만드는 법
• 픽셀 아트 걷기 동작
• 픽셀 아트 움직이는 GIF
• 스프라이트 시트 설명
• 영상을 픽셀 아트로 바꿔 보세요
• 온라인에서 픽셀 아트 만들기