LayerzLAYERZ

Layerz Canvas/사용 설명서

English

내보내기 (이미지 · 영상)

무료와 Pro

  • 디자인은 무료, 영상은 Pro. 디자인·녹화·애니메이션 편집과 이미지 내보내기(PNG·JPEG·SVG·PDF) 는 모두 무료이고 워터마크도 없습니다.
  • 무료로 동영상·애니메이션(MP4·MOV(HEVC)·GIF·APNG·PNG 시퀀스)을 내보내면 오른쪽 아래에 앱 아이콘 마크와 "Made with Layerz Canvas" 가 들어간 작은 워터마크가 붙습니다. MOV(HEVC+알파)·ProRes·Lottie·HTML·애니메이션 SVG 는 Pro 전용입니다.
  • Layerz Canvas Pro(앱 메뉴 ▸ Layerz Canvas Pro…): 워터마크 없이, 모든 포맷으로 내보냅니다. 월/연 구독 또는 일회성 Lifetime 구매 중 고를 수 있고(연간 구독은 처음 한 번 7일 무료 체험 가능, 체험 중 해지하면 요금이 없습니다), 다른 기기에서 산 구매는 Restore Purchases 로 복원합니다(Pro 가 켜진 뒤에는 이 버튼이 보이지 않습니다). 구매가 끝나면 시트가 닫히지 않고 "Purchase complete" 와 PRO 배지, 플랜과 갱신일을 보여 줍니다. Done 으로 닫습니다.
  • 동영상 저장 패널의 옵션 아래에 지금 고른 포맷이 워터마크가 붙는지 / Pro 전용인지 안내가 표시되고, 옆의 버튼으로 바로 Pro 안내를 열 수 있습니다. Pro 전용 포맷을 고른 채 저장하면 구매 안내가 뜨고 내보내기는 진행되지 않습니다.

이미지 / PDF / SVG 내보내기

  • File ▸ Export… (⌘E)
  • 형식: PNG / JPEG / PDF / SVG
  • 옵션:
    • Scale — 1× / 2× / 3× (래스터 PNG/JPEG만 적용, PDF·SVG는 벡터)
    • Transparent — 투명 배경(PNG·PDF·SVG)
    • Export: Artboard / Selection — 아트보드 전체 또는 선택한 레이어 범위만(선택 영역에 맞게 잘라서) 내보냅니다. 레이어를 선택하면 활성화됩니다 — 그룹 안의 레이어도 됩니다(내보낼 때 그룹 밖으로 꺼냄); iOS 는 그때까지 흐리게 표시. 정지 이미지는 맥·iOS 모두 재생 헤드의 순간 — 캔버스에 보이는 그 프레임 — 을 내보냅니다.
  • 패널에 미리보기 썸네일이 표시되어 옵션(형식·범위·투명)을 바꿀 때마다 결과를 미리 확인할 수 있습니다.
  • 저장 위치를 지정하면 현재 아트보드가 해당 형식으로 저장됩니다. 패널은 마지막 내보내기에 쓴 형식·배율·투명 배경·범위를 그대로 열어 줍니다(같은 옵션으로 여러 장을 내보낼 때 다시 고를 필요가 없음). 이 값은 Settings ▸ Export 에도 그대로 보이며 거기서 바꿀 수도 있습니다. 폴더는 Settings 의 기본 폴더가 있으면 그곳, 없으면 마지막에 저장한 곳입니다.
  • 애니메이션이 있는 경우 현재 재생헤드 시각의 모습 그대로(에디터에 보이는 상태) 내보냅니다 — 특정 프레임을 정지 이미지로 저장하려면 그 시각으로 재생헤드를 옮긴 뒤 내보내세요. SVG 에서는 그 순간 애니메이터가 움직이고 있는 텍스트를 글자 윤곽으로 쓰고(흐림은 빠짐), 멈춘 텍스트는 실제 텍스트로 남깁니다.
  • SVG 의 2.5D 회전: Rotation X / Y 로 기울인 레이어는 벡터로 표현할 수 없어(SVG 에는 원근이 없음) 기울인 모습 그대로의 그림(이펙트 포함)으로 프레임의 제자리에 들어갑니다. 나머지는 벡터 그대로입니다. (Lottie 는 회전을 건너뛰고, HTML 은 실제 3D 변환으로 유지합니다.)

모든 프레임 내보내기

  • File ▸ Export All Frames… (⇧⌘E) 는 모든 프레임을 프레임 이름으로 된 파일("Hero.png", "Icon.png"…)로 하나씩, 고른 폴더에 저장합니다. 형식·배율·투명 옵션은 Export… 와 같습니다. 그 폴더에 같은 이름의 파일이 있으면 바뀌고, 이름이 같은 프레임은 "이름 2" 처럼 저장됩니다. 언어가 여럿인 문서(File ▸ Document Languages…)는 언어마다 한 번씩 "Hero-en.png", "Hero-ko.png"… 로 저장되고, 낱개 내보내기(Export…, Export Video…)는 View ▸ Language 에서 보는 언어를 씁니다.
  • 배경이 있는 프레임이 하나도 없으면 Transparent 가 켜진 채로 열립니다.

SVG (벡터 XML)

  • 도형(사각형/타원/패스/다각형), 텍스트, 이미지, 그룹, 변형(이동·회전·스케일), 불투명도, 단색·Linear/Radial 그라디언트 채움, 선(두께·캡·조인·점선)을 벡터로 내보냅니다.
  • 제한: Angular 그라디언트는 SVG에 대응이 없어 첫 스톱 색으로 대체됩니다. 비디오 레이어와 대부분의 효과는 생략되고, 왜곡(RGB Split·Glitch·Wave·Noise Warp)은 0초 모습의 SVG 필터로 들어갑니다. 텍스트는 기본 배치로 근사됩니다. 경로 위 텍스트는 SVG <textPath> 로 나갑니다(텍스트 그대로).

동영상 내보내기

  • File ▸ Export Video… (⌥⌘E) — 타임라인(애니메이션)이 있을 때 사용할 수 있습니다.
  • 형식:
    • MP4 (H.264) / MOV (HEVC) — 일반 동영상.
    • MOV (HEVC + Alpha) / MOV (ProRes 4444) — 투명 배경 동영상(오버레이·합성용).
    • Animated GIF / Animated PNG — 웹/메신저용 애니메이티드 이미지(무한 루프). 메모리 보호를 위해 큰 화면(예: 전체 화면 녹화)은 자동으로 적당한 크기로 줄여 내보냅니다(GIF는 최대 1024px·50fps).
    • PNG Sequence — 타임라인을 연속된 PNG 스틸 이미지로 내보냅니다(합성·후반 작업용). 저장 시 폴더를 고르고 Base Name을 입력하면, 그 폴더 안에 이름_0001.png, 이름_0002.png … 처럼 번호가 붙은 파일이 프레임마다 하나씩 저장됩니다(fps·Scale 반영, Transparent 켜면 알파 유지). 번호 자릿수는 총 프레임 수에 맞춰 자동(최소 4자리).
    • Lottie (JSON) — 벡터 애니메이션(After Effects/bodymovin 호환). 가볍게 공유·웹 재생. 동영상이 포함된 문서는 Lottie로 내보낼 수 없습니다(벡터 포맷이라 영상 프레임을 담지 못함 — 안내 메시지 표시). 카메라 깊이 시차는 레이어 키프레임(프레임마다 하나)으로 들어가고, 카메라 피사계 심도는 빠집니다. 텍스트는 Lottie 텍스트 레이어로 나가며 외곽선(색·두께)도 함께 들어갑니다. 단 Lottie 텍스트는 단색만 지원하므로, 그라디언트 채움 텍스트는 글자 윤곽을 도형으로 바꿔 내보냅니다(보이는 모양·그라디언트·외곽선·애니메이션은 그대로, Lottie 안에서 글자로 편집할 수는 없음). 경로 위 텍스트도 시작 시점에 서 있는 글자 윤곽으로 나가며, 움직이는 경로 오프셋과 표시된 경로는 빠집니다(내보내기 시트에 표시). 레이어의 등장·퇴장 시각은 그대로 들어가고(그룹 안 레이어는 불투명도 단계로), 경로 방향으로 회전은 Lottie 의 자동 방향(auto-orient)이 되며, 기준점 키프레임과 흐르는 점선(대시 패턴과 Dash Offset 키프레임)도 그대로 옮겨집니다. 텍스트 내용·크기·자간·카운터 키프레임은 바뀌는 프레임마다 새 텍스트 문서로 들어갑니다. 그룹 타이밍(지연·속도·반복)은 자식 키프레임에 풀어 씁니다. 텍스트 애니메이터(키네틱 타이포·범위 선택기·색·자간·스크램블)는 글자마다 윤곽으로 나가며 움직임·불투명도·색을 적은 수의 키로 구워 넣고, 움직이는 모서리 반경은 Lottie 고유 둥근 사각형, 움직이는 꼭짓점 수·내부 반경은 Lottie 고유 별이 됩니다. Lottie 가 담지 못하는 것 — 이펙트(와 그 키프레임), 2.5D 회전, 따라가기, 텍스트 애니메이터의 흐림, 움직이는 경로 오프셋 — 은 내보내기 전에 시트에 나열되며, 알리지 않고 빠지는 것은 없습니다.
    • HTML (웹 애니메이션) — 동영상 파일 없이 브라우저에서 애니메이션이 재생되는 웹 페이지. 타임라인이 없는 아트보드도 정지된 웹 페이지로 내보낼 수 있습니다: 파일 ▸ HTML 내보내기… 는 어떤 아트보드에서든 동작합니다(동영상 내보내기 패널은 애니메이션이 있는 아트보드에서만 열림). 바로 열거나 웹사이트에 붙여 넣습니다(페이지 맨 앞 주석에 복사할 부분이 적혀 있음). 도형은 어떤 크기에서도 선명한 벡터이고, 텍스트는 실제 글리프 윤곽으로 그려져 글꼴이 없는 컴퓨터에서도 똑같이 보이며, 실제 텍스트도 페이지에 남아 스크린 리더·검색에 잡힙니다. 키프레임은 앱과 같은 이징·스프링으로 재생되고, 텍스트 애니메이터(범위 선택기·글자 색·자간·스크램블 포함)·움직이는 모서리·다각형 꼭짓점·별 반경·그림자·글로우·그레인 키프레임·경로를 따라 달리는 텍스트·카운터·2.5D·카메라 깊이 시차·피사계 심도·모핑·트림·흐르는 점선(Dash Offset)·경로 방향으로 회전·그룹 시계·글로우·그레인·블러·그림자·색 효과와 왜곡(RGB Split·Wave 는 같게, Glitch·Ripple·Noise Warp 는 SVG 필터로 근사)도 함께 움직입니다. 애니메이션을 클릭하면 멈춤/재생 — 단 아트보드에 인터랙티브 상태(Timeline ▸ States…, 애니메이션 참고)가 있으면 클릭·호버·스크롤이 그 상태를 재생하고, 페이지는 상태가 재생되기 전까지 첫 프레임에서 기다립니다. 시스템에서 동작 줄이기를 켠 사람에게는 정지 화면이 보이고, 소리가 있으면 스피커 버튼으로 켭니다. 동영상·소리는 페이지 옆 <이름>_media 폴더에 저장됩니다(iOS 는 파일 안에 포함). 모션 블러·픽셀화·서로 다른 칠 사이의 채움 애니메이션·움직이는 물결 길이·녹화 커서 강조는 빠지고, 움직이는 마스크는 첫 프레임 모양을 씁니다 — 내보낸 뒤 달라지는 점을 시트로 알려 줍니다(움직이는 속성은 모두 재생되거나 목록에 나옵니다).
      • 지원: 도형·그룹, 트랜스폼 애니메이션(위치·스케일·회전·불투명도, 그룹 자식 포함, 스무스 모션 패스), 단색/그라디언트(linear·radial) 채움·선, 채움/선 색·불투명도 애니메이션, 스트로크(색·두께) 애니메이션, 트림 패스, 리피터, 크기/패스(셰이프) 애니메이션, 이미지 레이어(상위), 텍스트 레이어(베스트에포트 — 글자 윤곽으로, 크기·자간을 애니메이션해도 플레이어가 앱의 레이아웃처럼 윤곽을 키우고 벌림; 글이 커지며 줄이 다르게 바뀔 때만 브라우저 폰트의 웹 텍스트로 대신함), 블렌드 모드.
      • 트랙 매트(앞 레이어로 마스킹, alpha/luma)도 내보내집니다.
      • 내보내기 전, 벡터로 표현되지 않는 부분이 있으면 안내 창이 떠서 무엇이 빠지거나 단순화되는지 알려줍니다(예: 텍스트는 위치 근사·플레이어 폰트 필요, 효과 생략, angular 그라디언트는 단색으로). Export Anyway로 계속하거나 취소할 수 있습니다.
    • Animated SVG (SMIL) — 키프레임이 SVG 자체의 애니메이션 요소(<animate>·<animateTransform>)로 들어간 .svg 파일 하나. 스크립트 없이 모든 브라우저·README·SVG 를 그리는 앱에서 반복 재생됩니다. 위치·회전·배율·앵커·불투명도·등장/퇴장·단색 채움/선 색·선 굵기·점선 오프셋은 그대로 움직이고, 외곽선이 바뀌는 것(크기·모서리·다각형 점·패스 모핑·모디파이어)은 키마다 패스 데이터로 적습니다. 이징은 SVG 가 담을 수 있는 만큼 유지되고(스프링·오버슈트·루프·흔들림·링크·리피터·그룹 시계는 먼저 프레임 단위 키로 굽습니다) Transparent 를 켜면 배경을 뺍니다. 동영상·오디오·효과·텍스트·그라디언트 색 애니메이션은 멈춘 채 나가고 내보낸 뒤 목록으로 알려 줍니다. 디자인 도구는 이 파일을 정지 이미지로 엽니다. (Pro)
  • 옵션:
    • Preset — 자주 쓰는 조합을 한 번에 적용: Web (MP4) / High Quality (2×) / Transparent (HEVC + Alpha) / Animated GIF / Lottie (Vector) / HTML (Web Page) / Animated SVG (Vector). 프리셋을 고르면 아래 형식·FPS·Scale·Quality가 채워지고, 이후 개별 값을 바꾸면 프리셋은 Custom으로 표시됩니다. (iOS 내보내기 시트에도 같은 프리셋·옵션이 있습니다.)
    • Frame Rate — 24 / 30 / 60 fps
    • Scale — 1× / 2×
    • Quality — Standard / High / Max (H.264·HEVC의 비트레이트. ProRes·GIF·APNG에는 비활성).
    • Transparent — 알파 지원 포맷(HEVC+Alpha · ProRes · GIF · APNG)에서 배경을 투명하게 렌더. 켜면 아트보드 배경색을 무시합니다.
  • 패널은 마지막 내보내기에 쓴 형식·프레임레이트·배율·품질·투명 배경을 그대로 열어 줍니다. 이 값은 Settings ▸ Export 에도 그대로 보이며 거기서 바꿀 수도 있습니다(각 내보내기에서도 바꿀 수 있음).
  • 진행률이 표시되며 취소할 수 있고, 완료되면 Finder에 결과가 표시됩니다.
  • 디자인·모션·비디오 레이어·자동 줌이 모두 합쳐져 한 편의 영상으로 출력됩니다.
  • 오디오: 비디오 클립에 녹음된 소리(시스템·마이크)와 오디오 레이어(음악·효과음·내레이션)가 트림·배치한 구간대로 출력 영상에 합성됩니다(겹치는 소리는 믹싱, 숨긴 레이어는 음소거). 완성된 믹스는 투명한 리미터를 거칩니다 — 큰 소리가 겹치는 곳의 피크는 찌그러지지 않고 최대 레벨 바로 아래(−1 dBTP)로 눌리고, 그만큼 크지 않은 믹스는 전혀 바뀌지 않습니다. (앱 안 재생과 HTML 페이지는 레이어를 실시간으로 재생해 리미터가 없으므로 큰 소리가 겹칠 때 잠깐 찌그러질 수 있지만, 내보낸 영상은 그렇지 않습니다.)

타임라인 키프레임으로 만든 애니메이션과 화면 녹화를 합쳐 홍보용 동영상을 만들 수 있습니다.

AI 어시스턴트로 내보내기

AI 어시스턴트가 대신 내보낼 때(AI 어시스턴트) 파일은 설정 ▸ 내보내기의 기본 폴더로 갑니다. Gallery/hero.html 같은 상대 경로는 그 폴더 안에 저장되고, 없는 하위 폴더는 만들어집니다. 앱은 샌드박스 안에서 동작하므로 그 밖에는 쓸 수 없습니다 — 어시스턴트가 그렇게 하려 하면 상대 경로를 쓰거나 사용자에게 폴더를 고르게 하라는 안내를 받습니다. 그러니 내보내기를 부탁하기 전에 그곳에서 프로젝트 폴더를 한 번 골라 두세요.

  • 완성 작품을 한 번에 — 아트보드 하나를 한 벌로 내보낼 수 있습니다: 문서(.lcanvas), 웹 페이지(.html, Pro), 고른 순간의 포스터 이미지, 필요하면 동영상, 그리고 제목·크기·길이·프레임레이트·웹 페이지에서 빠지는 것을 적은 작은 .json — 모두 007 Hero Intro.html, 007 Hero Intro.png … 처럼 같은 이름으로.
  • 웹 내보내기 미리 점검 — HTML 로 내보내면 무엇이 빠지거나 근사되는지(내보내기 시트가 보여 주는 것과 같은 목록)와 페이지 크기를, 아무것도 쓰지 않고 물어볼 수 있습니다.
다음 → AI 어시스턴트 (MCP)