# F03 — Layers 패널

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

> 왼쪽 상단 **Layers** 창을 이미지 기준으로 설명합니다.  
> 전체 UI 위치는 [UI 레이아웃 가이드](/guide/skin-layer-studio/ui-layout-overview?lang=ko)의 **3번**을 보세요.

> **이 패널은 무엇을 위한가요?**  
> 웨이트를 Photoshop 레이어처럼 **쌓아 두고**, 부위·작업 단위로 나눠 편집하기 위한 핵심 패널입니다.  
> 예: Base / Arm / Fingers를 레이어로 두면, 손가락만 다시 칠해도 몸통 Base를 건드리지 않습니다.

---

## 패널 한눈에 보기

![Layers 패널 전체](layers_panel_overview.png)

| 항목 | 내용 |
|------|------|
| 제목 | **Layers** |
| 개수 | 우측 `N layers` (예: 21 layers) |
| 역할 | 웨이트를 **레이어로 쌓아** 편집·순서·가시성·그룹을 관리 |

---

## 컬럼 구성 (L / M / A / Layer)

헤더: `L` · `M` · `A` · `Layer`

| 컬럼 | 의미 | 설명 |
|------|------|------|
| **L** | Cache Lock | 체크 시 해당 레이어를 캐시 잠금 (예: `[Fallback]`에 잠금 표시) |
| **M** | Modified | 수정됨 표시 |
| **A** | Active / Visible | 레이어 활성·표시. 체크/색으로 상태 구분 |
| **Layer** | 이름 | 레이어·그룹·구분선·시스템 레이어 이름 |

트리 화살표(▼)는 **Layer** 열에 그려지며, 그룹을 접고 펼 수 있습니다.

---

## 레이어 종류 · 색 표시

| 표시 | 의미 |
|------|------|
| 일반 이름 (흰색) | 일반 작업 레이어 (`hand`, `forearm`, `Spine` …) |
| **파란 이름 + ▼** | **Layer Group** (예: `Fingers` → `finger1`…`finger4`) |
| **노란 `[Export]`** | 내보내기용 시스템 레이어 |
| **회색 `[Fallback]`** | 폴백 시스템 레이어 (잠금·이동 제한이 있을 수 있음) |
| **`[Base]`** | 베이스 시스템 레이어 |
| **초록 `[Cache]`** | 캐시 시스템 레이어 |
| 파란 배경 행 | **현재 선택** 레이어 (예: `forearm`) |

> **Layer Group은 이런 때**  
> 손가락·스커트처럼 **같은 부위인데 본만 다른 레이어**를 묶을 때.  
> 그룹으로 Front/Side/Back(또는 finger1…)을 모으면 접어 두고,  
> Side를 Duplicate → Change Influence로 본만 바꾸는 식으로 반복을 줄입니다.  
> Separator(구분선)는 시각 구획용, Group은 계층·마스크 구조용입니다.

> `[Export]` / `[Base]` / `[Cache]` / `[Fallback]` 은 시스템 레이어로, 일반 레이어처럼 삭제·이동이 제한될 수 있습니다.

---

## 하단 버튼 (+ − ▲ ▼ · ⋮)

패널 아래쪽 툴바:

| 버튼 | 동작 |
|------|------|
| **+** | 새 레이어 추가 |
| **−** | 선택 레이어 삭제 |
| **▲** | 위로 이동 (`Ctrl+Up`) |
| **▼** | 아래로 이동 (`Ctrl+Down`) |
| **⋮** | Separator(구분선) 옵션 메뉴 |

---

## 구분선 (Separator) — ⋮ 메뉴

레이어 목록을 구간으로 나누고 싶을 때 사용합니다.

![Separator 메뉴](layers_separator_menu.png)

| 메뉴 | 동작 |
|------|------|
| **Add Separator Above** | 선택 항목 **위**에 구분선 |
| **Add Separator Below** | 선택 항목 **아래**에 구분선 |
| **Delete Separator** | 구분선 삭제 |

> ⋮ 메뉴는 Layers 툴바에 있으며, 열리면 Skin Desk 근처로 보일 수 있습니다.

---

## 우클릭 컨텍스트 메뉴

레이어를 우클릭하면 편집 메뉴가 열립니다.

![Layers 우클릭 메뉴](layers_context_menu.png)

| 메뉴 | 동작 |
|------|------|
| **Duplicate Layer** | 선택 레이어 복제 |
| **Delete Layer** | 선택 레이어 삭제 |
| **Mirror Layer (mask + inf)** | 마스크+인플루언스 미러 |
| **Cache to here** | 이 레이어 위치로 캐시 배치 |
| **Create Layer Group** | 레이어 그룹 생성 |
| **Parent to >** | 다른 그룹/레이어 아래로 부모 지정 (서브메뉴) |

---

## 추천 사용 흐름

```
1) 작업할 레이어 클릭 (파란 하이라이트)
2) 뷰포트 Paint / Influences 에서 웨이트 편집
3) 필요 시 Duplicate / Mirror / Group 으로 정리
4) ▲▼ 또는 드래그로 합성 순서 조정
5) ⋮ 로 Separator 넣어 손·팔·몸 구간 구분
6) 상단 Apply to Skin 으로 결과 반영
```

---

## 관련 문서

| 문서 | 내용 |
|------|------|
| [UI 레이아웃 가이드](/guide/skin-layer-studio/ui-layout-overview?lang=ko) | 전체 화면 번호·구역 |
| EP03 기본 UI (실습: EP03 Overview) | 레이어 시스템 실습 흐름 |

---

*이미지: `layers_panel_overview.png` · `layers_separator_menu.png` · `layers_context_menu.png`*  
*작성: 2026-07-26*