스파인은 뼈를 이미지에 결합하여 애니메이션을 만들기 때문에 뼈의 생성은 스파인에서 매우 중요한 항목입니다. 뼈를 생성하는 법에 대해 숙지하지 못한다면 자연스러운 애니메이션을 만들기 위한 첫걸음을 하지 못한 것과 같습니다. 뼈를 정확한 위치와 길이로 생성하지 않는다면 애니메이션을 만들다가 다시 뼈를 수정해야 하는 일이 발생하기 때문에 뼈 생성 및 리깅 방법에 대해 반드시 숙지하시기 바랍니다.
이번 포스팅에서는 뼈의 생성 방법과 뼈의 속성, 이미지와 뼈를 결합하는 방법에 대해 자세히 알아보도록 하겠습니다.
1. 뼈 생성하기
뼈를 생성하기 위해서는 기본 도구에 있는 생성 도구를 활성화(단축키 N) 해줘야 합니다. 뼈의 모양은 아래 그림과 같이 3가지가 종류가 있으며 각각 사용 방법이 다릅니다.
십자 모양의 뼈
십자 모양의 뼈는 보통 동그란 물체(공이나 눈동자)나 중심점이 가운데 있는 곳에 주로 사용합니다. 아래 예시는 공의 가운데 뼈를 생하여 움직이는 모습입니다.
긴 모양의 뼈
긴 모양의 뼈는 한 점을 기준으로 길게 뼈를 생성하여 움직이는데 사용하며 스파인에서 가장 많이 사용하는 뼈 입니다. 아래 예시는 게이지에 뼈를 생성하여 움직이고 있습니다.
중간이 빈 뼈
중간이 빈 뼈는 제약조건을 걸었을 때 긴 뼈의 모양이 변합니다. 아래 예시는 팔 이미지에 뼈를 생성하여 IK 제약조건을 걸어 움직이는 모습입니다.
2. 뼈의 속성
뼈에는 많은 속성이 있으며 각각의 속성을 변경함으로써 재미있는 애니메이션을 만들 수 있습니다. 뼈의 속성은 트리뷰 하단에 표시되며 이번 항목에서는 뼈의 속성에서 중요한 부분을 알아보겠습니다.
상속
뼈는 트리구조를 가지고 있으며 이는 부모 뼈와 자식 뼈를 나타냅니다. 부모 뼈를 변형하면 자식 뼈에도 영향을 미치기 때문에 이 부분이 필요하지 않을 경우 각 항목의 체크 여부를 확인 합니다.
길이
일반적으로 뼈를 생성하고 드래그 하여 길이를 정하지만 뼈의 길이를 정밀하게 조정하기 위해서는 길이 항목에 숫자를 입력하여 변경합니다.
아이콘
생성한 뼈의 모양은 아이콘 항목으로 변경할 수 있습니다. 보통 십자 뼈의 모양을 변경하여 복잡한 리깅 작업시 직관적으로 확인 할 수있도록 아이콘을 변경 합니다.
이름
이름 항목을 체크하면 옵션도구에서 태그를 활성화하지 않아도 항상 뷰포트에 보여집니다.
선택
선택 항목의 체크를 해제하면 뷰포트에서 해당 뼈를 선택할 수 없습니다. 해당 뼈를 다시 선택하려면 트리뷰에서 선택할 수 있습니다.
색상
색상은 복잡한 리깅 작업 시 뼈의 색상 그룹을 만들어 뼈를 잘 못 선택하는 등의 실수를 줄일 수 있습니다.
새로 만들기
새로 만들기는 선택하고 있는 뼈에 추가로 작업을 하거나 새로운 뼈를 만들 때 사용 합니다.
부모 설정
부모 설정은 선택한 뼈의 상의 뼈를 변경할 때 사용 합니다. 부모 설정의 단축키는 P 입니다.
스킨에 추가
스킨에 추가 버튼은 스킨을 생성하였을 경우 활성화되며 선택한 뼈를 스킨에 추가하고 싶을 경우 클릭을 합니다.
분할
분할은 하나의 뼈를 여러 개로 분할할 경우 사용합니다. 사람의 머리카락이나 동물의 꼬리 같은 경우 여러 개의 뼈가 필요한데 해당 항목을 활용하여 하나의 뼈를 분할하거나 수동으로 직접 여러 개의 뼈를 생성합니다.
3. 이미지와 뼈를 결합하는 방법
이미지와 뼈를 결합하는 방법은 몇 가지가 있지만 가장 쉽고 많이 사용하는 방법에 대해 알아보도록 하겠습니다.
- 생성 단축키인 N을 누른 후 생성할 뼈의 부모가 될 뼈를 선택합니다. 여기서는 최상의 root 뼈를 선택하였습니다.
- Ctrl 키를 누른 상태에서 마우스 포인트를 이미지에 가져가면 아래와 같이 이미지 주변에 점선이 활성화됩니다.
- 활성화 상태에서 이미지를 클릭하면 아래와 같이 이미지 주변에 하늘색 라인이 생성됩니다.
- 이미지 활성화 상태에서 마우스 왼쪽 클릭을 하거나 왼쪽 드래그를 하면 이미지와 뼈가 바로 결합되어 움직일 수 있습니다.
이렇게 결합한 뼈와 이미지는 뼈를 선택하여 회전, 이동, 크기조정 등을 할 경우 이미지가 자동으로 같이 변형되며 이를 이용하여 애니메이션을 만들 수 있습니다.
'2D 디자인' 카테고리의 다른 글
| [Spine] 스파인 스크립트를 이용한 포토샵 이미지 내보내기 및 스크립트 옵션 설명 (0) | 2022.09.10 |
|---|---|
| [Spine] 스파인 기초 튜토리얼 2편 - 스파인 캐릭터 리깅 (1) | 2022.09.09 |
| [Spine] 스파인 기초 튜토리얼 1편 - 포토샵 캐릭터를 스파인에 불러오기 (0) | 2022.09.07 |
| [Spine] 스파인 트리뷰 설명 (0) | 2022.09.06 |
| [Spine] 스파인 도구 설명 (0) | 2022.09.05 |
댓글