PSB 에셋 2D리깅 및 애니메이션 작업

양규빈·2024년 9월 8일

팀프로젝트

목록 보기

3/7

PSB 파일은, 2D 스프라이트 시트로 활용되는 에셋 파일입니다.
PSB 파일은 여러 레이어로 구성된 Photoshop 파일을 의미하며, 2D 애니메이션에서 스프라이트나 캐릭터 부위로 분할하여 사용할 수 있습니다.

에셋 스토어에서 구매한 프리팹이 아닌라면, PSB 파일을 스프라이트 에디터를 이용하여 직접 리깅하고 애니메이션 작업을 해야합니다.

PSB 에셋의 스프라이트 이미지를 선택합니다.
그리고, Window - Sprite Editor - Skinning Editor 순으로 이동하여 윈도우를 띄웁니다.

Create Bone은 분할된 레이어 객체에 뼈대를 입히는 작업을 할 수 있습니다.
상단의 그림에서는 RightArm 레이어에 두 개의 관절을 붙여서, 추후 애니메이션 작업을 할 수 있도록 하였습니다.

덧붙여, Right Arm 뿐만 아니라, 각 레이어 층에 뼈대를 입힌 것을 확인할 수 있습니다.

이렇게 완성된 뼈대는 PSB 파일의 하위에 모두 들어가서 애니메이션 작업 때 각도나 위치 등을 조절하여 스프라이트를 움직일 수 있도록 도와줍니다.

이때, 동작 간의 이미지 변화는 유니티 에디터가 각 레이어에 배정된 bone의 영역에 따라서 러프하게 조정됩니다.

애니메이션 작업은 몬스터의 행동 패턴에 따라서 개발자가 자연스럽게 구현해야 합니다.

기본적인 AI로는 idle, move, attack, death 등이 있을 것입니다.

상단의 그림은 Idle 애니메이션을 구현한 작업 이미지입니다.
팔과 다리, 머리, 몸통 등의 size를 조금씩 조절하여 마치 숨을 쉬는 듯한 동작을 만들 수 있습니다.

이렇게 구현한 애니메이션은 스크립트를 이용하여, AI제어에 함께 활용됩니다.

훌륭한 개발자를 꿈꾸는 중입니다