사용자 인터페이스

Spine은 전체 사용자 인터페이스가 맞춤 제작되었기 때문에 대부분의 애플리케이션과 약간 다르게 보입니다. 사용자 인터페이스를 통해 기존 애플리케이션을 손상시키지 않고 원하는 동작을 정확하게 얻을 수 있습니다. 또한 Spine은 하드웨어 가속을 사용하고 게임 제작 방식과 유사하게 높은 프레임 속도로 렌더링하므로 매우 빠르고 부드럽게 애니메이팅됩니다.

주 메뉴

Spine 창의 왼쪽 상단 모서리에 있는 Spine 로고를 클릭하여 Spine의 주 메뉴에 액세스합니다. alt+F(Mac의 경우 opt+F)를 눌러 주 메뉴를 열 수도 있습니다.

여기에서 프로젝트를 열고 저장하고, 가져오고 내보내고, Spine의 설정에 액세스할 수 있습니다.

제목 표시줄 버튼

왼쪽 상단 Spine 로고 옆에는 프로젝트를 열고 저장하고, 실행 취소하고 다시 실행하고, 시작 화면을 여는 바로 가기 버튼이 있습니다. 저장 버튼을 클릭할 때 shift 키를 길게 눌러 "다른 이름으로 저장" 대화 상자를 엽니다.

읽지 않은 뉴스 또는 변경 로그 항목이 있으면 시작 화면의 봉투 아이콘이 바뀝니다.

프로젝트 열기

프로젝트를 여는 방법에는 여러 가지가 있습니다.

• 주 메뉴에서 Open Project를 클릭합니다. Spine의 파일 대화 상자가 아닌 OS 파일 선택기를 원하시면 클릭할 때 shift 키를 길게 누릅니다.
• 주 메뉴에서 최근 프로젝트를 클릭합니다.
• ctrl+O(Mac의 경우 cmd+O)를 누릅니다. OS 파일 선택기를 원하시면 ctrl+shift+O(Mac의 경우 cmd+shift+O)를 사용합니다.
• alt+F를 눌러 주 메뉴를 연 다음 O를 눌러 프로젝트를 엽니다. OS 파일 선택기를 원하시면shift+O를 사용합니다.
• 주 메뉴 근처에 있는 열린 제목 표시줄 버튼을 클릭합니다.
• 열린 제목 표시줄 버튼을 드래그하여 최근 프로젝트를 표시합니다. 이 방법이 프로젝트를 전환하는 가장 빠른 방법입니다!
• OS의 파일 탐색기에서 프로젝트 파일을 두 번 클릭하거나, 프로젝트 파일을 Spine 창으로 끌어서 놓을 수 있습니다.
• 시작 화면에서 예제 프로젝트를 선택합니다.

파일 대화 상자

Spine의 파일 대화 상자에는 선택하고 있는 특정 유형의 파일 또는 폴더에 대한 가장 최근 파일 및 폴더가 표시됩니다.

파일 대화 상자에는 다음과 같은 여러 가지 유용한 기능이 있습니다.

• 파일 항목 옆에 있는 아이콘을 클릭하면 해당 디렉터리에서 파일 선택기가 열립니다. 이렇게 하면 매우 편리합니다!
• 파일이나 폴더에 별표를 표시하여 항상 목록 맨 위에 나타나도록 할 수 있습니다.
• 항목을 마우스 오른쪽 버튼으로 클릭하면 대화 상자에서 항목이 제거됩니다.
• 입력하여 대화 상자 항목을 필터링하고 enter 키를 눌러 첫 번째 항목을 선택합니다.
• 스페이스바를 누르면 Browse를 클릭하는 것과 동일하게 첫 번째 항목에 대한 파일 선택기가 열립니다.
• ctrl+V를 눌러 붙여 넣으면 클립보드 내용이 파일 경로로 사용됩니다. OS의 파일 탐색기를 사용하여 파일을 복사한 다음 파일 대화 상자에 붙여 넣어 해당 파일을 선택할 수 있습니다.

뷰

기본적으로 Spine에는 왼쪽에 뷰포트가 있고 오른쪽에 트리 뷰가 있습니다.

가장자리를 드래그하여 크기를 조정하거나 탭을 드래그하여 이동하는 방식으로 뷰를 사용자 지정할 수 있습니다.

Spine 창의 오른쪽 상단에 있는 Views 선택 상자를 통해 추가 뷰를 열 수 있습니다. 애니메이팅 모드에서는 설정 모드보다 더 많은 뷰를 사용할 수 있으므로 애니메이팅 모드에서 Views 선택 상자를 선택하도록 합니다. 자세한 내용은 뷰를 참조하십시오. 현재 뷰는 Spine 창 밖으로 이동할 수 없습니다.

트리

트리 뷰에서는 스켈레톤과 스켈레톤에 포함된 모든 항목에 대한 계층 구조 뷰를 제공합니다. 트리는 Spine을 사용하는 데 있어 중요한 부분이며, 트리에는 프로젝트를 더 쉽게 탐색할 수 있는 많은 기능이 있습니다. Spine을 탐색하는 기본 사항을 학습하신 후 트리 뷰 페이지를 반드시 살펴보십시오.

트리에서 항목을 선택하면 항목의 속성이 트리 하단에 표시됩니다. 이러한 속성은 프로젝트의 항목이 구성되는 위치입니다. 대부분의 속성에는 복제, 이름 바꾸기 및 삭제를 할 수 있는 동일한 세 개의 버튼이 오른쪽 상단에 있습니다.

뷰포트

뷰포트는 스켈레톤이 표시되는 뷰의 공간 바깥쪽입니다. 여기에서 스켈레톤을 설정하고 애니메이팅합니다. 뷰포트 하단의 메인 툴바를 사용하여 다양한 툴 및 설정에 액세스할 수 있습니다.

패닝

마우스 오른쪽 버튼을 누른 상태에서 마우스를 움직이면 뷰포트에서 패닝이 이루어집니다.

마우스 오른쪽 버튼 없이 입력 장치를 사용하는 경우 J 키를 누른 채로 마우스 왼쪽 버튼으로 드래그하여 Pan Drag 단축키를 사용할 수 있습니다. 패닝에 사용할 수 있는 많은 다른 단축키도 있습니다.

확대/축소

확대/축소 기능은 Spine에서 매우 중요합니다. 확대하려면 더 크게 보고 싶은 부분에 마우스를 놓은 후 마우스 휠을 위로 스크롤합니다. 축소하려면 더 많이 보고 싶은 화면 가장자리 근처에 마우스를 놓은 후 마우스 휠을 아래로 스크롤합니다.

마우스 휠이 없는 경우, 그 대신에 ctrl(Mac의 경우 cmd)을 누른 채로 마우스 오른쪽 버튼을 위나 아래로 드래그하여 확대/축소할 수 있습니다. 또한 U 키를 누른 채로 마우스 왼쪽 버튼으로 드래그하여 Zoom Drag 단축키를 사용할 수 있습니다. 확대/축소에 사용할 수 있는 다른 단축키도 있습니다.

확대/축소 수준은 뷰포트의 왼쪽 하단에 있는 세로 슬라이더로 표시됩니다. 슬라이더는 현재 확대/축소 수준을 표시하고 드래그할 수 있지만 일반적으로 스크롤하는 것보다 훨씬 덜 편리합니다.

슬라이더 아래에는 두 개의 확대/축소 버튼이 있습니다. 돋보기 버튼은 100%로 확대되므로 이미지가 실제 크기로 표시됩니다. 상자 버튼을 클릭하면 확대/축소 수준이 조정되어 스켈레톤이 뷰포트를 채웁니다. 이러한 작업은 ctrl+F 및 ctrl+shift+F(Mac의 경우 cmd+F 및 cmd+shift+F)를 각각 눌러 수행할 수도 있습니다.

설정/애니메이팅 모드

뷰포트의 왼쪽 상단에 있는 아이콘을 클릭하면 설정 모드와 애니메이팅 모드 간의 전환이 이루어집니다.

설정 모드는 스켈레톤을 만들고 구성하는 데 사용되는 반면 애니메이팅 모드는 애니메이션을 디자인하는 데 사용됩니다. 이에 대해서는 이 가이드 뒷부분에 자세히 설명되어 있습니다. 지금은 시작 화면에서 spineboy와 같은 예제 프로젝트를 연 다음 애니메이팅 모드로 전환하고 그래프 뷰에서 재생을 클릭하여 애니메이팅되는 것을 볼 수 있습니다.

애니메이팅 모드에서 기본적으로 Spine에는 하단에 그래프 뷰가 있고 그 옆에 탭으로 도프시트 뷰가 있습니다. 그래프에는 애니메이션의 키와 값이 표시되고 시간이 지남에 따라 키와 값이 어떻게 바뀌는지가 표시됩니다. 도프시트에는 키의 값이 아닌 애니메이션의 키만 표시되지만 한 번에 많은 키가 표시될 수 있습니다. 이 가이드의 뒷부분에서 이러한 뷰에 대해 자세히 설명해드리겠습니다.

실행 취소/다시 실행

Spine에서 거의 모든 작업은 실행 취소하려면 ctrl+Z를 누르고, 다시 실행하려면 ctrl+shift+Z 또는 ctrl+Y(Mac의 경우 cmd+Z 및 cmd+shift+Z 또는 cmd+Y)를 눌러 실행 취소할 수 있습니다. Spine 창의 왼쪽 상단에 있는 주 메뉴 근처의 제목 표시줄에도 실행 취소 및 다시 실행 버튼이 있습니다.

macOS에서 QWERTY 키보드를 사용하지 않는 경우 기본 단축키는 다른 키를 사용할 수 있습니다. 예를 들어, QWERTZ 키보드의 경우 Z 대신 Y를 사용합니다. 이 문제를 해결하려면 설정에서 키보드 레이아웃을 선택합니다. 모든 단축키는 사용자 지정할 수 있습니다.

동영상

다음: 스켈레톤 이전: 시작하기