게임 캐릭터의 걷는 동작을 직접 그리거나 작은 픽셀 그림을 만들고 싶다면 Pixelorama에서 캔버스와 프레임을 함께 다룰 수 있습니다. Orama Interactive의 공식 GitHub에는 무료 1.2.3 릴리스가 있으며, Windows 64비트 설치 파일과 압축해서 쓰는 ZIP 파일이 따로 올라와 있습니다. 이 글은 설치 파일을 고르는 법부터 첫 프레임을 그려 저장하는 순서까지 설명합니다.
처음에는 작은 캔버스에 캐릭터의 기본 자세 한 장을 그린 뒤 프레임을 하나 더 만들어 팔이나 다리 위치만 바꿔 보세요. 아래쪽 타임라인에서 두 프레임을 번갈아 보고, 작업을 이어갈 .pxo 프로젝트 파일과 다른 곳에 사용할 이미지 파일을 각각 저장하면 결과를 잃지 않습니다.
Pixelorama 1.2.3 Windows 설치 안내 보기
Pixelorama로 첫 픽셀아트를 만드는 흐름
Pixelorama는 가운데 캔버스에서 픽셀을 그리며, 왼쪽 도구 모음에서 연필·지우개·도형·채우기 도구를 고르는 편집기입니다. 공식 UI 설명은 캔버스 아래에 레이어와 프레임을 다루는 타임라인, 오른쪽에 색상 선택과 팔레트가 놓인다고 안내합니다. 처음부터 복잡한 효과를 쓰기보다 연필로 윤곽을 잡고 채우기 도구로 면을 칠하는 작업이 이해하기 쉽습니다.
레이어는 배경과 캐릭터처럼 겹치는 부분을 분리합니다. 프레임은 시간 순서대로 바뀌는 그림이고, 각 레이어와 프레임이 만나는 칸을 셀이라고 부릅니다. 움직임을 만들 때에는 캐릭터 레이어의 다음 프레임을 추가하고 일부 픽셀만 바꿔 그릴 수 있습니다. 레이어를 잠그거나 숨긴 상태라면 원하는 칸이 선택되어 있는지도 함께 확인해야 합니다.
공식 문서에 따르면 프로젝트 저장은 .pxo 파일을 만들고 레이어·태그 같은 편집 정보를 남깁니다. 반면 내보내기는 PNG·GIF·APNG 또는 여러 프레임을 한 장에 놓은 스프라이트 시트처럼 다른 프로그램에서 쓸 결과물을 만듭니다. 편집을 다시 할 계획이라면 내보내기만 하지 말고 프로젝트도 저장해 두세요.
공식 화면에서 캔버스와 내보내기 설정 살펴보기
첫 이미지는 공식 저장소 README가 연결한 Pixelorama 편집 화면입니다. 왼쪽 도구, 가운데 캔버스, 오른쪽 레이어·색상 패널이 보입니다. 두 번째 이미지는 공식 문서의 스프라이트 시트 내보내기 예시로, 프레임을 행으로 배열하고 파일 형식을 고르는 창입니다. 두 이미지는 설명용 예시이며 모든 운영체제에서 창 배치가 똑같다는 뜻은 아닙니다.
Pixelorama 1.2.3 Windows 설치 안내 보기
| 프로그램 | Pixelorama 1.2.3 |
|---|---|
| 제작 | Orama Interactive |
| 지원 환경 | Windows 64비트 설치 파일; 다른 플랫폼 파일 별도 |
| 비용 | GitHub 릴리스 무료; Steam판은 유료 |
| 주요 작업 | 픽셀아트와 프레임 애니메이션 제작 |
| 선택 파일 | Pixelorama_v1.2.3_setup.exe |
공식 무료 파일과 유료 Steam판 구분하기
공식 Pixelorama 문서는 GitHub Releases의 파일을 무료로 받을 수 있다고 설명합니다. 1.2.3 릴리스에는 Windows용 Pixelorama_v1.2.3_setup.exe와 64비트·32비트 ZIP, Mac DMG, Linux 파일이 따로 있습니다. Windows 64비트 PC에 설치 과정을 거치려면 이름에 setup.exe가 들어간 파일을 고르세요. ZIP은 압축을 풀어 사용하는 형태로 이 글의 설치 순서와 다릅니다.
Steam에 표시되는 가격을 보고 Pixelorama 전체가 유료라고 오해하기 쉽습니다. 공식 설치 문서는 Steam판이 개발을 후원하는 유료 배포 방식이며, 무료 GitHub판과 기본 프로그램이 사실상 같다고 설명합니다. 자동 업데이트나 Steam 업적 등 Steam 서비스가 필요한 경우를 제외하면 무료 파일로 픽셀아트를 그릴 수 있습니다. 돈을 낼 필요가 없는 경로를 찾는다면 Orama Interactive의 GitHub 릴리스 주소를 확인하세요.
릴리스 자산 이름의 Windows, Linux, Mac 표기를 먼저 읽는 것이 중요합니다. 공식 자산 목록에서 Windows 64비트 설치 파일 크기는 80,358,598바이트로 표시됩니다. 파일을 받기 전 운영체제가 64비트인지 Windows 시스템 정보에서 확인하고, 브라우저의 저장 경로도 정해 두세요. 설치 화면에 표시되는 선택지는 환경에 따라 달라질 수 있으므로 실제 안내를 읽고 진행합니다.
캔버스에 캐릭터 한 장 그리기
Pixelorama를 열고 새 프로젝트에서 작은 크기의 캔버스를 준비합니다. 구체적인 가로·세로 크기는 결과물을 어디에 쓸지에 따라 정하면 됩니다. 처음 연습이라면 캐릭터의 머리와 몸통이 화면에 충분히 들어오면서도 픽셀 하나씩 수정할 수 있는 크기가 편합니다. 새 화면이 열리면 캔버스와 왼쪽 도구 모음, 색상 영역이 보이는지 확인하세요.
공식 그리기 안내에서 Pencil은 개별 픽셀을 찍는 기본 도구이며 왼쪽 단축키는 P입니다. 윤곽을 한 색으로 그린 뒤 Bucket을 선택하면 같은 색이 이어진 영역을 한 번에 채울 수 있습니다. Bucket의 기본 단축키는 B입니다. 면이 예상 밖까지 채워진다면 윤곽에 빈틈이 없는지와 도구 옵션의 채우기 범위가 같은 색 영역인지 전체 같은 색 픽셀인지 확인하세요.
색을 고를 때에는 오른쪽 색상 선택기와 팔레트를 사용합니다. 이미 그린 색을 다시 쓰려면 Color Picker를 선택하거나 공식 문서가 설명한 Alt와 클릭 조합으로 캔버스에서 색을 집을 수 있습니다. 한 장의 그림만 만들더라도 배경과 캐릭터를 레이어로 나누면 나중에 색을 고치거나 프레임을 만들 때 다른 부분을 건드릴 가능성이 줄어듭니다.
- 새 프로젝트의 캔버스 크기를 정하고 연필로 캐릭터 윤곽을 그립니다.
- 색상 선택기에서 색을 골라 Bucket으로 닫힌 영역을 채웁니다.
- 배경과 캐릭터를 서로 다른 레이어에 두고 원하는 레이어가 선택됐는지 확인합니다.
두 프레임으로 간단한 움직임 확인하기
화면 아래 타임라인에서 첫 프레임의 캐릭터 레이어 셀을 찾습니다. 프레임을 새로 만들거나 기존 프레임을 복제해 두 번째 장면을 준비합니다. 첫 그림을 유지한 채 팔 위치만 바꾸려면 복제한 프레임에서 해당 셀을 선택하고 수정하세요. 셀을 잘못 선택한 채 그리면 다른 레이어 또는 다른 프레임이 바뀔 수 있으므로 타임라인의 선택 표시를 보고 시작하는 편이 안전합니다.
공식 타임라인 문서에 따르면 Play 버튼이나 F5를 누르면 애니메이션을 앞으로 미리 볼 수 있습니다. 화면의 FPS 값은 초당 프레임 수이며 기본값은 6입니다. 두 장면의 변화가 너무 빠르거나 느리면 FPS 또는 개별 프레임의 지속 시간을 조정할 수 있습니다. 첫 테스트에서는 두 프레임이 차례로 보이는지만 확인한 후 속도를 조절해도 충분합니다.
앞뒤 프레임의 위치를 맞추기 어려우면 타임라인의 어니언 스키닝을 켜 보세요. 이전 프레임과 다음 프레임을 현재 그림에 겹쳐 보여 주는 기능입니다. 선이 겹쳐 보일 때 최종 이미지에 남는 선으로 착각하지 않도록 미리보기를 켜고 끈 상태를 비교하세요. 애니메이션이 한 프레임으로만 보이면 선택한 프레임 수와 재생 범위를 먼저 확인합니다.
- 첫 프레임을 만든 뒤 두 번째 프레임을 추가하거나 복제합니다.
- 두 번째 프레임의 캐릭터 셀을 선택해 팔이나 다리 위치만 바꿉니다.
- Play 또는 F5로 두 장면이 번갈아 나타나는지 확인합니다.
프로젝트 저장과 GIF·스프라이트 시트 내보내기
편집을 끝내기 전 File의 Save를 선택하거나 Ctrl+S를 눌러 .pxo 프로젝트를 저장하세요. 공식 문서는 이 파일이 레이어와 프레임 태그 등 다시 편집할 정보를 보존한다고 설명합니다. 기존 파일을 덮어쓰지 않고 다른 이름으로 남기려면 Save as를 선택합니다. 내보낸 이미지 파일만 남기면 이후 레이어별로 편집하기 어려우므로 두 파일의 목적을 구분하세요.
완성된 그림이나 움직임을 다른 사람에게 보여 주려면 File의 Export 또는 Ctrl+E를 사용합니다. 정지 그림은 PNG, 짧은 움직임은 GIF나 APNG 형식을 선택할 수 있습니다. 게임 엔진에 여러 장면을 한 장으로 넣고 싶다면 내보내기 창의 Spritesheet 탭으로 이동해 행·열 배열과 포함할 프레임을 고르세요. 공식 화면 예시에는 Orientation, Frames, Layers, Direction, Resize, Path, File 항목이 보입니다.
내보내기 전 미리보기에서 프레임이 빠지지 않았는지와 행·열 방향이 기대한 대로인지 살펴보세요. 이미지가 다른 프로그램에서 흐릿하게 보인다면 공식 문서가 권하는 Nearest 보간 방식으로 내보내기 크기를 키울 수 있습니다. 파일 이름과 저장 위치를 확인한 뒤 Export를 누르고, 저장 폴더에서 결과물이 실제로 만들어졌는지 열어 확인하세요. 프로젝트 .pxo와 공유용 이미지 파일이 모두 있으면 첫 작업을 마친 것입니다.
칠하기·재생·저장이 기대대로 되지 않을 때
Bucket을 눌렀는데 다른 곳까지 색이 퍼졌다면 윤곽이 닫혀 있는지 확대해서 살펴보세요. 같은 색 영역만 채울지, 같은 색 픽셀을 모두 바꿀지 도구 옵션도 확인해야 합니다. Pencil이 움직이는데 픽셀이 바뀌지 않는다면 현재 선택한 레이어가 잠겨 있는지, 숨겨져 있는지, 지금 보는 프레임의 셀을 골랐는지 확인하세요.
재생했을 때 한 그림만 반복된다면 타임라인에 실제로 두 개 이상의 프레임이 있는지, 두 셀의 그림이 서로 다른지 확인하세요. 어니언 스키닝이 켜져 있으면 이전 그림이 비쳐 보여 재생 화면과 편집 화면을 혼동할 수 있습니다. Play 미리보기와 현재 셀을 따로 비교하면 원인을 찾기 쉽습니다.
저장한 .pxo를 열어야 할 자리에 PNG나 GIF를 찾고 있다면 File의 Save와 Export를 혼동한 것일 수 있습니다. .pxo는 다시 편집하는 프로젝트이며 내보낸 이미지는 공유·배치용 결과물입니다. 먼저 프로젝트가 저장됐는지 파일 이름을 확인하고, 내보내기 창에서는 형식과 경로가 맞는지 확인한 뒤 다시 결과물을 만드세요.
자주 묻는 질문
Pixelorama는 무료로 사용할 수 있나요?
공식 GitHub Releases의 배포 파일은 무료입니다. Steam판은 프로젝트를 후원하는 유료 배포 방식입니다.
Windows 64비트에서 설치할 파일은 무엇인가요?
1.2.3 릴리스의 Pixelorama_v1.2.3_setup.exe를 고르면 됩니다. 32비트와 64비트 ZIP은 압축형 파일입니다.
픽셀아트 작업을 나중에 다시 고치려면 무엇을 저장하나요?
.pxo 프로젝트 파일을 저장하세요. 레이어와 프레임 등 편집 정보를 남깁니다.
두 프레임의 움직임은 어디에서 확인하나요?
화면 아래 타임라인에 두 프레임을 만든 뒤 Play 또는 F5로 미리 보세요.
게임에서 쓸 한 장의 스프라이트 시트도 만들 수 있나요?
Export 창의 Spritesheet 탭에서 프레임의 행·열 배열을 정해 내보낼 수 있습니다.
한 장을 그린 뒤 다음 프레임으로 이어 보세요
Pixelorama를 처음 쓴다면 캐릭터 한 장의 윤곽과 색을 완성하고, 다음 프레임에서 작은 동작만 바꿔 보세요. 타임라인 재생으로 변화를 확인한 다음 .pxo 프로젝트를 저장하고 필요한 PNG·GIF·스프라이트 시트를 내보내면 됩니다. Windows 설치용 무료 파일은 공식 1.2.3 릴리스에서 플랫폼과 파일 이름을 맞춰 선택하세요.
공식 자료와 확인일
Pixelorama 공식 저장소·무료 라이선스·기능 소개 · Pixelorama 공식 v1.2.3 릴리스와 파일 목록 · Pixelorama 공식 설치 문서·무료 GitHub판과 Steam판 구분 · Pixelorama 공식 그리기·도구 사용 문서 · Pixelorama 공식 타임라인 문서 · Pixelorama 공식 저장·내보내기 문서 | 2026-10-07
Pixelorama 1.2.3 Windows 설치 안내 보기
