Layerz Canvas 사용 설명서

벡터 디자인 + 모션(키프레임 애니메이션) + 화면 캡처를 한 문서에서 다루는 macOS 앱입니다. "디자인 → 화면 캡처 → 키프레임 모션 → MP4 영상"을 하나의 흐름으로 만들 수 있습니다.

이 문서는 개발 진행에 맞춰 갱신됩니다. 현재 구현된 기능만 설명합니다.

시작하기

문서

앱을 실행하면 빈 문서(아트보드)가 열립니다. 빈 캔버스에는 시작 안내가 표시됩니다.
파일은 .lcanvas 형식(패키지)으로 저장되며, 변경 사항은 자동 저장됩니다. 열려 있는 문서를 다른 앱이나 스크립트가 바꾸면, 저장하지 않은 편집이 없는 한 자동으로 다시 읽어 새 내용을 보여 줍니다(편집 중이면 다음 저장 때 어느 쪽을 남길지 묻습니다).
File ▸ New / Open / Save 로 문서를 관리합니다.

여러 아트보드 (Frame)

Frame 메뉴에서 크기 프리셋(1920×1080, 1080×1080, 1080×1920 등)을 골라 새 아트보드를 만들 수 있습니다. 새 프레임은 기존 프레임 오른쪽에 추가됩니다.
툴바의 프레임 도구(F) 로 빈 캔버스에 드래그하면 원하는 위치·크기로 새 아트보드를 만들 수 있고, 기존 프레임 안에 드래그하면 중첩 프레임(배경·클리핑을 가진 컨테이너)이 만들어집니다. 벡터 편집 참고.
한 번에 하나의 아트보드가 활성(편집 대상)입니다. 캔버스에서 어떤 아트보드 안을 클릭하면 그 아트보드가 활성화되고(아트보드 주위에 악센트 테두리 표시), 레이어 패널·타임라인·인스펙터가 그 아트보드 기준으로 바뀝니다.
각 아트보드 좌상단에 라벨(이름 · 크기 · 애니메이션 여부)이 표시됩니다. 라벨을 클릭하면 그 아트보드(Frame) 자체가 선택되고, 인스펙터에서 이름·크기 프리셋(Preset)·크기(W/H)·배경색을 편집할 수 있습니다. Preset 드롭다운에서 내장 크기(1920×1080, 1280×720, 1080×1080, 1080×1920, 1440×1024)를 고르면 프레임이 그 크기로 바뀌고, 목록에 없는 크기면 Custom으로 표시됩니다. Frame이 선택된 상태에서 Delete 로 삭제합니다(마지막 한 개는 삭제 불가).
새로 그리는 도형은 클릭/드래그를 시작한 아트보드에 추가됩니다.
아트보드마다 독립된 타임라인·재생헤드를 가집니다 — 아트보드별로 애니메이션을 개별적으로 켜고(Enable Timeline) 키프레임을 설정합니다. 각 아트보드는 자기 재생헤드 위치를 기억하며, 스크럽/재생은 활성 아트보드에만 적용됩니다.
레이어 패널은 아트보드별로 그룹(섹션)으로 표시됩니다. 섹션 헤더(아트보드 이름)를 클릭하면 그 프레임이 선택되고, 레이어를 클릭하면 그 레이어의 아트보드가 활성화됩니다.
선택한 Frame은 캔버스 리사이즈 핸들로 크기를 조절하고, 내부를 드래그해 원하는 위치로 이동할 수 있습니다(안의 레이어도 함께 이동). 드래그하지 않고 클릭만 하면 선택이 해제됩니다.
내보내기(이미지/영상)는 활성 아트보드 기준입니다(동영상은 활성 아트보드에 타임라인이 있어야 가능).

처음 실행하면

앱을 처음 열면 Welcome to Layerz Canvas 창이 뜹니다. 디자인 → 모션 → 미디어(동영상·이미지·사운드) → 화면 녹화 → 내보내기 순서로 앱의 흐름을 짧게 훑고, 내보내기 장에 포맷과 무료/Pro 구분이 정리되어 있고, Pro 를 아직 구매하지 않았다면 마지막에 Pro 안내 장이 하나 더 붙습니다(See Plans… 로 구매 시트를 열 수 있고, 그냥 Start Designing 으로 넘어가도 됩니다). 창 아래의 Show at launch 를 켜면 다음 실행에도 다시 보이고, 언제든 Help ▸ Welcome to Layerz Canvas… 로 열 수 있습니다.

Start Designing 을 누르면 열려 있는 문서를 앞으로 가져오고, 없으면 새 문서를 만듭니다. 창의 Open Sample 버튼(또는 Help ▸ Open Sample Document)을 누르면 내장 샘플이 새 문서로 열립니다. 텍스트·도형·그라디언트·그림자·그룹과 4초짜리 타임라인(위치·투명도·크기·색·회전 키프레임, 중간에 나타나는 레이어)이 들어 있어 타임라인을 재생해 보고 키프레임을 직접 고쳐 볼 수 있습니다. 샘플은 항상 복사본(제목 없음)으로 열리므로 마음껏 수정해도 원본은 그대로입니다.

설정 (Layerz Canvas ▸ Settings…, ⌘,)

General — 외관(System / Light / Dark), 시작할 때 환영 창 표시, 익명 사용 통계 공유(기능 사용 횟수만 보내고 문서 내용·파일 이름·개인정보는 보내지 않음; 끄면 즉시 중단), 새 문서의 프레임 크기(프리셋 또는 직접 입력), 그리드 기본값(표시·스냅·간격; 새로 여는 창에 적용).
Recording — 녹화 바가 기본으로 켤 옵션(마이크·시스템 오디오·자동 줌), 자동 줌 배율, 커서 강조, 녹화 시작 전 카운트다운(없음/3/5/10초), 녹화 중 앱 창 숨기기.
Export — 내보내기 패널이 열릴 때의 동영상 포맷·프레임레이트·배율·품질, 이미지 포맷·배율, 기본 폴더. 내보내기를 실행하면 그때 쓴 옵션이 여기에 저장되어 다음 패널이 같은 옵션으로 열립니다.
Pro — 현재 플랜과 갱신일, 구매·복원 버튼, 구독 관리 링크.

Help 메뉴의 Layerz Canvas Help(⌘?)를 누르면 이 설명서가 macOS 도움말 뷰어에 열립니다(인터넷 연결 불필요, Help 메뉴의 검색 칸으로 본문 검색 가능). 그 외에 환영 창, 샘플 문서, Layerz Canvas Website(https://www.layerz.app/canvas), Contact Support…(support@layerz.app 로 앱 버전·macOS 버전이 채워진 메일 작성)가 있습니다.

화면 구성

상단: 툴바 — 창 제목줄과 하나로 합쳐진 두꺼운 툴바. 왼쪽 끝에 사이드바 토글, 가운데에 그리기 도구, 그 오른쪽에 ＋ 추가 메뉴(Record Screen / Import Image / Import Video / Import Audio — Capture 메뉴와 동일), 오른쪽 끝에 인스펙터 토글(ⓘ) 버튼이 있습니다(인스펙터가 열려 있어도 항상 맨 오른쪽). View ▸ Show/Hide Toolbar(⌥⌘T)로 숨길 수 있고, Customize Toolbar… 로 항목을 재배치할 수 있습니다.
왼쪽: 레이어 패널(사이드바) — 문서의 모든 레이어 목록(앞쪽이 위). 창 위쪽 끝까지 가득 차게 표시되며, 툴바의 사이드바 버튼이나 View ▸ Show/Hide Sidebar(⌃⌘S)로 접고 펼 수 있습니다.
가운데: 캔버스 — 도형을 그리고 편집하는 작업 공간. 하단에 타임라인 바.
오른쪽: 인스펙터 — 선택한 요소의 속성을 편집. 툴바 맨 오른쪽의 ⓘ 버튼이나 View ▸ Show/Hide Inspector(⌃⌘I)로 접고 펼 수 있습니다.
패널 경계를 드래그해 크기를 조절할 수 있습니다(위치 자동 저장). 툴바의 구분선은 패널 경계를 따라 함께 움직입니다.

그리기 도구 (툴바 가운데)

iOS 버전과 같은 방식으로, 툴바 가운데 세그먼트에서 도구를 고릅니다(단축키: V·R·O·L·P·T·F).

도구	설명
선택(화살표)	요소 선택·이동·리사이즈·회전
사각형	드래그로 사각형 생성
원/타원	드래그로 타원 생성
선(Line)	드래그한 시작→끝으로 직선 생성
다각형(Polygon)	드래그한 영역에 정다각형(기본 6각형) 생성
별(Star)	드래그로 별 생성(꼭짓점 수·안쪽 반지름은 인스펙터)
펜	클릭/드래그로 패스(곡선) 생성
텍스트(Aa)	클릭 또는 드래그로 텍스트 상자 생성
프레임(F)	빈 캔버스에 드래그 = 새 아트보드, 프레임 안에 드래그 = 중첩 프레임

기본 동작

드래그로 생성 → 사각형/타원/텍스트는 캔버스에서 드래그하면 만들어집니다. 이미지·동영상·사운드 파일은 캔버스에 끌어다 놓거나 툴바 ＋ 메뉴로 가져옵니다.
선택 후 이동 → 선택 도구로 요소를 클릭해 선택하고 드래그로 이동합니다.
여러 개 선택 → 빈 곳에서 드래그(마퀴)하거나 Shift-클릭으로 추가 선택합니다.
Duplicate → ⌘D 로 선택 요소를 복제합니다.
삭제 → Delete 키.

자세한 편집 방법은 각 장을 참고하세요.