픽셀 직접 그리기

픽셀 직접 그리기

레이어와 프레임을 나누어 픽셀 작품을 직접 그리세요. 자동 저장하지 않으므로 나가기 전에 프로젝트 JSON을 저장하세요.

한 변 8~64px · 레이어 6개 · 프레임 8개 · 팔레트 24색 · JSON 최대 4 MiB · 전체 상태 500,000칸 한도 안에서 되돌리기 최대 20단계.

캔버스와 편집 기록

새 캔버스는 선택한 크기의 빈 작품으로 바꿉니다. 이전 상태가 기록 한도에 남아 있으면 되돌릴 수 있습니다. 크기 선택만으로 기존 작품을 늘이거나 줄이지 않습니다.

픽셀 편집

도구와 색

Tab으로 격자 진입, 방향키 이동, Enter/Space로 도구 적용, Delete로 지우기, Home/End로 행 끝 이동, Ctrl+Home/End로 전체 끝 이동. Ctrl/Command+Z는 되돌리기, Shift를 더하면 다시 실행입니다. Escape는 진행 중인 획·저장을 취소합니다. 한 번의 드래그는 한 단계로 기록합니다. 터치로 큰 격자를 이동하려면 격자 스크롤 도구를 선택하세요.

현재 프레임: 프레임 1 · 레이어: 레이어 1

선택한 칸: 1열 1행(1부터 시작).

합성 미리보기

브라우저 미리보기 시간은 근사값입니다. 페이지가 숨겨지면 재생을 멈춥니다.
현재 미리보기 프레임의 표시 레이어 · 1/1 · 160 ms
작품 저장

현재 프레임: 64 × 64px. 가로 스프라이트 시트: 64 × 64px.

체크무늬는 저장하지 않습니다. 스프라이트는 왼쪽부터 프레임을 놓고 시간은 JSON에 보관합니다. 정수 확대는 보간 없이 픽셀을 복제합니다. Canvas 인코딩에서 반투명 RGB가 반올림될 수 있습니다.

프로젝트 열기

불러오기는 현재 작품을 바꾸며 기록 한도 안에서 되돌릴 수 있습니다. 올바른 필드의 버전 1만 받으며 오류가 있으면 현재 작품을 유지합니다. 일반 이미지 파일 입력이 아닙니다.

캔버스가 준비되었습니다. 색을 골라 그려 보세요.

작품·프로젝트 JSON·레이어 이름·설정은 이 페이지 메모리에만 보관합니다. 이 도구는 해당 내용을 업로드하거나 브라우저 저장소에 자동 저장하지 않습니다. 나가기 전에 프로젝트를 직접 저장하세요. 재생 타이머와 임시 다운로드 URL은 교체하거나 도구를 닫을 때 정리합니다.

댓글과 질문

픽셀 직접 그리기

작은 격자에 직접 픽셀 작품을 만드세요. 프레임마다 레이어의 픽셀을 독립적으로 보관하고 레이어 순서·표시·불투명도는 프로젝트 전체에 적용합니다. 붓·지우개·영역 채우기로 그린 뒤 프레임을 미리 보고, PNG 작품과 나중에 다시 편집할 JSON 프로젝트를 함께 저장할 수 있습니다.

주요 기능

  • 포인터와 키보드 격자로 그리기·지우기·연결 영역 채우기·보이는 색 추출을 수행합니다.
  • 이름·표시·불투명도·쌓임 순서를 가진 레이어를 최대 6개 사용합니다.
  • 서로 독립적으로 편집하는 프레임을 최대 8개 생성·복제·정렬·삭제하고 시간을 지정합니다.
  • 팔레트를 최대 24색까지 관리하며 붓 알파로 반투명 픽셀을 그립니다.
  • 획·레이어·프레임·팔레트 변경을 정해진 메모리 한도 안에서 되돌리고 다시 실행합니다.
  • 픽셀을 그대로 정수 확대해 현재 프레임 PNG·가로 스프라이트 시트·프로젝트 JSON을 저장합니다.

사용 방법

  1. 격자 크기를 고르고 새 캔버스를 만들거나 3프레임 예제를 불러오세요.
  2. 레이어와 프레임을 선택하고 색·알파·도구를 정해 격자에 그리거나 채우세요.
  3. 레이어·프레임을 추가하거나 순서를 바꾸고 미리보기에서 시간과 레이어 불투명도를 확인하세요.
  4. 정수 출력 배율을 정하고 현재 프레임 또는 스프라이트 PNG와 재편집용 JSON을 저장하세요.

활용 예시

  • 배경과 세부 묘사를 별도 레이어로 나누어 작은 투명 아이콘을 만듭니다.
  • 캐릭터의 여러 자세를 그린 뒤 가로 스프라이트 시트로 저장합니다.
  • 키보드로 접근 가능한 칸과 레이어 조작으로 픽셀 좌표·합성을 배웁니다.
  • 팔레트 색을 시험하고 획을 되돌리며 계정 없이 편집 가능한 프로젝트를 보관합니다.

자주 묻는 질문

기존 도트·픽셀아트 변환과 무엇이 다른가요?

변환 도구는 기존 사진을 평균 색 블록과 제한된 팔레트로 바꿉니다. 이 편집기는 직접 그리는 격자에서 시작하며 사용자의 붓 자국을 레이어와 프레임에 나누어 저장합니다. 사진을 불러와 자동 변환하는 기능은 제공하지 않습니다.

레이어·투명도·채우기는 어떻게 동작하나요?

번호가 큰 레이어가 위에 놓입니다. 표시와 레이어 불투명도는 모든 프레임에 적용하지만 칠한 픽셀은 프레임마다 독립적입니다. 붓 알파와 레이어 불투명도를 source-over 방식으로 합성합니다. 채우기는 현재 레이어에서 같은 RGBA 값으로 상하좌우 연결된 칸만 바꾸며 숨긴 레이어에는 그릴 수 없습니다.

마우스 없이도 그릴 수 있나요?

Tab으로 격자에 들어가 방향키로 이동하세요. Home/End는 행의 처음·끝으로, Ctrl+Home/End는 전체 처음·끝으로 이동합니다. Enter 또는 Space는 선택 도구를 적용하고 Delete 또는 Backspace는 칸을 지웁니다. 문자 입력칸 밖에서 Ctrl/Command+Z는 되돌리기, Shift를 더하면 다시 실행입니다. Escape는 진행 중인 획·저장을 취소하고 재생을 멈춥니다.

PNG와 프로젝트에는 무엇이 저장되나요?

PNG에는 보이는 레이어의 합성과 알파를 정수 배율로 저장합니다. 스프라이트 시트는 표시 순서대로 프레임을 왼쪽부터 놓는 정지 PNG이며 GIF나 재생 시간을 포함한 파일이 아닙니다. JSON은 격자·팔레트·숨긴 레이어를 포함한 모든 픽셀·레이어 설정·프레임 시간을 보존합니다. 이 도구의 버전 1 형식만 다시 열 수 있습니다.

한도는 얼마이고 새 캔버스도 되돌릴 수 있나요?

한 변 8~64픽셀, 레이어 6개, 프레임 8개, 팔레트 24색까지입니다. 프레임 시간은 40~2,000ms, PNG 배율은 1~8배입니다. 현재 상태와 기록을 합쳐 500,000칸 한도 안에서 최대 20단계 되돌리기를 보관하므로 큰 프로젝트는 단계 수가 줄어듭니다. 이전 상태가 남아 있으면 새 캔버스·불러오기도 되돌릴 수 있고 새 편집을 시작하면 다시 실행 기록은 지웁니다.

작품을 자동 저장하거나 업로드하나요?

아닙니다. 작품과 설정은 페이지 메모리에만 있으므로 프로젝트를 저장하지 않고 페이지를 닫거나 새로고침하면 사라집니다. 그림을 업로드하거나 브라우저 저장소에 보관하지 않습니다. JSON 입력은 4 MiB까지이며 구조·개수·값·허용 필드를 엄격히 검사합니다. 잘못된 파일은 현재 작품을 바꾸지 않습니다.

개인정보 안내

작품·프로젝트 JSON·레이어 이름·설정은 이 페이지 메모리에만 보관합니다. 이 도구는 해당 내용을 업로드하거나 브라우저 저장소에 자동 저장하지 않습니다. 나가기 전에 프로젝트를 직접 저장하세요. 재생 타이머와 임시 다운로드 URL은 교체하거나 도구를 닫을 때 정리합니다.

참고 자료

관련 도구

도트·픽셀아트 변환이미지 필터움짤·GIF 만들기이미지 세부 확대 도구HDR 노출 합성기흑백 사진 색 복원 실험실파노라마 이어 붙이기판재 배치 계획기영상 편집 목록 작성기대본 프롬프터이중 자막 학습 플레이어코드 진행 실험실오선 악보 편집기자막 편집 작업대입체 음향 배치기음원 코드 후보 분석기MIDI 피아노롤 편집기샘플 악기 만들기공간 잔향 합성기오디오 파형 편집기전화 키패드 신호 실험실그림으로 소리 만들기오디오 스펙트럼 분석기오디오 잡음 정리기음원 성분 분리기효과음 합성기멀티트랙 오디오 믹서드럼 샘플 슬라이서반복 음원 이음새 찾기오디오 음량 분석기음원 음높이·템포 편집기스테레오 애너글리프 제작기사진 모자이크 제작기이미지 주파수 분석기비슷한 사진 중복 찾기렌티큘러 인터레이스 도안재질 텍스처 맵 제작 실험실360도 사진 투어 만들기영상 교정 타깃 제작기이미지 메시지 숨기기 실험벡터 모핑 편집기문서 원근 보정기사진 영역 메우기뜨개 기호 도안 편집기벡터 도형 조합기SVG 경로 편집기심리스 패턴 제작기실크스크린 색판 분리기퀼트 블록 배치기원근 목업 제작기로우폴리 색면 제작기폰트 부분집합 만들기초점 합성 도구사진 깊이 지도 만들기십자수 도안 제작기CSS 애니메이션 타임라인이미지 차이 히트맵이미지 품질 측정실증명사진 만들기바코드 스캐너동영상 GIF 변환크로마키 영상 합성기영상 흔들림 보정기영상 구도 추적 편집기스톱모션 촬영 작업대영상 타임코드 대조기영상 인코딩 비교기HLS·DASH 매니페스트 검증기영상 속도 곡선 편집기영상 컨테이너 탐색기영상 스토리보드 만들기영상 개인정보 가림기영상 로토스코프 마스크 편집기영상 움직임 좌표 추적기영상 중간 프레임 만들기화면 해설 편집기영상·음성 싱크 맞추기동영상 자르기GIF 프레임 추출SVG→PNG/JPG 변환이미지 SVG 벡터화프로필 원형 자르기액자·폴라로이드 프레임이미지 모서리 둥글게JPEG EXIF 정보 보기·제거이미지 색각 시뮬레이터이미지 ASCII 아트사진 콜라주인스타 9분할 이미지긴 이미지 분할이미지 자르기이미지 회전·반전밈 만들기스크린샷 꾸미기바코드생성기QR코드 생성기이미지 압축기이미지 리사이즈이미지 포맷 변환파비콘 생성기유튜브 썸네일 추출기HEIC JPG 변환전자서명·도장 생성기이미지 워터마크이미지 색상 추출(스포이드)이미지 텍스트 추출(OCR)이미지 합치기사진 모자이크·블러QR코드 스캔MP4 MP3 변환 (음원 추출)동영상 압축 (용량 줄이기)배경 제거 (누끼따기)
이미지/미디어 도구 전체 보기 →텍스트/변환 →생활/재미 →개발 도구 →