# F14 — Timeline · Animation

> SkinLayer Studio **1.3.x Standalone** UI reference.  
> Practice: EP00–EP12 · Features: **F01–F17** (order 50+).

> 하단 **타임 슬라이더**로 포즈를 확인하고,  
> **Save / Load Animation** 으로 테스트 애니를 빠르게 저장·불러올 수 있습니다.

---

## 스키닝 테스트에 이렇게 쓰세요

웨이트를 칠한 뒤 동작을 매번 DCC에서 다시 잡을 필요 없이:

1. DCC에서 테스트 애니를 한 번 준비 → **Pick-only Ani** 로 캐시  
   또는 **Templates** / **My Animations** 에서 바로 **Load**
2. 타임라인에서 스크럽·재생하며 변형 확인
3. 자주 쓰는 테스트 애니는 **Save Animation** 으로 **내부에 저장**해 두고 재사용

| 저장소 | 용도 |
|--------|------|
| **My Animations** | 내가 저장한 테스트 애니 (사용자 라이브러리) |
| **Templates** | 제품에 포함된 템플릿 (예: Body Pose Test) — **바로 로드해서 스키닝 검증** |

---

## 타임라인 바 (화면 하단)

![타임라인 · : 메뉴](anim_timeline_menu.png)

화면 **하단** Timeline 영역입니다(F01 표의 1~8 밖). → [UI 레이아웃](/guide/skin-layer-studio/ui-layout-overview?lang=ko)

| UI | 설명 |
|----|------|
| **⬇ Pick-only Ani** | DCC에서 **본 애니만** 베이크해 캐시 (메시·웨이트·bind는 건드리지 않음) |
| **▶ / ■** | 캐시된 애니 재생 / 정지 |
| 캐시 표시 | 예: `Set fit at 30fps` / `No Cache` — 베이크·로드 상태 |
| 룰러 · 프레임 숫자 | 스크럽 · 현재 프레임 |
| **S / E** (또는 레인지) | 애니메이션 시작·끝 프레임 |
| **:** 메뉴 | Set SLS to DCC · Load / Save / Clear Animation |

File 메뉴에도 **Load Animation...** / **Clear Animation** 이 있습니다.

### : 메뉴

| 메뉴 | 설명 |
|------|------|
| **↑ Set SLS to DCC** | SLS 현재 프레임·레인지를 DCC에 맞춤 |
| **Load Animation...** | Animation Library 열기 |
| **Save Animation...** | 현재 캐시를 **My Animations**에 저장 |
| **Clear Animation** | 캐시 비우기 |

---

## Save Animation — 테스트 애니를 내부에 저장

캐시가 있는 상태에서 **Save Animation...**

![Save Animation — List](anim_save_dialog_list.png)

![Save Animation — Hierarchy + Bone Set](anim_save_dialog_hierarchy.png)

| UI | 설명 |
|----|------|
| **Animation Name** | 저장 이름 (예: `walk_cycle`, `pose_test_arm`) |
| **List / Hierarchy** | 본 목록 표시 방식 |
| **Bone Set** | 프리셋 (예: **Skin Standard (Body)**) — 부위만 골라 저장 |
| **Save Set...** | 현재 선택을 본 세트로 저장 |
| **Search** | 본 이름 필터 (`*` 와일드카드) |
| **Select All** / 체크 | 포함할 본 |
| 하단 | `N / M bones selected` · Skin에 없는 본은 skip 안내 |

**Save** → 사용자 애니 라이브러리(**My Animations**)에 저장됩니다.  
다음부터 Load만 하면 같은 테스트 동작을 바로 쓸 수 있습니다.

---

## Load Animation — 템플릿 / 내 애니 불러오기

**Load Animation...** → Animation Library

![Animation Library — Templates](anim_library_templates.png)

| UI | 설명 |
|----|------|
| **My Animations** | 내가 Save한 테스트 애니 |
| **Templates** | 번들 템플릿 (스키닝 검증용 포즈/클립) |
| 썸네일 목록 | 선택 후 **Load** (더블클릭도 가능) |
| **Open User Data** | 사용자 anim 폴더를 탐색기에서 열기 |

**Templates**에서 `Body_Pose_Test…` 같은 항목을 고르면,  
별도 애니 제작 없이 **스키닝 테스트용 동작을 바로 로드**할 수 있습니다.

축 설정이 저장본과 다르면 Axis Mismatch 경고가 뜰 수 있습니다 — 왜곡될 수 있으니 확인 후 Load하세요.

---

## 추천 흐름 (빠른 스키닝 테스트)

```
A) 템플릿으로 바로 테스트
   Load Animation → Templates → 항목 선택 → Load
   → 타임라인 스크럽 / ▶ 재생 → 웨이트 확인·수정

B) 내 테스트 애니 재사용
   DCC 애니 → Pick-only Ani (캐시)
   → Save Animation (이름·Bone Set)
   → 나중에 Load → My Animations 에서 다시 Load

C) DCC와 프레임 맞추기
   : → Set SLS to DCC
```

---

## 관련 문서

| 문서 | 내용 |
|------|------|
| [UI 레이아웃 가이드](/guide/skin-layer-studio/ui-layout-overview?lang=ko) | 하단 Timeline |
| [Hierarchy — Pick-only Bones](/guide/skin-layer-studio/ui-hierarchy?lang=ko) | 본 트랜스폼만 갱신 (애니와 다른 계열) |
| [Tools 패널 — Scene](/guide/skin-layer-studio/ui-tools?lang=ko) | 뷰포트 표시 |

---

*이미지: `anim_timeline_menu.png` · `anim_save_dialog_list.png` · `anim_save_dialog_hierarchy.png` · `anim_library_templates.png`*  
*작성: 2026-07-26*