[Note] .png 시퀀스를 Spine에 불러오기

에프터이펙트로 제작한 png시퀀스 애니메이션을 스파인으로 불러 스파인 애니메이션과 결합시켜야하는 경우나

나중에 수정과 리소스관리에 용이하도록 스파인으로 한번 더 가공한뒤 내보내야 하는 경우가있다.

이런 경우 스크립트를 사용하여 이미지파일을 json으로 압축후 스파인에 불러들여야하는데,

이 방법에 대해 적어놓으려 한다.

---

작업에 앞서 두가지 파일을 다운로드 해야한다.

 

첫번째,

깃허브에서 spine squence 파이썬 파일이있는 파일을 하나 다운로드한다.

https://github.com/MattOstgard/spine_sequence

MattOstgard/spine_sequence

두번째,

파이썬 공식 홈페이지에서 파이썬을 다운로드한다.

파이썬을 다운로드할때 반드시 아래와같이 Add Python 3.5 to PATH를 체크해야한다.

 

 

 

---

 

images 폴더는 필자가 이미지관리를위해 직접 생성한 폴더이다.

깃허브에서 다운로드한 파일을 열면 위와 같은 파일들을 확인할 수 있다. 

spine_sequence_tutorial_files는 예제에서 사용되는 이미지이니 크게 필요없고,

현재 작업하고있는 Spine 프로젝트 경로에서 images의 상위 폴더에 spine_sequence.py를 복사한다.

 

 

그 후 위 사진과 같이 폴더 메뉴의 파일 > Window PowerShell 열기를 클릭해서 오른쪽과 같은 화면을 띄워준다.

 

파워쉘에 python spine_sequence.py 를 입력 후 엔터를 누르면 다음과같이 사용할 수 있는 명령어가 나온다.

다른 명령어들은 사용해본적이없어 사용한 명령어만 설명하도록 하겠다.

 

명령어 입력전에 images파일에 모든 png시퀀스를 넣어준다.

총 40개의 png이미지파일을 확인했다.

 

다시 파워쉘창으로 와서,

다음과 같이입력해준다.

python spine_sequence.py --output test.json --images images/*.png --framerate 40

     타입         파일명(파이썬)               압축파일                    이미지 경로                    프레임 수

 

올바르게 입력했다면 다음과같은 메세지가 뜨고,

 

이렇게 output에 입력했던 파일이 생성된다.

 

 

이제 스파인을 열어서 데이터 가져오기를 누르고 아까 생성된 json파일을 불러온다.

 

그럼 위와같이 새로운 Skeleton이 생성되거나 새프로젝트 옵션을 선택하면 새로운 프로젝트가 열린다.

 

애니메이션 탭에 들어가면 위와같이 png시퀀스가 들어와 자동으로 키가 입력된것을 확인할수있다.

 

 

실행도 잘 된다 :)

 

---

출처 :

https://www.youtube.com/watch?v=c9-UdM7oHKg&t=