리소스제작

---

🧰 필요 utility

• Procreate
• Spine

🎨 리소스 제작 과정

1. 원본 이미지를 선택한다.
2. 포토샵에서 부위별로 레이어를 분리한다.
   • 자르기
   • Ctrl + Shift + V로 제자리에 붙여넣기
   • 작업이 끝나면 File > Scripts > Export Layers To Files로 PNG 파일을 만든다.
   • Sprite Sheet가 필요하면 포토샵 Slice 툴과 Save for Web & Device를 사용한다.
3. Spine에서 이미지를 불러온다.
4. 가중치가 필요하면 Mesh를 사용한다.
5. Draw Order를 설정한다.
6. 애니메이션을 생성한다.
7. JSON을 Export한다.
8. Spine Unity 플러그인을 설치한다.
9. Export된 파일들을 Unity에 드래그 앤 드랍한다.
10. SkeletonData를 Scene에 드래그 앤 드랍한다.

💡 Tip

프로크리에이트에서 구글드라이브 이미지 import가 안 될 때

• 팝업창에서 Drive에 직접 들어가 이미지별로 복사한다.

⚠️ 주의사항

• 레이어 이름이 정리되지 않으면 Spine에서 관리가 어려워진다.
• Export 전에는 필요한 부위가 모두 분리됐는지 확인하는 것이 좋다.
• Unity에 넣기 전 Spine에서 애니메이션과 Draw Order를 먼저 검토하는 편이 안전하다.

📌 정리

• 이 문서는 Spine 기반 리소스 제작 흐름을 정리한 문서다.
• 이미지 분리, Spine 작업, Unity 반영 순서로 진행하면 된다.
• 작업 전에 원본과 Export 결과를 함께 확인해야 실수를 줄일 수 있다.

---

연결문서

• 좌우대칭 그리기