게임용 작은 캐릭터를 그린 뒤 걷거나 눈을 깜빡이는 장면을 만들려면 그림 한 장만으로는 부족합니다. 프레임마다 조금씩 다른 모습을 그려 시간 순서에 놓고, 반복 재생할 때 끊기는 곳이 없는지 확인해야 합니다. PixiEditor는 픽셀 아트 도구와 애니메이션 타임라인을 한 창에 둔 무료 2D 편집기입니다. 이 글은 Linux에서 설치 대상을 확인하고 작은 그림을 만든 다음 프레임을 바꾸어 첫 동작을 미리 보는 데 집중합니다.
Flathub 안정 채널과 개발자 GitHub 최신 정식 릴리스는 모두 2.1.2.5로 확인했습니다. Flathub의 Linux x86_64 앱 ID는 net.pixieditor.PixiEditor이며 기본 앱은 무료입니다. 공식 화면 예시에는 타임라인, 색상 팔레트, 노드 그래프, 벡터 편집 장면이 있습니다. 예시 이미지 하단에 보이는 이전 버전 표시는 촬영 당시의 UI를 뜻하며, 현재 배포 버전을 판단할 때는 Flathub와 릴리스 기록을 기준으로 삼았습니다.
PixiEditor 2.1.2.5 Linux 설치·픽셀 프레임 애니메이션 안내
픽셀 도구로 그리고 타임라인에서 셀을 이어 붙입니다
PixiEditor의 왼쪽 도구 모음에는 Pixel Art, Painting, Vector처럼 목적이 다른 도구 묶음이 있습니다. 공식 사용 설명에 따르면 Pixel Art는 테두리가 뚜렷한 그림을 만들기 좋고 Painting은 부드러운 가장자리 표현에 가깝습니다. 작은 스프라이트의 경계가 흐려지지 않게 하려면 픽셀 아트 도구를 고르는 이유가 여기에 있습니다. 같은 화면 오른쪽에는 Layers와 색상 선택기, 아래에는 Preview가 있어 그림과 결과를 번갈아 확인할 수 있습니다.
공식 첫 번째 화면에는 초록색 픽셀 캐릭터와 아래쪽 Timeline이 보입니다. 1부터 이어지는 프레임 칸마다 작은 그림이 놓이고 빨간 표시가 현재 프레임을 가리킵니다. 타임라인의 재생 버튼과 미리보기로 움직임이 자연스러운지 살피며, Onion Skin을 이용하면 앞뒤 프레임의 흔적을 참고할 수 있습니다. 화면의 캐릭터와 12 FPS 표시는 제작 예시일 뿐 모든 새 문서에 같은 길이나 속도가 자동 설정된다는 뜻은 아닙니다.
두 번째 공식 화면은 색과 무늬를 만드는 Node Graph, 세 번째는 Palette Browser, 네 번째는 벡터 경로 편집을 보여 줍니다. 이 기능들이 한 앱에 있지만 첫 픽셀 애니메이션을 만드는 데 모두 익힐 필요는 없습니다. 먼저 작은 캔버스, Pixel Art 도구, Layers, Timeline, Preview 다섯 영역만 익혀도 프레임 두세 개의 동작을 확인할 수 있습니다. 나중에 색을 체계적으로 관리하거나 경로를 그릴 때 팔레트와 벡터 도구를 추가로 살펴보세요.
타임라인·노드 그래프·팔레트·벡터 도구의 공식 PixiEditor 화면
Flathub에 올라온 개발자 제공 UI 예시 네 장입니다. 첫 화면이 픽셀 캐릭터와 프레임 타임라인을 보여 줍니다. 이미지 하단의 이전 버전 숫자는 예시 화면 촬영 시점의 표시로 현재 안정 배포 2.1.2.5와 구분해야 합니다.
PixiEditor 2.1.2.5 Linux 설치·픽셀 프레임 애니메이션 안내
| 프로그램 | PixiEditor |
| 확인 버전 | 2.1.2.5 |
| 안내 환경 | Linux x86_64 / Flathub |
| 공식 앱 ID | net.pixieditor.PixiEditor |
| 가격·라이선스 | 무료 · LGPL-3.0-or-later |
| 주요 작업 | 픽셀 그림을 프레임으로 움직이기 |
Flathub에서 Linux용 PixiEditor를 확인하고 엽니다
Flathub 등록 페이지에서 이름 PixiEditor, 앱 ID net.pixieditor.PixiEditor, Linux x86_64 안정 채널을 확인하세요. 이 등록은 무료이고 프로젝트 라이선스는 LGPL-3.0-or-later입니다. GitHub 최신 정식 릴리스 태그도 2.1.2.5이지만, 공식 다운로드 웹페이지의 Windows 버전 표시는 갱신 시점이 다를 수 있습니다. 이 글의 설치 버튼은 Windows 파일이 아닌 Flathub Linux 등록으로 연결됩니다.
Flathub가 연결된 소프트웨어 센터에서 PixiEditor를 검색해 설치할 수 있습니다. 터미널 방식이라면 flatpak install flathub net.pixieditor.PixiEditor로 앱 ID를 지정하세요. Flatpak 또는 Flathub 저장소가 없다면 배포판 공식 안내를 따라 먼저 설정해야 합니다. 설치가 끝나면 앱 메뉴에서 PixiEditor를 열고 새 문서의 크기를 정하세요. 공식 사용 설명은 폭과 높이를 픽셀 단위로 입력한다고 설명하므로 작은 캐릭터를 그릴 때는 원하는 스프라이트 크기를 먼저 생각하는 편이 좋습니다.
다운로드 화면에는 후원 패키지나 추가 확장이 함께 소개될 수 있습니다. 기본 PixiEditor의 무료 배포와 선택형 유료 확장은 같은 것이 아닙니다. 이 글에서 다루는 픽셀 도구와 기본 프레임 작업을 시작하기 위해 후원 상품을 구매할 필요가 있다고 안내하지 않습니다. 설치 출처가 여러 개 보인다면 이 글과 같은 절차를 따르기 위해 Flathub 앱 ID를 맞춰 선택하세요.
- Linux x86_64와 앱 ID를 확인합니다.
- Flathub에서 기본 앱을 설치합니다.
- 새 문서의 픽셀 크기를 지정합니다.
Pixel Art 도구와 색상 패널로 첫 그림을 그립니다
문서를 열면 캔버스 왼쪽에서 Pixel Art 도구 묶음을 선택하고 펜으로 캐릭터의 윤곽부터 그려 보세요. 공식 설명에서 이 도구 묶음은 기본적으로 안티앨리어싱을 억제해 경계가 흐려지지 않도록 설계됐습니다. 손이나 눈처럼 움직일 부분을 처음부터 구분해 두면 다음 프레임에서 바꾸어야 할 영역이 분명해집니다. Painting 도구로 부드럽게 그린 선은 작은 캔버스에서 흐릿해 보일 수 있어 목적에 맞게 도구 묶음을 고르는 것이 중요합니다.
오른쪽 색상 선택기에서 주색을 정하고 필요한 색을 Palette에 모아 두세요. 공식 색상 설명에 따르면 왼쪽 클릭은 주색, 오른쪽 클릭은 보조색을 사용하며 X로 두 색을 맞바꿀 수 있습니다. 같은 캐릭터의 프레임마다 색이 조금씩 달라지면 움직임보다 색 변화가 먼저 눈에 띄므로, 한 팔레트를 계속 쓰는 편이 좋습니다. 그림 아래의 체크무늬는 투명 영역을 구분하는 배경 예시이니 실제로 칠해진 색인지 미리보기에서 확인하세요.
Layers에서는 배경과 움직이는 캐릭터를 나눠 두면 수정할 곳을 찾기 쉽습니다. 공식 사용 설명의 레이어 패널에는 보임을 켜고 끄는 눈 아이콘과 불투명도 조절이 있습니다. 배경을 잘못 선택한 채 펜으로 그리면 캐릭터 프레임을 바꾸어도 배경만 수정될 수 있으므로 현재 선택한 레이어 이름을 확인하세요. 시작 단계에서는 복잡한 노드나 벡터 효과를 더하기보다 캐릭터 한 장을 깔끔하게 완성해 다음 프레임의 기준으로 삼는 편이 빠릅니다.
- Pixel Art 도구 묶음을 고릅니다.
- 주색·보조색과 팔레트를 정합니다.
- 움직일 그림의 레이어를 확인합니다.
타임라인에 프레임을 추가해 짧은 동작을 만듭니다
상단 빠른 동작에서 Animation Timeline을 열면 아래에 프레임과 셀을 놓는 영역이 나타납니다. 첫 프레임에서 캐릭터를 그린 뒤 다음 칸으로 이동해 손이나 눈 위치를 조금 바꾸어 보세요. 공식 2.1 변경 안내에 따르면 비어 있는 위치에서 그리면 필요한 셀이 만들어지고, 새 셀은 현재 프레임 가까이에 놓입니다. 예전 문서와 새 문서의 빈 칸 처리 방식이 다를 수 있으므로 바뀐 그림이 실제 어느 프레임에 저장됐는지 칸의 작은 그림을 읽어야 합니다.
앞뒤 프레임을 참고하려면 Onion Skin 표시를 켜고, 현재 그림과 이전 그림의 위치가 어느 정도 다른지 비교하세요. 한 프레임에서 팔을 너무 멀리 옮기면 재생할 때 점프하듯 보일 수 있습니다. 반대로 모든 프레임을 똑같이 그리면 움직임이 거의 보이지 않습니다. 처음에는 손을 조금 올리고, 더 올리고, 다시 내리는 세 장면 정도로 연습하면 타임라인의 역할을 이해하기 쉽습니다. 공식 화면의 픽셀 캐릭터도 프레임마다 모양이 바뀌며 Preview에 현재 결과가 나타납니다.
상단의 작은 재생 버튼으로 애니메이션을 돌려 보고, 아래 타임라인의 현재 프레임 표시가 지나가는 순서를 확인하세요. 원하는 동작이 한 번만 보이고 멈춘다면 실제로 그린 셀의 길이와 끝 프레임을 확인하세요. 2.1에서는 셀이 없는 간격에 빈 화면이 나오도록 동작이 바뀌었다고 개발자가 설명합니다. 갑자기 캐릭터가 사라지는 구간은 앱이 고장 난 것보다 비어 있는 셀이 원인일 수 있습니다. 각 칸에 그림이 있는지 확인한 뒤 프레임 간 간격을 조정하세요.
- Animation Timeline을 엽니다.
- 연속한 프레임에서 일부 모양을 바꿉니다.
- Onion Skin과 재생으로 끊김을 살핍니다.
작업 파일과 내보내기 결과를 구분해 확인합니다
작업을 이어 할 계획이라면 먼저 PixiEditor 문서로 저장해 레이어와 프레임을 보존하세요. 내보내기 결과만 남기면 나중에 각 셀의 색과 위치를 다시 편집하기 어려울 수 있습니다. 공식 개발자 설명은 애니메이션을 GIF, MP4, 스프라이트 시트 등으로 내보낼 수 있다고 소개하고, 2.1 안내에는 APNG 내보내기도 추가됐다고 적혀 있습니다. 이 글의 첫 목표는 짧은 동작을 만드는 것이므로 실제 필요한 파일 형식은 사용할 게임 엔진이나 웹페이지의 요구에 맞춰 선택하세요.
내보낸 파일이 정지 그림처럼 보이면 애니메이션 형식을 선택했는지와 프레임 범위를 확인하세요. PNG 한 장은 특정 순간의 그림을 보여 주는 용도이고, 여러 칸의 동작을 보존하려면 애니메이션용 형식이나 스프라이트 시트가 필요합니다. 재생 속도도 확인해야 합니다. PixiEditor 공식 예시의 12 FPS를 그대로 따라야 하는 것은 아니며, 프레임 수와 속도에 따라 같은 그림도 빠르거나 느리게 보입니다. 파일을 연 다른 프로그램에서 반복 여부와 투명 배경도 점검하세요.
GIF나 APNG를 기존 자료에서 가져올 수도 있습니다. 개발자의 2.1 안내는 GIF와 APNG를 프레임으로 불러오는 기능을 소개합니다. 그러나 외부 파일의 색상 수, 프레임 간격, 투명 표현이 원본과 완전히 같다고 가정하지 마세요. 가져온 뒤 타임라인에 기대한 칸이 나타나는지와 첫·마지막 장면을 미리보기로 확인하는 과정이 필요합니다. 간단한 두세 프레임 작업을 먼저 익힌 다음 기존 애니메이션을 불러오면 어느 단계에서 어긋났는지 찾기 쉽습니다.
- 편집 가능한 원본 문서를 저장합니다.
- 필요한 애니메이션 형식으로 내보냅니다.
- 내보낸 파일의 속도와 배경을 다시 확인합니다.
자주 묻는 질문
PixiEditor 기본 앱은 무료인가요?
네. Flathub의 Linux x86_64 안정 채널 등록은 무료이고 LGPL-3.0-or-later 라이선스입니다. 별도 후원 상품이나 일부 확장 구매는 기본 설치와 구분하세요.
픽셀 가장자리가 흐리게 보입니다.
Pixel Art 도구 묶음을 골랐는지 확인하세요. Painting은 부드러운 표현에 맞고, Pixel Art는 기본적으로 선의 경계를 뚜렷하게 그립니다.
프레임 사이에서 캐릭터가 사라집니다.
2.1에서는 셀이 없는 간격을 빈 화면으로 표시할 수 있습니다. 타임라인에서 해당 프레임에 그림이 있는지 확인하세요.
GIF 또는 APNG를 편집할 수 있나요?
개발자의 2.1 안내는 두 형식을 프레임으로 불러오는 기능을 소개합니다. 불러온 뒤 프레임 순서와 색·투명을 검토하세요.
작업 파일과 스프라이트 시트는 같은가요?
아닙니다. 작업 문서는 레이어와 프레임을 계속 고치기 위한 원본이고, 스프라이트 시트는 여러 장면을 게임 등에서 사용하려고 내보낸 결과입니다.
작은 그림을 완성한 뒤 프레임을 하나씩 바꿔 보세요
PixiEditor 2.1.2.5를 Linux에 설치했다면 작은 문서를 만들고 Pixel Art 도구로 캐릭터를 그려 보세요. 같은 팔레트를 쓰면서 타임라인의 다음 칸에서 손이나 눈만 조금 움직이고, Onion Skin과 재생으로 흐름을 확인하면 첫 애니메이션의 핵심 작업이 끝납니다. 빈 셀 때문에 그림이 사라지는지 살핀 뒤 원본 문서를 저장하고 필요한 형식으로 내보내세요. 복잡한 노드 그래프는 이 기본 흐름이 익숙해진 다음에 배워도 됩니다.
공식 자료와 확인일
PixiEditor Flathub 무료 Linux 등록 · PixiEditor 개발자 2.1.2.5 릴리스 · PixiEditor 공식 UI 사용 설명 · PixiEditor 2.1 타임라인·APNG 안내 · PixiEditor Flathub 버전·라이선스 데이터 | 2026-11-10T08:24:31.531245+00:00
PixiEditor 2.1.2.5 Linux 설치·픽셀 프레임 애니메이션 안내
