무한 캔버스

캔버스는 Sumi Studio의 주 무대예요. 무한히 이동하고 확대·축소할 수 있는 보드로, 그 위에 노드가 놓이고 노드 사이의 연결선이 데이터의 흐름을 보여 줘요. 이 장에서는 캔버스 화면과 캔버스를 움직이고, 확대·축소하고, 이동하는 방법을 소개해요.

캔버스 화면 알아보기

캔버스(/canvas/내-캔버스-ID)를 열면 화면은 대략 몇 부분으로 나뉘어요.

• 상단 바: 왼쪽에는 캔버스 제목(더블클릭하면 이름 변경, 한 번 클릭하면 홈으로, 프로젝트 리소스, 공유, 게시, 버전 기록, 새 캔버스, 캔버스 삭제가 있는 메뉴가 열림), 저장 상태 표시(「저장됨」「저장 중」「● 저장 안 됨」 등), 소속 프로젝트가 있어요. 오른쪽에는 차례로 「에셋」(에셋 라이브러리를 엶), 「공유」(메뉴에 「커뮤니티에 게시」와 「링크로 공유」가 있고, 팀 캔버스에는 「협업 초대」도 있음), 화면 모드 전환, 크레딧 잔액, 아바타가 있어요. 팀 캔버스에서는 상단 가운데에 「N명 온라인」 협업 배지도 표시돼요;
• 캔버스 본체: 무한히 이동하고 확대·축소할 수 있는 보드로, 그 위에 노드가 놓이고 연결선이 데이터 흐름을 보여 줘요;
• 왼쪽 세로 툴바: 위에서부터 「추가」「요소」「에셋」「템플릿」(공식 템플릿 + 저장한 워크플로)「메모」「댓글」이 있고, 그 아래에 「단축키」(치트 시트 패널을 엶)와 「도움말」이 있어요. 좁은 화면에서는 이 항목들이 「더보기」 메뉴로 들어가요.

빠른 시작 카드

새로 만든 빈 캔버스 가운데에는 「캔버스를 더블클릭 / 노드를 자유롭게 생성」 안내와 함께 세 개의 빠른 시작 카드 「캐릭터 삼면도」「이미지로 비디오」「오디오로 비디오」가 표시돼요. 아무 카드나 누르면 미리 구성된 예시 노드와 연결선이 한꺼번에 삽입되어, 학습이나 시작을 위한 템플릿이 돼요.

움직이기, 확대·축소, 화면 이동

• 선택 / 손 전환: V를 누르면 선택 모드(드래그해 영역을 그려 노드를 한꺼번에 선택), H를 누르면 손 모드(캔버스 자체를 드래그)로 바뀌어요. P를 누르면 펜 주석으로 바뀌어요;
• 확대·축소: 트랙패드에서 두 손가락으로 핀치하거나, ⌘/Ctrl을 누른 채 마우스 휠을 굴려요. ⌘/Ctrl + = 로 확대, ⌘/Ctrl + - 로 축소할 수도 있어요;
• 화면 맞춤: ⌘/Ctrl + 0 또는 ⇧1을 누르면 캔버스가 자동으로 확대·축소되어 모든 내용을 가운데에 보여 줘요;
• 화면 이동: 스페이스 바를 누른 채 드래그하거나, 마우스 가운데 / 오른쪽 버튼으로 드래그해요.

버전 기록

캔버스 제목을 한 번 클릭해 메뉴를 열고 「버전 기록」을 고르면 이 캔버스의 이전에 저장된 버전을 미리 보고, 필요할 때 그중 한 버전으로 복원할 수 있어요.