화면 캡처 · 비디오

화면을 녹화해 문서의 비디오 레이어로 가져와 디자인·모션과 합성하고, 클릭 기반 자동 줌 연출까지 적용할 수 있습니다. (Capture 메뉴)

화면 녹화

1. Capture ▸ Record Screen… (⇧⌘R) 을 선택하면 Layerz Canvas 창은 잠시 숨겨지고 화면 아래에 녹화 컨트롤 바가 나타납니다. 모드를 고르기 전에는 독이나 다른 앱을 자유롭게 조작해 녹화할 화면을 준비할 수 있고, 모드를 고르면 녹화 대상을 보여주는 하이라이트 오버레이가 깔립니다(대상 바깥은 어둡게, 대상은 시스템 강조색 테두리). 창을 숨기는 동작은 Settings ▸ Recording ▸ Hide Layerz Canvas windows while recording 으로 끌 수 있습니다.
2. 처음 사용 시 화면 녹화 권한을 요청합니다 — 안내에 따라 허용하세요(허용 후 앱을 다시 열어야 할 수 있습니다).
3. 컨트롤 바에는 두 묶음의 버튼이 있습니다. 왼쪽 Capture 묶음(Display / Window / Area)은 정지 이미지를 캡처해 이미지 레이어로 추가하고, 오른쪽 Record 묶음(빨간 녹화 배지가 붙은 같은 아이콘)은 동영상을 녹화합니다. 버튼을 누르면 대상이 표시되고, 대상 위의 버튼이 Capture 또는 Start recording 으로 바뀝니다. 대상은 세 가지입니다:
   • Display — 디스플레이 전체. 모니터가 여러 대면 각 화면에 뜬 Start recording 버튼이 그 화면을 녹화합니다.
   • Window — 마우스를 창 위로 올리면 그 창이 강조되고 앱 아이콘·이름이 표시됩니다(다른 창에 가려져도 그 창만 깔끔하게 캡처). 가려진 창은 ⚙︎ 메뉴 ▸ Record Window(또는 Capture Window) 하위 메뉴에서 직접 고를 수도 있습니다(모니터가 여러 대면 Display 하위 메뉴도 표시).
   • Area — 화면 가운데 나타난 사각형을 드래그해 이동하거나 모서리·변의 핸들로 크기를 바꿉니다(빈 곳에서 드래그하면 새로 그림; 사각형이 뜨자마자 바로 잡을 수 있음). 지정한 영역만 녹화됩니다.
4. 바 오른쪽 ⚙︎ 메뉴에서 옵션을 켜고 끕니다(체크 표시; 하나라도 켜져 있으면 톱니가 채워짐):
   • Record Microphone — 마이크 내레이션. 처음 켜면 마이크 권한을 요청합니다(거부했다면 설정에서 허용 후 다시 시도).
   • Record System Audio — 컴퓨터에서 나는 소리(앱 사운드 등). 앱 자신의 소리는 제외됩니다.
   • 둘 다 켜면 하나의 오디오 트랙으로 믹싱되어 녹음됩니다.
   • Auto-Zoom on Clicks — 클릭 기반 자동 줌(기본 켜짐). 끄면 확대 없이 안정적으로 담기며, 나중에 Capture ▸ Apply Auto-Zoom 으로 언제든 적용할 수 있습니다(클릭 위치는 계속 기록되므로 커서 강조는 그대로).
   • 마이크·시스템 오디오·자동 줌 설정과 Area 사각형은 마지막 값이 기억되어 다음에 녹화를 열 때 그대로 적용됩니다(모드는 매번 새로 고릅니다). 같은 세 옵션의 기본값은 Settings ▸ Recording 에서도 바꿀 수 있습니다.
5. 대상 위의 Start recording 버튼(또는 Return)을 누르면 화면 가운데 카운트다운(기본 3초, Settings ▸ Recording 에서 없음/3/5/10초)이 지나고 녹화가 시작됩니다(저장 위치를 따로 고를 필요 없음 — 임시 파일로 녹화). 컨트롤 바와 앱 창은 녹화 영상에 포함되지 않습니다. Capture 를 누르면 그 자리에서 이미지가 캡처되어 곧바로 문서에 이미지 레이어("Screenshot") 로 추가되고 Layerz Canvas 창이 돌아옵니다.
   • 그만두려면 바 왼쪽의 × 또는 Esc.
6. 녹화 중에는 화면 아래에 작은 상태 바(● Recording · 경과 시간 · Stop)가 남습니다. Stop 을 누르면 녹화가 문서에 비디오 레이어로 추가되고 Layerz Canvas 창이 다시 앞으로 나와 바로 편집할 수 있습니다. 임시 파일은 자동 삭제됩니다.

클릭 위치 기반 자동 줌은 선택한 소스(전체 화면·창·영역) 기준으로 정확히 매핑됩니다.

녹음한 오디오는 녹화 클립에 포함되고, 타임라인 동영상 내보내기(Export Video)에도 합성됩니다. 여러 비디오 클립이 겹치면 오디오가 섞여서, 트림·배치한 구간만 정확히 출력됩니다. (숨긴 레이어는 음소거)

편집 중 미리듣기: 타임라인을 재생하면 비디오 클립의 오디오가 플레이헤드에 맞춰 함께 재생됩니다(배치·트림·재생 속도 반영). 일시정지하면 멈춥니다.

자동 줌 (Auto-Zoom)

• 녹화 중의 클릭 위치가 함께 기록됩니다.
• 녹화 패널의 Auto-Zoom on clicks 가 켜져 있으면, 녹화가 끝날 때 클릭 지점으로 부드럽게 확대/이동했다가 복귀하는 자동 줌 키프레임이 자동 생성됩니다. 꺼두면 자동 생성을 건너뜁니다.
• 자동 줌은 비디오 박스 크기에 비례해 동작하므로, 나중에 클립 크기를 바꿔도 확대 초점이 그대로 유지됩니다.
• 또한 클릭 시 펄스 강조와 커서 추적 링이 표시됩니다.
• 마음에 들지 않으면 Capture ▸ Apply Auto-Zoom 으로 선택한 클립에 대해 다시 생성할 수 있습니다.
• 인스펙터 Video ▸ Zoom Strength(배율, 1~6×)로 확대 강도를 정한 뒤 Apply Auto-Zoom 을 실행하면 그 강도로 줌이 만들어집니다. 새 클립의 기본 배율과 커서 강조 기본값은 Settings ▸ Recording ▸ Clips 에서 정합니다.
• 녹화는 프레임("Recording")으로 추가됩니다: 동영상 크기의 투명한 중첩 프레임 안에 동영상 레이어가 들어 있고, 프레임이 자기 영역 밖을 잘라냅니다. 자동 줌은 동영상 레이어 자체를 키우고 움직이는 Width / Height / Position 키프레임이라, 확대되어 프레임 밖으로 나간 부분은 보이지 않고 원래 영역 안의 확대 화면만 보입니다.
  • 추가 직후에는 프레임이 선택되어 있어 그대로 옮기거나 리사이즈하면 동영상과 키프레임이 함께 따라갑니다(비율 고정 기본).
  • 키프레임 편집: 프레임을 더블클릭하거나 레이어 패널에서 프레임을 펼쳐 동영상 레이어를 고르면 타임라인에 키프레임이 보입니다. 일반 키프레임처럼 옮기거나 지우고, 인스펙터 Size/Position 으로 확대 정도·위치를 조정할 수 있습니다.
  • 잘라내기를 원치 않으면 프레임을 선택해 Ungroup (⇧⌘G) 하세요. 확대된 영상이 그대로 드러납니다.
• 화면 가장자리 근처를 클릭해도 확대 화면이 원래 영역 밖으로 밀려나지 않도록 이동 범위가 자동으로 제한됩니다(확대된 영상이 항상 프레임을 가득 채움).
• Capture ▸ Apply Auto-Zoom 은 선택한 동영상이 프레임(또는 마스크) 안에 있으면 위와 같은 레이어 키프레임을, 잘라내기 없이 놓인 동영상(가져온 파일 등)이면 Zoom / Pan X / Pan Y 트랙(비디오 박스 안에서 영상만 확대·이동, 박스 밖은 드러나지 않음)을 만듭니다.
• 프레임이나 그룹을 리사이즈하면 안에 있는 애니메이션 레이어의 위치·크기 키프레임도 같은 비율로 조정되어, 애니메이션이 새 크기 안에서 그대로 재생됩니다.

이미지 / 비디오 / SVG 가져오기

• Capture ▸ Import Image… 로 이미지 파일을 이미지 레이어로 추가합니다(원본 픽셀 크기로 추가됨).
• SVG 파일은 픽셀 이미지가 아니라 편집 가능한 벡터 레이어로 들어옵니다(Import Image… 에서 .svg 선택, 또는 Finder 에서 드롭). 사각형·원·타원은 그대로 도형으로, 그 밖의 도형과 회전·기울임이 걸린 것은 패스로, <g> 는 그룹으로 옮겨지고 채움·선·그라디언트·불투명도·<style> 클래스·인라인 스타일·<use>·내장 이미지(data URI)·텍스트를 읽습니다. 클리핑 패스·마스크·필터·패턴은 무시됩니다(안의 내용은 들어옴). 아트보드보다 크면 이미지처럼 맞춰 축소되고, 여러 도형이면 하나의 그룹으로 묶여 선택된 상태가 됩니다.
• Capture ▸ Import Video… 로 기존 동영상 파일을 비디오 레이어로 추가합니다.
• Capture ▸ Import Audio… 로 사운드 파일(MP3·M4A·WAV·AIFF 등)을 오디오 레이어로 추가합니다. 캔버스에는 아무것도 그려지지 않고, 재생헤드 위치에서 시작하는 클립으로 타임라인에 놓입니다(필요하면 타임라인 길이가 자동으로 늘어남). Finder 에서 사운드 파일을 캔버스로 끌어다 놓아도 됩니다.
• 드래그 앤 드롭: Finder의 이미지·동영상 파일은 물론, 다른 앱에서 끌어온 이미지(Safari·미리보기·사진·메일 등)도 캔버스로 끌어다 놓으면 바로 레이어로 추가됩니다.
  • 드래그가 캔버스 위에 오면 강조 테두리가 나타나고, 놓은 위치에 레이어가 배치됩니다(아트보드 밖으로 나가지 않도록 자동 보정).
  • 마우스를 올린 아트보드가 대상이 됩니다(없으면 활성 아트보드). 동영상은 재생할 수 있도록 타임라인이 자동으로 준비됩니다.
  • 여러 파일을 한 번에 끌어다 놓으면 살짝 어긋나게 차례로 배치됩니다.
• 붙여넣기(⌘V): 클립보드에 있는 이미지·동영상(다른 앱에서 복사한 것 포함)을 붙여넣으면 활성 아트보드 중앙에 레이어로 추가됩니다. SVG 마크업(Figma 의 *Copy as SVG*, Illustrator·Sketch, 코드 편집기에서 복사한 텍스트)도 같은 방식으로 벡터 레이어가 되며, 그룹·프레임을 하나 선택해 두면 그 안에 들어갑니다.
• 파일에서 추가한 레이어는 파일 이름이 레이어 이름으로 지정됩니다.
• 가져온 이미지/비디오는 다른 도형처럼 이동·리사이즈·회전·애니메이션할 수 있습니다. 이미지·비디오 레이어(가져오기·붙여넣기·캡처·녹화 모두)는 비율 고정 자물쇠가 켜진 상태로 추가되어 리사이즈해도 비율이 유지됩니다(인스펙터 Size 의 자물쇠로 해제 가능).

비디오 레이어 다루기

• 비디오 레이어는 다른 도형처럼 이동·리사이즈·회전·애니메이션할 수 있습니다.
• 타임라인을 스크럽/재생하면 해당 시각의 영상 프레임이 디자인과 합성되어 표시됩니다.
• 비디오 레이어를 선택하면 인스펙터에 Video 섹션이 나타납니다:
  • Duration — 클립 원본 길이(읽기 전용).
  • Clip Start — 이 클립이 타임라인에서 시작하는 시각. 값을 바꿔 여러 클립을 이어 배치할 수 있습니다. 클립은 Clip Start ~ Clip Start + (Trim Out − Trim In) 구간에서만 보입니다(그 밖에서는 표시되지 않음).
  • Trim In — 클립 앞부분을 떼어내는 인점(클립 시작 시 재생될 클립 내 시점).
  • Trim Out — 클립 뒷부분을 떼어내는 아웃점. (예: 15초 영상에 In=5·Out=10이면 재생 길이는 5초.)
  • Cursor Highlight — 클릭 강조 오버레이 표시 토글(클릭 메타데이터가 있을 때 활성).
• 타임라인 클립 바: 비디오 레이어는 타임라인 트랙에 클립 바로 표시됩니다.
  • 바의 가운데를 드래그 → 클립을 좌우로 이동(시작 시점 변경).
  • 바의 왼쪽/오른쪽 끝(핸들)을 드래그 → 앞/뒤를 떼어내기(Trim In/Out). 왼쪽을 줄이면 내용은 그대로 유지된 채 앞부분만 잘립니다.
  • Capture ▸ Split Clip at Playhead → 재생헤드 위치에서 클립을 둘로 나눕니다(클립 안에 재생헤드가 있을 때). 키프레임은 분할 지점 기준으로 두 클립에 나눠집니다(앞쪽은 앞 클립, 뒤쪽은 뒤 클립).
• Trim In·이동을 바꾸면 그 클립의 키프레임(자동 줌 등)도 함께 이동해 영상 내용과 어긋나지 않습니다.
• 자동 줌은 현재 트림 범위 기준으로 만들어지므로, 트림을 정한 뒤 Capture ▸ Apply Auto-Zoom 을 실행하면 클릭 시점과 줌이 정확히 맞습니다. 만들어진 키프레임은 타임라인에서 일반 키프레임처럼 옮기거나 지울 수 있습니다.
• File ▸ Export Video… 로 디자인 + 녹화 + 자동 줌이 합쳐진 MP4를 내보냅니다. 내보내기 참고.

가져온 이미지·비디오 에셋은 .lcanvas 문서 안에 함께 저장되어, 문서 파일을 다른 위치/컴퓨터로 옮겨도 그대로 열립니다(열 때 작업용 사본으로 풀립니다). 더 이상 어떤 레이어도 쓰지 않는 에셋은 저장 시 문서에서 정리되어 파일이 불필요하게 커지지 않습니다(삭제를 undo 하면 다시 포함됩니다).