# 캔버스

캔버스는 콘텐츠를 배치하고 제작하는 작업 공간입니다. 캔버스 주변의 도구 모음과 하단의 클립 바를 알아보세요.

## 캔버스란

캔버스는 콘텐츠를 제작하는 주요 영역입니다. 콘텐츠를 배치하고 제작하는 작업 공간으로, 업로드한 이미지, 작성한 텍스트, 참고 동영상, Agent가 생성한 결과가 모두 캔버스에 그대로 남습니다.

캔버스를 이동하거나 확대·축소할 수 있으며, 전체 캔버스에서 각 클립 캔버스로 들어갈 수 있습니다.

캔버스는 노드와 연결선으로 구성됩니다. 노드에는 구체적인 콘텐츠가 저장되고, 연결선은 콘텐츠 간의 관계를 나타냅니다.

## 캔버스의 세부 기능

### 캔버스 왼쪽 상단의 클립 이름

현재 클립 캔버스의 이름을 표시하며, 클릭하면 전체 캔버스로 돌아갈 수 있습니다.

![캔버스 왼쪽 상단에 현재 클립 캔버스의 이름이 표시되며, 왼쪽 화살표를 클릭하면 전체 캔버스로 돌아갈 수 있습니다.](https://docs.moodio.art/media/cac24d31dd4cd796892450e0d5016519.png)

### 캔버스 왼쪽 도구 모음

![캔버스 왼쪽 도구 모음: 노드 추가, 선택/손 도구 모드, 영역, 에셋, 탐색, 대본 버튼](https://docs.moodio.art/media/22e90a754b4f8a7d5ced3f3613a9758c.png)

- **노드 추가**

`➕`을 클릭하면 **이미지 노드**, **비디오 노드**, **오디오 노드**, **월드 노드**을 만들 수 있습니다.

![캔버스에 새로 만든 이미지 노드, 동영상 노드, 오디오 노드, 월드 노드](https://docs.moodio.art/media/cc9b96799f80db4baf5dbe47f30e66e4.png)

- **선택 도구**/**손 도구(이동)** 전환

선택 모드와 손 도구 모드 모두 노드를 클릭해 선택할 수 있으며, 노드를 이동하거나 조정할 수도 있습니다.

> **팁:** 선택 모드에서 마우스 왼쪽 버튼을 누른 채 드래그하면 캔버스가 이동하지 않고 드래그 선택이 실행됩니다. 여러 노드를 한 번에 선택해 조정할 수 있습니다.
>
> 손 도구 모드에서 마우스 왼쪽 버튼을 누른 채 드래그하면 캔버스가 이동합니다. 캔버스의 콘텐츠를 이동하며 살펴볼 수 있어, 무한 캔버스를 드래그로 조작하는 데 익숙한 사용자에게 적합합니다.

- **영역**

드래그로 범위를 선택해 영역을 추가하고 캔버스를 정리할 수 있습니다. 선택한 영역의 색상을 바꿔 콘텐츠 유형을 구분할 수 있습니다.

![이미지 세 장을 둘러싼 영역과 그 위의 영역 색상 선택 막대](https://docs.moodio.art/media/e72297356548d089b082e1a2dc21f331.png)

범위를 선택한 뒤 영역 이름 왼쪽의 v 모양 아이콘을 클릭해 영역을 숨길 수도 있습니다. 복잡한 캔버스를 더 깔끔하게 정리할 수 있습니다.

![접힌 영역. 이름 왼쪽 화살표에 마우스를 올리면 영역 펼치기 안내가 표시됩니다.](https://docs.moodio.art/media/dd7c2100605072d8a51b256420c0c188.png)

- **자산**

현재 프로젝트의 에셋과 **라이브러리**, **내 업로드**을 빠르게 확인할 수 있습니다. **라이브러리** 및 **내 업로드**의 파일을 언제든 현재 캔버스로 드래그해 참고하거나 사용할 수 있습니다.

[왼쪽 도구 모음의 에셋 버튼을 클릭해 에셋 패널을 열고, 현재 프로젝트에서 에셋 카드의 세부 정보를 확인하는 모습](https://docs.moodio.art/media/8566a11674569da02389548155acf178.mp4)

- **발견**

**발견**을 열어 창작에 참고할 자료를 살펴보고 얻을 수 있습니다. **발견**의 콘텐츠를 캔버스로 바로 드래그해 참고할 수 있습니다.

![왼쪽 도구 모음에서 연 탐색 패널에서 'beach at night'를 검색하는 모습](https://docs.moodio.art/media/b63fe79b918f7935c93bae67a6bce642.png)

- **대본**

현재 창작 화면에서 대본 팝업을 열어 언제든 전체 대본을 확인할 수 있습니다. 대본 편집 화면으로 돌아갈 필요 없이 대본을 보면서 동영상을 제작할 수 있습니다.

![창작 화면에서 연 대본 팝업. 대본 단락 옆에 해당 클립이 표시되어 있습니다.](https://docs.moodio.art/media/bb5811dbb3f1993931dcf4115c8685f2.png)

### 캔버스 왼쪽 하단 도구 모음

![에셋 캔버스 왼쪽 하단의 도구 모음: 미니맵, 연결선, 정렬, 선택한 항목만 표시, 전체 콘텐츠 보기, 키보드 단축키, 확대·축소](https://docs.moodio.art/media/cb9cedca6ad991ad4be433909625a6fb.png)

![창작 페이지 캔버스 왼쪽 하단의 도구 모음. 필터 버튼은 승인된 항목만 표시로 설정되어 있습니다.](https://docs.moodio.art/media/a116bea60f0a84cbca37712ce88a5f8e.png)

[왼쪽 하단 도구 모음에서 미니맵 표시, 연결선 숨기기, 정렬, 승인된 항목만 표시, 전체 콘텐츠 보기, 키보드 단축키, 드래그로 확대·축소를 차례로 사용하는 모습](https://docs.moodio.art/media/238143a15f6db0479471ba46e3080530.mp4)

- **미니맵**

전체 캔버스의 미니맵을 숨기거나 펼칠 수 있습니다. 넓은 캔버스에서 원하는 위치를 빠르게 찾을 때 유용합니다.

- **연결선**

노드 사이의 연결선을 숨기거나 표시합니다.

- **정렬**

캔버스의 노드 배치를 자동으로 정리합니다.

- **승인됨만**

다른 노드를 숨기고 승인된 노드만 표시합니다.

- **키보드 단축키**

에셋 캔버스에서 지원하는 단축키를 확인하고, 필요한 기능을 검색해 단축키를 빠르게 찾을 수 있습니다.

![키보드 단축키 창: 상단 검색창과 캔버스 탐색 및 노드 선택 단축키](https://docs.moodio.art/media/9136af5fda3395f3067d0ed1046833d2.png)

![복사, 잘라내기, 붙여넣기, 노드 복제 등 노드 편집 단축키와 선택 영역 단축키](https://docs.moodio.art/media/6e3246ea97722d88d162a4e7f5ea0c4c.png)

![선택 영역, 잠금, 연결선 단축키와 노드 실행, 실행 취소, 다시 실행 단축키](https://docs.moodio.art/media/9716918073d13f1c59f4e87c6fce7e41.png)

- **확대/축소**

확대/축소 슬라이더를 드래그해 캔버스를 확대하거나 축소합니다.

### 캔버스 하단 클립 바

캔버스 하단의 **클립 바**에서 현재 프로젝트의 클립을 확인하고 전환할 수 있어, 서로 다른 클립 사이를 빠르게 이동할 수 있습니다.

![캔버스 하단에 펼쳐진 클립 바에 표시된 각 클립의 썸네일](https://docs.moodio.art/media/b710af28bf880d0bfd55def74683f9b4.png)

- **전체 캔버스로 돌아가기**: 하단 바 가운데의 **전체 캔버스**을 클릭하거나 **`Esc`**을 누르면 전체 캔버스 화면으로 돌아가 프로젝트의 모든 클립을 확인할 수 있습니다.

  [하단 바 가운데의 전체 캔버스를 클릭해 클립 캔버스에서 전체 캔버스로 돌아가 모든 클립 보기](https://docs.moodio.art/media/f28106a5b4ec1b1b07df24b969d22734.mp4)

- **클립 목록 펼치기**: 하단 바에서 **전체 캔버스** 이외의 아무 곳이나 클릭하면 클립 바가 펼쳐져 모든 클립의 썸네일을 확인할 수 있습니다. 승인된 에셋이 있는 클립에는 해당 에셋의 이미지가 표시되며, 에셋이 없는 클립에는 선택한 대본 문단이나 빈 화면이 표시됩니다.

  [하단 클립 바를 클릭해 모든 클립의 썸네일 펼치기](https://docs.moodio.art/media/d9d9a60104ac8df527953c7e82170bfa.mp4)

- **클립 캔버스로 이동하기**: 클립 바에서 **클립을 클릭**하면 해당 클립 캔버스로 이동하며, 모든 클립 캔버스 사이를 빠르게 전환할 수 있습니다.

- **클립 만들기**: 맨 왼쪽의 **`+`**을 클릭하면 새 클립을 만들 수 있습니다.

- **클립 관리하기**: 클립 썸네일 왼쪽 위의 **`···`**을 클릭하면 다음 작업을 할 수 있습니다.

  - **대본에서 찾기**: 해당 클립에 대응하는 대본 내용으로 빠르게 이동합니다.
  - **대본 범위 수정**: 현재 클립에 대응하는 대본 내용의 범위를 조정합니다.
  - **클립 이름 바꾸기**: 클립 이름을 변경합니다.
  - **클립 삭제**: 현재 클립을 삭제합니다. 삭제 시 클립 안의 내용을 유지할지 확인하는 안내가 표시되며, 확인 후 삭제됩니다.

  [클립 썸네일 왼쪽 위의 ···를 클릭해 대본 위치로 이동, 대본 범위 수정, 참고 자료 추가, 클립 이름 변경을 차례로 사용하기](https://docs.moodio.art/media/0b13e923a9ff5ffd910e820d9a639418.mp4)