온라인에서 픽셀 아트 만들기

맞는 캔버스부터 고르세요

작은 아이콘과 작은 스프라이트는 16 × 16, 클래식 게임 스프라이트는 32 × 32, 디테일한 작업은 64 × 64, 장면은 128 × 128로 시작해 보세요. 한 변당 4부터 2048px까지 직접 입력할 수도 있어요. 지금 캔버스 크기는 도구 모음에 항상 표시되고, 가로·세로 입력으로 언제든 크기를 바꿀 수 있어요. 그림도 함께 늘어나요.

실제로 쓰는 도구들

• 연필(B) — 클릭당 한 픽셀을 칠해요. Shift를 누르면 직선, Alt를 누르면 도구 변경 없이 색을 가져와요.
• 지우개(E) — 투명으로 지워요. Alt + 클릭하면 연결된 같은 색을 한 번에 지워요.
• 채우기(G) — 외곽선을 지키면서 새지 않게 영역을 채워요. 지워진 가장자리로는 번지지 않아요.
• 스포이드(I) — 레이어에 관계없이 보이는 모든 픽셀의 색을 가져와요.
• 이동(스페이스)과 레이어 이동 — 화면을 움직이거나 현재 레이어 전체를 옮겨요.
• 실행 취소·다시 실행 — Ctrl/⌘ + Z, Ctrl + Shift + Z 또는 Ctrl + Y를 지원해요. 정해진 횟수가 아니라 메모리만큼 깊게 기록돼요.
• 지우기와 가져오기 — 현재 레이어를 비우거나 사진·SVG·PDF 페이지를 새 레이어로 불러올 수 있어요.

레이어와 불투명도, 블렌드 모드

모든 캔버스에서 이름 있는 레이어를 여러 장 쓸 수 있어요. 보이기·숨기기, 잠금, 순서 변경, 레이어별 불투명도, 일곱 가지 블렌드 모드(Normal, Multiply, Screen, Overlay, Darken, Lighten, Difference)를 지원해요. Ctrl/⌘ + C/X/V로 레이어 전체를 복사·잘라내기·붙여넣을 수 있어요. 붙여넣기는 똑똑하게 동작해요. 같은 프레임 안에서는 새 레이어가 생기고, 애니메이션의 다른 프레임에서는 짝이 맞는 레이어에 그려져요. 애니메이터에서는 🔗 버튼으로 레이어를 모든 프레임에 공유할 수 있어서 배경 작업에 좋아요.

어지럽지 않은 색상 관리

색상 패널은 저장한 색상과 캔버스에 이미 쓴 색(최대 48색)을 합쳐서 보여줘요. 그래서 그리다 보면 팔레트가 저절로 모여요. “+ 추가”로 즐겨찾기를 저장하고 “− 삭제”로 정리하세요. 적은 팔레트로 그리는 건 실력이에요. 팔레트 가이드에서 정말 필요한 색이 몇 개인지 확인해 보세요.

확대와 가이드, 터치

마우스 휠 확대와 확대 버튼, 화면 맞춤, 진짜 100% 보기, 픽셀이 커지면 자동으로 나오는 픽셀 가이드를 지원해요. 가운데 버튼이나 이동 도구, 스페이스 + 드래그로 화면을 움직일 수 있어요. 터치 화면은 Pointer Events로 동작해서 손가락과 스타일러스로 바로 그릴 수 있어요.

내보내기와 자동 저장

원본 크기(1배) PNG와 진짜 벡터 SVG, 벡터 PDF로 다운로드할 수 있어요. 프로젝트 이름 입력란이 파일 이름이 돼요. 작업물은 내 브라우저(localStorage)에 자동 저장되고, 전체 프로젝트 파일(.piximelon.json)을 내려받아 백업하거나 다른 기기로 옮길 수 있어요. 처음 시작한다면 픽셀 아트 그리는 법에서 전체 과정을 따라가 보세요.

계속 살펴보기

• 픽셀 아트 그리는 법
• 픽셀 아트 캐릭터 만드는 법
• 픽셀 아트 색상 팔레트
• 픽셀 아트 음영
• 영상을 픽셀 아트로 바꿔 보세요
• 온라인에서 픽셀 아트 애니메이션 만들기