픽셀 아트 에디터

픽셀 아트 에디터 사용 방법

1. 캔버스 크기를 고르거나(16×16, 32×32로 시작하기 좋습니다) PNG, GIF, .piskel 파일을 엽니다.
2. PICO-8이나 Endesga 32 같은 팔레트를 고르고 연필(B)로 그립니다. 오른쪽 클릭은 보조 색상으로 칠하며, 보조 색상은 기본적으로 투명입니다.
3. 선화, 색, 음영용 레이어를 추가합니다. 애니메이션용 프레임을 추가하고 어니언 스킨(K)을 켜면 이전·다음 프레임이 보입니다.
4. Enter를 눌러 애니메이션을 재생하고 FPS를 조정한 뒤, 작은 미리보기를 1×, 2× 또는 타일 형태로 확인합니다.
5. 내보내기를 열어 PNG, JSON이 포함된 스프라이트 시트, 애니메이션 GIF, SVG, 프레임 ZIP 또는 .piskel 파일을 다운로드합니다.

결과물

• 현재 프레임 PNG(1×~16×)
• JSON 프레임 목록이 포함된 스프라이트 시트 PNG(열 수 자유 설정)
• 문서 FPS를 사용하고 투명도를 유지하는 애니메이션 GIF
• 번호가 매겨진 프레임 PNG ZIP
• 색상마다 경로 하나로 구성된 SVG
• 여기나 Piskel에서 다시 열 수 있는 .piskel 파일

게임을 만들며 얻은 팁

• 1px 외곽선을 그릴 때는 픽셀 퍼펙트(P)를 켜 두세요. 손으로 그은 선에 생기는 모서리의 겹친 픽셀을 없애 줍니다.
• 연필로 Shift-클릭하면 마지막 점에서 직선이 그어집니다. 선을 드래그할 때 Shift를 누르면 45° 단위로 고정되고, 사각형/타원은 정사각형/원이 됩니다.
• 음영 도구(U)는 픽셀을 팔레트의 다음 밝은 색이나 어두운 색으로 한 단계 바꿔 주므로 팔레트를 벗어나지 않고 음영을 넣을 수 있습니다. 오른쪽 클릭은 어둡게 합니다.
• 그리기 전에 영역을 선택하면(S, 한 가지 색은 W) 획이 그 안에만 그려지고, 이동 전에 선택하면 해당 픽셀만 옮길 수 있습니다.
• 캐릭터나 정면 스프라이트는 X 대칭을 켜고 그린 다음, 마지막에 손으로 대칭을 살짝 깨 주면 찍어낸 듯한 느낌이 사라집니다.
• 선화 아래에 불투명도를 낮춘 숨긴 '스케치' 레이어를 두고, 내보내기 전에 삭제하세요.
• 작업은 이 브라우저에 자동 저장됩니다. 어디에도 동기화되지 않으니 백업이 필요하면 .piskel 파일로 내보내세요.
• Ctrl+V로 이미지를 붙여 넣으면 새 레이어로 들어가므로 참고 이미지를 따라 그릴 때 편리합니다.

활용 사례

• 아무것도 설치하지 않고 게임 잼용 캐릭터, 아이템, 타일 그리기
• AI로 생성한 스프라이트를 엔진에 가져오기 전에 픽셀 단위로 다듬기
• 대기, 걷기, 공격 사이클을 애니메이션으로 만들고 Godot, Unity, GameMaker용 시트로 내보내기
• 작은 애니메이션 GIF와 이모트 만들기
• Piskel이 설치되지 않은 컴퓨터에서 Piskel 프로젝트 편집하기

자주 묻는 질문