픽셀 아트 에디터

SeriousCode 픽셀 아트 에디터는 최대 4개 레이어, 어니언 스킨 애니메이션 프레임, 프리셋 팔레트(PICO-8, GameBoy, NES, CGA, Grayscale), 6가지 드로잉 도구, 실행 취소/다시 실행, 줌 컨트롤, PNG/스프라이트 시트 내보내기를 지원하는 무료 브라우저 기반 도구입니다. 설치나 회원가입이 필요 없습니다.

16px

색상 팔레트

레이어

Layer 1

애니메이션

1

6

내보내기

PNG 내보내기

키보드 단축키

B - 연필

E - 지우개

G - 채우기

I - 스포이드

L - 직선

R - 사각형

Ctrl+Z - 실행 취소

Ctrl+Shift+Z - 다시 실행

+ - 확대

- - 축소

제안이 있으신가요?

새로운 도구를 요청하거나 개선 사항을 제안해 주세요 — Slack 커뮤니티에 참여하세요!

Slack에서 피드백 남기기

픽셀 아트 에디터란?

픽셀 아트 에디터는 그리드 위에 개별 픽셀을 배치하여 레트로 스타일의 아트워크, 게임 스프라이트, 아이콘, 애니메이션을 만드는 전문 드로잉 도구입니다. 벡터나 래스터 에디터와 달리 모든 픽셀이 의도적으로 배치되어 각 점을 완벽하게 제어할 수 있습니다. 무료 브라우저 기반 픽셀 아트 에디터는 다중 레이어, 어니언 스킨 애니메이션 프레임, 클래식 게임 시스템의 프리셋 색상 팔레트, 내보내기 옵션 등 전문 기능을 설치나 계정 없이 제공합니다.

픽셀 아트 에디터 사용법

  1. 프로젝트를 시작할 캔버스 크기(8×8 ~ 64×64)를 선택하세요
  2. 색상 팔레트 프리셋(PICO-8, GameBoy, NES, CGA, Grayscale)을 선택하거나 커스텀 색상을 지정하세요
  3. 드로잉 도구를 사용하세요: 연필은 단일 픽셀, 직선은 직선 그리기, 사각형은 도형, 채우기는 영역 채우기
  4. 레이어를 추가하여 아트워크를 구성하세요 — 각 레이어의 불투명도와 가시성을 조절할 수 있습니다
  5. 애니메이션 프레임을 만들고, 어니언 스킨을 활성화하여 이전 프레임을 보면서 그리세요
  6. 작업을 다양한 스케일(1x~8x)의 PNG로 내보내거나 게임 개발용 스프라이트 시트로 내보내세요

자주 묻는 질문

어떤 캔버스 크기를 사용할 수 있나요?

에디터는 8×8, 16×16, 32×32, 64×64 픽셀 캔버스를 지원합니다. 작은 아이콘(8×8)부터 상세한 스프라이트(64×64)까지 일반적인 용도를 모두 커버합니다. 캔버스는 선명한 픽셀 스케일링으로 렌더링되어 그리는 동안 각 픽셀을 명확하게 볼 수 있습니다.

애니메이션 픽셀 아트를 만들 수 있나요?

네! 여러 애니메이션 프레임을 추가하고, 기존 프레임을 복제하고, 재생 속도(FPS)를 조절하고, 어니언 스킨을 활성화하여 다음 프레임을 그리는 동안 이전 프레임을 반투명 오버레이로 볼 수 있습니다. 모든 프레임을 게임 엔진용 스프라이트 시트로 내보낼 수 있습니다.

어떤 색상 팔레트가 포함되어 있나요?

5가지 프리셋 팔레트가 포함되어 있습니다: PICO-8(인디 게임에서 인기 있는 16색), GameBoy(클래식 녹색 4색조), NES(닌텐도 엔터테인먼트 시스템의 64색), CGA(클래식 PC 16색), Grayscale(검정에서 흰색까지 12단계). 커스텀 색상도 자유롭게 선택할 수 있습니다.

레이어는 어떻게 작동하나요?

프레임당 최대 4개의 레이어를 만들 수 있습니다. 각 레이어에는 독립적인 가시성 토글, 불투명도 조절(0-100%), 순서 변경 기능이 있습니다. 레이어는 아래에서 위로 알파 블렌딩으로 합성되어 배경, 캐릭터, 효과를 분리할 수 있습니다.

어떤 내보내기 형식을 지원하나요?

1x, 2x, 4x, 8x 스케일의 PNG로 내보내어 어떤 디스플레이 해상도에서도 선명한 픽셀 아트를 얻을 수 있습니다. 애니메이션의 경우 모든 프레임을 가로 그리드로 배열하는 스프라이트 시트로 내보낼 수 있으며, Unity, Godot, Phaser 같은 게임 엔진과 호환됩니다.

관련 도구