'Spine2D'에 해당되는 글 5건

1. 스파인 실행

• 새 프로젝트

2. 내보낸 이미지 가져오기

• 데이터 가져오기

• 스크립트로 내보낸 JSON 파일을 열기 

• 가져오기

• 이미지 확인

그림 준비

그림의 레이어 명을 알아보기 쉽게 변경

스크립트 열기

스크립트 확인

• 내용 설명
  • Ignore hidden layers : 레이어가 Off 되어 있으면 해당은 검출하지 않는다는 선언
• OK 버튼을 눌러서 Spine 파일 생성

  • 

포토샵 플러그인 : 링크

설치 방법

1. 위의 사이트에서 PhotoshopToSpine.jsx를 다운로드
   • 다운로드 방법 : 아래 이미지 장소의 PhotoshopToSpine.jsx를 눌러 다운로드

     • 

2. 해당 파일을 포토샵이 설치되어 있는 폴더의 Presets\Scripts에 이동
   • 예) C:\Program Files\Adobe\Adobe Photoshop 2022\Presets\Scripts
3. 포토샵에서 해당 스크립트가 적용되었는 지 확인
   • 파일 ⇒ 스크립트 ⇒ PhotoshopToSpine

스크립트 적용 확인

[발생 이유]

• 캐릭터의 Spine 2D 애니메이터와 이펙트의 Spine 2D 애니메이터가 다른 상황
• 추가로 캐릭터는 동일 동작, 이펙트는 다른 이펙트를 보여주는 상황
• 유니티로 하는 경우 이격 발생 및, 여러모로 프로그램이 귀찮아지는 상황
  • 프로그램은 짧고 단순하고, 이해하기 쉬울 수록 좋다

[전제 조건]

• 두 파일 다 원폰 스파인 프로젝트가 있고, 동일한 버전을 사용하는 상황
• 파츠 이름이 겹치지도 않음

[합치는 법]

1. [이펙트 프로젝트]에서 [이펙트 JSON] 데이터로 뺌
2. [캐릭터 프로젝트]에서 [이펙트 JSON]을 [데이터 가져오기]로 스켈레톤 합치기
   • 여기서 문제 발생하면 안됨
3. [캐릭터 프로젝트]에서 [프로젝트 가져오기]로 [이펙트 애니메이션(예 A-1)]을 추가
4. [캐릭터 프로젝트의 이미지 폴더]에 [이펙트 프로젝트의 이미지]를 추가
5. [캐릭터 애니메이션(예 : Attack)]에 [이펙트 애니메이션(A-1)의 키]를 추가
6. 합친 두 애니메이션의 위치 맞추기
7. [이펙트 애니메이션(A-1)] 제거
8. 다시 해당 프로젝트를 Export