인스펙터 (속성 편집)

오른쪽 인스펙터에서 선택한 요소의 속성을 편집합니다. 요소를 선택하지 않으면 "No Selection"이 표시됩니다.

커밋 시점: 숫자·텍스트 입력은 Return 또는 포커스 이동 시 반영, 슬라이더·색상·노브는 즉시 반영됩니다.

섹션은 종류별로 아이콘이 붙은 카테고리로 나뉘며 위에서 아래로 Layer → Layout → 콘텐츠(Text/Video/Rectangle/Polygon/Image) → Appearance → Effects → Mask → Modifiers → Timeline 순서입니다. 선택한 레이어 종류에 해당하지 않는 섹션은 표시되지 않습니다.

Frame (아트보드) 선택 시

아트보드 라벨(또는 레이어 패널의 섹션 헤더)을 클릭해 Frame 자체를 선택하면 인스펙터가 Frame 편집 모드로 바뀝니다.

• Name — 프레임 이름.
• Preset — 내장 크기 프리셋(1920×1080 (16:9), 1280×720 (16:9), 1080×1080 (1:1), 1080×1920 (9:16), 1440×1024). 선택하면 프레임이 그 크기로 리사이즈됩니다(레이어는 각자의 제약(Constraints)에 따라 재배치). 현재 크기가 목록에 없으면 Custom으로 표시됩니다.
• Size (W, H) — 크기를 숫자로 직접 입력.
• Background — 배경색(불투명도 포함). 스위치를 끄면 배경 없음: 캔버스에서는 체크무늬로 보이고, 내보낼 때 투명합니다(PNG·PDF·SVG·알파 동영상. JPEG·MP4 처럼 투명을 못 담는 형식은 흰색).
• 문서에 프레임이 둘 이상이면 Delete 키로 선택한 프레임을 삭제할 수 있습니다.

여러 레이어 선택 시

레이어를 둘 이상 선택하면(캔버스나 레이어 패널에서 Shift-클릭) 인스펙터가 한꺼번에 편집합니다. 맨 위에 "2 Layers"(선택한 개수)가 표시되고, 바꾼 값은 선택한 레이어 모두에 적용되며 실행 취소는 한 번입니다.

• 표시되는 항목: Layout(위치·크기·배율·회전·3D 회전·Constraints), Appearance(불투명도·채우기·선), Effects, Crop, Modifiers. 콘텐츠 섹션(Rectangle, Polygon/Star, Image, Text 글꼴 설정)은 선택한 레이어가 모두 그 종류일 때만 나옵니다.
• 레이어마다 값이 다르면 Mixed 로 표시됩니다(숫자 칸은 비어 있고, 스위치·섹션 옆에는 "Mixed"). 값을 입력하거나 컨트롤을 바꾸면 모두 같은 값이 됩니다.
• 비율 자물쇠를 켠 채 크기를 바꾸면 레이어마다 자기 비율을 유지합니다.
• 레이어별 항목은 숨겨집니다: 이름, 키프레임 다이아몬드, Follow, Link to Frame, Timeline 표시 구간, 텍스트 내용·카운터, 텍스트 애니메이션, 동영상·사운드 클립, Use as Mask·트랙 매트.

Layer (레이어)

• Name — 레이어 이름(레이어 패널에서 더블클릭해도 바꿀 수 있음).
• Link to Frame — 프레젠테이션 중 이 레이어(그룹·프레임)를 클릭하면 고른 프레임으로 갑니다. None 은 링크 해제. 프레젠테이션 참고.
• 템플릿 슬롯 — 이 레이어를 템플릿의 입력 자리로 표시합니다. 역할이 이름(headline, feature1, screen, icon… 여러 프레임의 같은 역할은 한 번에 채워짐), 종류가 들어갈 것(텍스트·이미지·동영상·앱 화면(템플릿이 화면을 보여 주는 자리에 녹화를)·앱 아이콘). 텍스트 슬롯은 글자 수 제한, 그림·클립은 맞춤(채우기·안에 맞춤)과 클립의 최소 길이, 필수와 안내 문구를 둘 수 있습니다. 템플릿을 채울 때 슬롯이 정한 것만 바뀌고 모양·위치·움직임은 그대로입니다. File ▸ 템플릿 검사… 가 슬롯 목록과 템플릿이 되지 못하는 이유를 보여 줍니다.

Layout (배치)

• Alignment(정렬) — 섹션 최상단의 6개 버튼으로 선택 요소를 정렬합니다. 왼쪽 그룹: 좌/가운데(가로)/우 정렬, 오른쪽 그룹: 상/가운데(세로)/하 정렬. 여러 개를 선택하면 선택 묶음 기준으로, 하나면 아트보드 기준으로 정렬됩니다.
• Position (X, Y) — 요소 위치(좌상단 기준).
• Size (W, H) — 너비/높이. 사이에 있는 자물쇠(비율 고정) 를 켜면 W/H 한쪽을 바꿔도 원래 비율이 유지되고, 리사이즈 핸들 드래그도 비율이 고정됩니다(맥에서는 Shift로도 가능). 자물쇠 상태는 레이어별로 문서에 저장됩니다(Undo 가능). (패스 도형은 실제 패스 범위를 표시하며, 값을 바꾸면 패스가 그 크기로 변형됩니다.)
• Scale (X %, Y %) — 상자 크기와 별개인 변환 배율(100 = 원본). 키프레임의 Scale X/Y 트랙과 Constraints 의 Scale 이 바꾸는 값입니다. Size 는 항상 화면에 보이는 크기(상자 × 배율)를 표시하며, 배율이 걸린 상태에서 Size 를 편집하거나 캔버스에서 리사이즈하면 배율이 크기에 흡수되어 Scale 은 100% 로 돌아갑니다(획 두께·모서리 등도 함께 조정되어 모양은 그대로). 타임라인이 켜져 있으면 그 시점의 Size/Scale 키프레임에 기록됩니다.
• Rotation — 회전 각도. 숫자 입력 또는 다이얼(노브) 을 돌려 설정합니다. 노브는 현재 값에서 돌린 만큼 더하거나 빼는 상대 방식이라(시계 방향 +, 반시계 −) −60° 에서 조금 돌리면 −50° 처럼 이어지고 값이 0–360° 로 갑자기 바뀌지 않습니다.
• Constraints(제약) — 부모(Frame 또는 Group)의 크기가 바뀔 때 요소가 어떻게 따라갈지 정합니다(Figma 방식). 기본값은 Left / Top(부모 좌상단에 고정 = 지금까지의 절대 위치). 가로·세로 각각 아래에서 하나씩 선택합니다.
  • 가로: Left(왼쪽 가장자리 간격 고정) · Right(오른쪽 가장자리 간격 고정) · Left and Right(양쪽 간격 고정 → 폭이 늘어남) · Center(부모 가로 중심 기준 오프셋 유지) · Scale(부모 폭에 비례해 위치·크기 스케일).
  • 세로: Top · Bottom · Top and Bottom(높이가 늘어남) · Center · Scale.
  • 두 개의 드롭다운으로 정하거나, 오른쪽 핀 위젯의 막대를 눌러 가장자리 고정을 토글합니다(한쪽 → 반대쪽까지 누르면 양쪽 고정, 다시 누르면 Center). Center·Scale은 드롭다운으로 선택합니다.
  • 제약을 바꿔도 요소는 움직이지 않습니다(현재 위치에서 간격을 다시 계산). 실제 재배치는 부모가 리사이즈될 때 일어납니다. *맥에서 Frame(아트보드) 크기를 바꾸면 즉시 반영됩니다.*

Text (텍스트)

텍스트 요소 선택 시 표시됩니다.

• Language — 문서에 언어가 있을 때(아래 참고) Content 칸이 어느 언어의 문구를 편집할지 고릅니다. 기본 언어는 레이어 자체 문구이고, 다른 언어 칸은 그 번역을 보여 주며 비어 있으면 기본 문구를 플레이스홀더로 보여 줍니다. Add Language… 는 문서 언어 창을 엽니다.
• Content — 텍스트 내용(여러 줄 가능).
• Font — 설치된 폰트 패밀리 선택(맨 위 "System" = 시스템 기본 폰트). 목록은 폰트마다 그 폰트로 이름을 보여 주므로 고르기 전에 모양을 확인할 수 있고, 검색 칸에 입력해 좁힐 수 있습니다. 기호 폰트는 이름을 시스템 폰트로 표시합니다.
• Add Font File… — TTF / OTF / TTC 폰트 파일(예: 무료 픽셀 폰트)을 문서에 넣고 선택한 텍스트에 적용합니다. 폰트는 .lcanvas 안에 함께 저장되어, 그 폰트가 설치되지 않은 Mac 에서도 똑같이 보입니다. 넣은 뒤에는 Font 목록에 나타납니다.
• Weight — 굵기(Thin ~ Black). 패밀리에서 그 굵기에 가장 가까운 서체를 씁니다(가변 폰트는 그 굵기로 맞춤).
• 시스템 서체는 흔히 부르는 이름으로 지정할 수 있습니다: SF Pro(SF Pro Display / SF Pro Text 도), SF Pro Rounded, SF Mono, New York 은 시스템 자체 폰트로 그려서, SF 폰트를 설치했든 안 했든 맥·iPhone·iPad 에서 똑같이 보입니다.
• Italic — 이탤릭 토글.
• Size — 폰트 크기.
• Alignment — 정렬(왼쪽/가운데/오른쪽/양쪽), 그 옆에 세로 정렬(위/가운데/아래) — 줄보다 높은 Fixed Size 상자 안에서 줄이 놓이는 자리입니다(버튼 가운데의 라벨, 상자 아래쪽에 붙은 캡션 등). 상자보다 긴 텍스트는 위 정렬이면 아래로, 가운데면 위아래 양쪽으로, 아래 정렬이면 위로 넘칩니다. Auto Width·Auto Height 상자는 줄에 딱 맞으므로 상자가 고정일 때만 차이가 보입니다. 새 텍스트는 가운데로 시작하고, 이 옵션이 생기기 전에 만든 문서의 텍스트는 위 정렬 그대로라 예전 문서는 똑같이 보입니다.
• Line Height — 줄 간격(배수).
• Tracking — 자간(pt).
• Resizing — 상자가 내용을 따라가는 방식(Figma의 텍스트 리사이징과 같음).
  • Auto Width(↔) — 한 줄로 두고 폭이 내용에 맞춰 늘어남(직접 넣은 줄바꿈만 줄이 바뀜).
  • Auto Height(↕) — 폭은 고정, 줄바꿈된 줄 수에 맞춰 높이가 따라옴.
  • Fixed Size(□) — 폭·높이 모두 고정. 상자보다 긴 텍스트는 사라지지 않고 상자 아래로 이어서 그려집니다(Figma 와 같음) — 줄 높이보다 낮은 상자의 큰 숫자도 보입니다.
  • 내용·폰트·크기·자간 등을 바꾸면 Auto 모드의 상자가 다시 맞춰집니다. 이때 위쪽 가장자리와 정렬 기준 가장자리(왼쪽 정렬이면 왼쪽, 가운데 정렬이면 중심, 오른쪽 정렬이면 오른쪽)는 제자리에 남습니다.
  • 캔버스에서 상자를 손으로 리사이즈하면 모드가 바뀝니다: Auto Width 상자를 옆으로 늘리면 Auto Height 로, Auto 상자의 높이를 바꾸면 Fixed Size 로 전환됩니다.
• 캔버스에서 텍스트를 더블클릭하거나 ⏎ 을 눌러 제자리에서 편집할 수도 있습니다. 벡터 편집 참고.

문서 언어

디자인과 모션은 그대로 두고 문구만 언어별로 바꿔 쓰는 기능입니다. File ▸ Document Languages… 에서 문서의 언어를 등록합니다(첫 번째가 기본 언어 = 모든 텍스트 레이어의 자체 문구, Make Base 로 다른 언어를 기본으로 바꾸면 이전 기본 언어는 번역으로 남습니다). 그 다음 인스펙터의 Language ▸ Content 에서 레이어마다 번역을 입력하거나, View ▸ Language 로 언어를 바꾼 뒤 캔버스에서 바로 고칩니다. 캔버스·재생·Presentation Mode·모든 내보내기는 View ▸ Language 에서 고른 언어로 보입니다(문서에 저장, 실행 취소 가능). 번역이 없는 레이어는 기본 문구를 보여 주고, 자동 크기 텍스트 상자는 번역된 문구에 맞게 다시 맞춰집니다. Export All Frames 는 모든 언어를 내보냅니다(내보내기 장 참고). 번역은 문서 번들 안에 디자인과 나란히 저장되어 이전 버전에서 열어도 사라지지 않습니다.

Text on Path (경로 위 텍스트)

경로에 얹은 텍스트(Attach Text to Path, 벡터 편집 참고)에 표시됩니다.

• Offset — 텍스트가 경로의 어디에 놓이는지, 경로 길이의 퍼센트(0–100; 원처럼 닫힌 경로는 한 바퀴 돌아 이어짐). 키프레임 다이아몬드가 있어 두 시각에 키를 넣으면 텍스트가 경로를 따라 달립니다.
• Align — 텍스트가 오프셋에서 시작하는지, 가운데인지, 끝나는지.
• Side — Above(글자가 선 위에 섬; 원의 바깥) 또는 Below(글자가 선 아래에 매달림; 원의 안쪽).
• Flip — 텍스트가 반대 방향으로 읽히며 반대쪽으로 뒤집힙니다 — 예: 원의 아래쪽을 따라 바로 읽히는 글자. 오프셋 위치는 그대로입니다.
• Baseline Shift — 글자를 선에서 띄웁니다(pt, + = 위).
• Show Path — 경로 자체를 텍스트 아래에 가는 선으로 그립니다.
• Detach from Path — 다시 일반 텍스트로.
• 상자 크기를 바꾸면 경로도 함께 늘어납니다. 열린 경로의 끝을 넘는 글자는 숨겨집니다.

Follow Path (경로 따라 이동)

경로를 따라 움직이는 레이어(Animate ▸ Follow Path…, 애니메이션 참고)에 표시됩니다.

• Progress — 레이어가 경로의 어디에 있는지, 경로 길이의 퍼센트. 키프레임 다이아몬드가 있고, 값을 바꾸면 레이어가 경로를 따라 옮겨집니다.
• Orient to Path — 나아가는 방향을 바라보게 돌립니다(레이어 자신의 회전은 그 위에 더해짐).
• Remove from Path — 레이어는 제자리에 두고 Path Progress 키프레임을 지웁니다.

Video (동영상)

동영상 요소 선택 시 표시됩니다.

• Clip Start / Trim In / Trim Out — 타임라인 배치 시각과 시작·끝 트림(초).
• Source Length / Length — Source Length 는 동영상 파일 전체 길이, Length 는 클립이 타임라인에서 차지하는 길이(잘라 둔 구간 ÷ 속도, 예: "4.00 s (2×)")입니다. Trim In·Trim Out 은 원본 영상의 시각이라 속도를 바꿔도 그대로입니다.
• Speed — 클립을 빠르게·느리게 재생합니다. 메뉴에서 0.25×~4× 를 고르거나 퍼센트(10~1600 %)를 입력합니다. 클립의 시작 위치와 잘라 둔 구간은 그대로이므로 2× 면 타임라인에서 절반 길이, 0.5× 면 두 배 길이가 됩니다(넘치면 타임라인이 늘어남). 클립 안의 키프레임(자동 줌 등)도 함께 늘어나고 줄어들어 원래 맞춰 둔 장면에 그대로 붙어 있습니다. 소리도 같은 속도로 재생되며 음높이는 유지됩니다(재생·내보내기 모두). 클립 바 가장자리를 끌면 타임라인 시간 기준으로 잘립니다.
• Auto Rewind (Loop) — 동영상을 전체 애니메이션 내내 반복 재생합니다. 반복되는 구간은 켜는 순간의 Trim In~Trim Out 구간(Split Clip 으로 나눈 조각 포함)입니다. 켜면 Trim Out(끝 시각)을 원본 길이보다 크게 늘릴 수 있고(애니메이션 길이까지), 켜는 순간 애니메이션이 클립보다 길면 끝까지 자동으로 늘어납니다. 끄면 Trim Out 이 켜기 전 구간으로 되돌아가 나눠 둔 조각이 유지됩니다. 반복이 처음으로 되돌아가는 지점에는 타임라인 클립 바에 ↺ 아이콘이 표시됩니다(맥). 재생·내보내기(영상/오디오) 모두 반복됩니다.
• Cursor Highlight / Zoom × — 화면 녹화 클립의 커서 강조·자동 줌 세기.

Rectangle (사각형)

• Corner Radius — 모서리 둥글기.

Polygon (다각형) / Star (별)

다각형 또는 별 요소 선택 시 표시됩니다(별이면 섹션 제목이 Star).

• Sides / Points — 변(꼭짓점) 개수(3~24). 스테퍼로 조절하면 즉시 모양이 바뀝니다.
• Inner Radius — (별만) 안쪽 반지름(바깥 반지름 대비 %). 값이 작을수록 뾰족한 별이 됩니다.
• Corner Radius — 모서리 둥글기.

Image (이미지 · 비디오) · Frame

이미지/비디오 요소와 중첩 프레임 선택 시 표시됩니다.

• Corner Radius — 이미지·비디오 모서리를 둥글게 잘라냅니다(내보내기·양쪽 플랫폼 동일하게 반영). 프레임에서는 배경·테두리·내용 클립을 둥글게 합니다(캔버스·동영상·이미지·HTML 내보내기; SVG·Lottie 내보내기는 프레임 배경을 그리지 않음).

이미지·비디오를 추가할 때, 원본이 아트보드보다 크면 비율을 유지한 채 아트보드 안에 들어오도록 축소됩니다(넘치지 않음).

Appearance (모양)

• Opacity — 불투명도. 슬라이더 또는 % 숫자 입력.
• Fill (채움) — 켜고/끄기. Solid / Gradient 선택.
  • Solid: HEX 입력(#RRGGBB, 투명도 포함 시 #RRGGBBAA, #RGB 단축형), 스포이드 버튼(화면 어디든 색 추출, 단축키 I), 또는 색상 피커.
  • Gradient: 타입(Linear/Radial/Angular), 각도(Linear/Angular), 여러 스톱(각 스톱의 색·위치(%) 편집, Add Stop / − 로 추가·삭제)을 지정.
  • 그라디언트 레이어를 선택하면 캔버스에 그라디언트 에디터가 나타납니다(Figma/Sketch 스타일):
    • 축 선 과 양 끝의 끝점 핸들(원) — 끝점을 드래그하면 각도가 바뀝니다.
    • 각 스톱이 축 위에 색상 사각형으로 표시됩니다. 클릭하면 선택(파란 테두리 + 위치 % 배지), 드래그하면 위치(0~100%)가 바뀝니다.
    • 축 선 위를 더블클릭하면 그 위치에 보간된 색으로 새 스톱을 추가합니다.
    • Radial/Angular: 타원형 외곽선과 함께 축에 수직인 핸들(원) 이 표시됩니다. 이 핸들을 드래그하면 종횡비(aspect) 가 바뀌어 그라디언트가 타원형으로 늘어나거나 눌립니다.
    • 각도·종횡비는 키프레임으로 애니메이션됩니다(같은 종류 그라디언트끼리).
• Stroke (선) — 켜고/끄기. 색상(HEX/피커), Weight(두께), Position(위치: 안쪽/가운데/바깥쪽) 설정. 위치는 선이 윤곽선 안쪽에만, 윤곽선에 걸쳐, 바깥쪽에만 그려지는지를 정하며 어느 경우든 보이는 선 두께는 Weight 그대로입니다. 텍스트에도 동작해 글자에 외곽선을 넣을 수 있고, 텍스트에서 처음 켜면 글자가 가늘어지지 않도록 바깥쪽으로 시작합니다.
• 윤곽 글자: Fill 을 끄고 Stroke 를 켜면 글자가 외곽선만으로 그려집니다(캔버스와 모든 내보내기). 채움도 선도 없는 텍스트는 예전처럼 검정으로 그려집니다.
• 텍스트의 Fill 도 도형과 같아서 단색뿐 아니라 그라디언트(선형·방사형·각도형)를 그대로 적용할 수 있습니다. 캔버스에서 글자를 입력하는 동안에는 그라디언트의 첫 색으로 보이고, 편집을 마치면 전체 그라디언트로 그려집니다. SVG 내보내기에도 텍스트의 그라디언트와 외곽선이 들어갑니다.

Effects (이펙트)

레이어 이펙트는 한 섹션에 모여 있고, 각 이펙트는 토글로 켤 때만 세부 값이 펼쳐집니다. 그림자는 오른쪽 ⊕ 로 추가합니다.

이펙트가 둘 이상이면 맨 위 Order 에 적용 순서대로 모두 나옵니다. ⌃ / ⌄ 로 위아래로 옮기고(블러를 색 조정 앞에 두느냐 뒤에 두느냐로 결과가 다름), 눈 아이콘은 설정을 잃지 않고 끕니다(그리지도 내보내지도 않음; 다시 켜면 맨 뒤로), ⊖ 는 지웁니다. iPhone·iPad 는 Effect Order.

Shadows (그림자)

드롭 섀도우를 레이어 뒤에 드리웁니다. 여러 개를 쌓을 수 있어 다중 그림자 표현이 가능합니다(목록 위쪽 그림자가 앞에 그려짐).

• Add Shadow — 그림자를 추가합니다(기본: 검정 35%, 아래로 4pt, 흐림 8pt).
• 각 그림자 행:
  • 색상 피커 — 그림자 색·불투명도(알파).
  • Offset (X, Y) — 그림자 위치 오프셋(+Y는 아래쪽).
  • Blur — 흐림 정도(pt).
  • − 버튼 — 해당 그림자 삭제.
• 오프셋과 흐림은 레이어 자체의 pt 단위입니다: 그림자는 레이어와 함께 커지고 작아집니다 — 레이어의 배율, 들어 있는 그룹·카메라, 캔버스 확대, 내보내기 배율 모두(2× 내보내기는 그림자까지 1× 이미지를 두 배 해상도로 그린 것). 오프셋 방향은 아트보드 기준이라 레이어나 그룹을 돌려도 +Y 는 아래쪽 그대로입니다(Figma·Sketch 와 같음).
• 그림자는 캔버스 미리보기와 이미지/동영상 내보내기에 반영됩니다. HTML 내보내기는 CSS 로 그려서 회전한 레이어에서는 오프셋도 함께 돕니다(내보내기 경고에 표시). (Lottie 내보내기에서는 효과가 생략됩니다.)

Blur (레이어 블러)

레이어 전체에 가우시안 블러를 적용합니다. Core Image CIGaussianBlur 기반, 미리보기·내보내기(이미지/동영상)에 동일하게 반영됩니다.

• 제목 줄의 토글 — 켜기/끄기.
• Radius — 블러 반경(pt). 클수록 더 흐려집니다. 라벨 옆 다이아몬드(◇) 로 키프레임을 찍어 반경을 애니메이션할 수 있습니다(포커스 인/아웃 연출).

블러·보케 등 여러 효과를 한 레이어에 함께 켤 수 있으며, 목록 순서대로 적용됩니다.

Color Adjust (색 보정)

레이어 색을 보정합니다. Core Image(CIColorControls·CIExposureAdjust·CIHueAdjust) 기반, 미리보기·내보내기(이미지/동영상)에 동일하게 반영됩니다.

• 제목 줄의 토글 — 켜기/끄기. (모든 값이 기본값이면 화면 변화 없음.)
• Brightness — 밝기(-1~1, 0=기본).
• Contrast — 대비(0~4, 1=기본).
• Saturation — 채도(0~4, 1=기본, 0=흑백).
• Exposure — 노출/EV(-4~4, 0=기본).
• Hue — 색조 회전(-180°~180°, 0=기본).
• 각 항목은 라벨 옆 다이아몬드(◇) 로 키프레임을 찍어 애니메이션할 수 있습니다(예: 서서히 흑백으로, 노출 플래시).

Vignette (비네트)

레이어 가장자리를 어둡게 해 시선을 안쪽으로 모읍니다(스포트라이트/포커스 연출). Core Image CIVignette 기반.

• 제목 줄의 토글 — 켜기/끄기.
• Intensity — 어둡게 하는 강도(0~2, 0=없음).
• Radius — 비네트 크기/감쇠(0~3, 클수록 어두운 링이 바깥쪽).
• 각 항목은 다이아몬드(◇) 로 키프레임 애니메이션 가능.

Pixellate (모자이크)

레이어를 사각 블록으로 뭉개 모자이크 처리합니다(민감정보 가리기/스타일). Core Image CIPixellate 기반.

• 제목 줄의 토글 — 켜기/끄기.
• Block Size — 블록 크기(pt). 클수록 더 거칠게 뭉개집니다. 다이아몬드(◇) 로 키프레임 애니메이션 가능.

Bokeh (렌즈 블러)

레이어에 피사계 심도(보케) 블러를 적용합니다. 밝고 초점이 나간 부분이 부드러운 원형 보케 디스크로 번집니다(배경·장식용). Core Image CIBokehBlur 기반, 미리보기·내보내기(이미지/동영상) 동일하게 반영됩니다.

• 제목 줄의 토글 — 켜기/끄기.
• Radius — 보케 디스크 반경(pt). 클수록 더 흐려지고 번짐이 큽니다. 라벨 옆 다이아몬드(◇) 로 현재 시각에 키프레임을 찍어 반경을 애니메이션할 수 있습니다(초점이 서서히 맞거나 흐려지는 연출).
• Ring — 디스크 가장자리 링(도넛) 강조(0~1). 높일수록 보케 링이 뚜렷해집니다.

성능: 블러는 비교적 무거운 연산이지만, 같은 모양·배율의 결과는 캐시되어 이후 다시 그릴 때(다른 레이어 편집·이동·확대 없이 재렌더) 즉시 재사용됩니다. 그래도 켠 레이어가 많거나 반경이 매우 크면 느려질 수 있습니다. 그림자·다른 효과와 함께 적용할 수 있습니다. Lottie 내보내기에서는 생략됩니다.

왜곡: RGB Split · Glitch · Wave · Noise Warp

레이어의 픽셀을 움직이는 이펙트 네 가지입니다 — 글리치 연출, 아지랑이, 물결, 손그림처럼 떨리는 선. Core Image 로 그려서 캔버스·프레임 렌더·이미지/동영상 내보내기가 똑같고, 서로 그리고 다른 이펙트와 함께 쓸 수 있습니다(목록 순서대로 적용).

• RGB Split(색수차) — 빨강 채널은 한쪽으로, 파랑은 반대쪽으로 밀려 가장자리에 색 번짐이 생깁니다. Amount(pt)와 Angle(0° = 좌우, 90° = 위아래), 둘 다 다이아몬드(◇) 로 키프레임.
• Glitch — 레이어를 가로 조각(Slices) 으로 잘라 옆으로 튀게 하고 RGB 를 살짝 어긋나게 합니다. Amount(0~1, ◇ 키프레임), Slices(1~64), Distance(Amount 1 일 때 가장 크게 튀는 거리, pt), Rate(초당 새 패턴 수, 0 이면 한 패턴 고정), Seed(다른 패턴). 패턴은 저절로 바뀌고 같은 시드·같은 시각이면 언제나 같게 나오므로, 글리치 한 번은 Amount 키프레임 두세 개(0 → 1 → 0)면 됩니다.
• Wave — 사인 곡선 왜곡. Style: Wave(줄이 옆으로 밀림 — 깃발·아지랑이·물속) 또는 Ripple(레이어 가운데서 퍼지는 동심원). Amplitude(pt)·Wavelength(pt)·Phase(°)는 ◇ 로 키프레임, Speed(초당 주기)를 주면 키프레임 없이 저절로 흐르고, Angle 은 Wave 가 미는 방향을 돌립니다.
• Noise Warp — 부드러운 무작위 변위: 아지랑이, 끓는 듯한 손그림 선. Amount(pt)·Scale(덩어리 크기, pt)은 ◇ 키프레임, Speed 는 노이즈가 변하는 속도, Seed 는 다른 노이즈.
• 내보내기: 동영상·이미지는 똑같습니다. HTML 내보내기는 SVG 필터로 바꿉니다 — RGB Split·Wave 는 같게, Glitch·Ripple·Noise Warp 는 비슷하게 근사합니다(내보낼 때 목록으로 알림). SVG 내보내기는 정지 상태(0초 모습)로 그립니다. Lottie 내보내기에서는 빠집니다.

Mask (마스크)

Use as Mask (Figma 방식 마스크)

• 제목 줄의 토글 — 이 레이어를 마스크로 지정합니다. 같은 그룹에서 이 레이어 위에 있는 레이어들이 마스크 모양 안에서만 보이고, 마스크 자신은 그려지지 않습니다. (Arrange ▸ Use as Mask, ⌃⌘M 과 동일)
• Type — Alpha(투명도) / Vector(외곽선만) / Luminance(밝기). 자세한 동작은 레이어 참고.

Crop (크롭)

이 레이어를 사각형/타원으로 잘라냅니다(레이어 자기 자신 클립). 두 도형으로 서로를 마스킹하려면 위의 Track Matte를 쓰세요.

• 제목 줄의 토글 — 크롭 켜기/끄기.
• Shape — Rectangle / Ellipse. (Ellipse로 바꾸면 즉시 타원으로 잘려 보입니다.)
• Inset — 가장자리에서 안쪽으로 줄이는 양(pt).
• Mode — Add(안쪽만) / Subtract(바깥쪽만) / Intersect.
• Inverted — 안/밖 반전.
• Draw Path… / Redraw Path… — 누르면 펜 모드로 바뀌고, 캔버스에 자유곡선 외곽선을 그리면 그 모양이 이 레이어의 마스크가 됩니다(닫힌 영역). Use Shape 로 사각/타원 모드로 되돌립니다.
• 내보낼 때 Lottie 레이어 마스크(masksProperties)로 출력됩니다.

Sound (사운드)

비디오 레이어와 오디오 레이어에 표시됩니다.

• Mute — 이 클립의 소리를 끕니다(재생·내보내기 모두). 레이어나 그 부모 프레임/그룹을 숨겨도 소리가 함께 꺼집니다(보이지 않는 것은 들리지 않음). 영상은 감추고 소리만 남기려면 레이어의 Opacity 를 0 으로 두세요.
• Volume — 전체 레벨(0–200%, 100 = 원본). 슬라이더는 즉시 반영, 숫자 입력은 Return 시 반영.
• Fade In / Fade Out — 클립이 들리는 구간의 시작에서 올라오는 시간 / 끝에서 내려가는 시간(초). 트림·등장/퇴장으로 실제 들리는 구간이 줄면 그 구간의 양끝 기준으로 적용되고, Auto Rewind 로 반복되는 클립도 전체 구간에 한 번만 페이드됩니다.
• 오디오 레이어에는 Duration / Clip Start / Trim In / Trim Out 도 여기에 표시됩니다(비디오의 Video 섹션과 같은 의미). 타임라인의 클립 바 드래그·트림, Capture ▸ Split Clip at Playhead 도 오디오 클립에 동일하게 동작합니다.
• 타임라인 클립 바에는 페이드 구간이 어두운 쐐기로, 음소거는 스피커 아이콘으로 표시됩니다.

Track Matte (트랙 매트)

레이어를 바로 앞(위)에 있는 레이어로 마스킹합니다(앞 레이어가 있을 때 표시).

• Track Matte — None / Alpha / Alpha Inverted / Luma / Luma Inverted.
  • Alpha: 앞 레이어가 불투명한 영역만 이 레이어가 보입니다(Inverted는 반대).
  • Luma: 앞 레이어의 밝기를 마스크로 사용(앱 미리보기에서는 알파로 근사, 내보낸 Lottie에서는 정확).
• 매트로 쓰인 앞 레이어는 직접 그려지지 않고 마스크로만 소비됩니다.

Modifiers (모디파이어)

도형 레이어에서만 표시됩니다.

Trim Path (트림 패스)

도형(사각형/타원/다각형/패스) 선택 시 표시됩니다. 외곽선을 일부만 보이게 잘라, 선이 그려지는(draw-on) 연출을 만듭니다.

• Trim — Start % / End %: 보이는 구간의 시작·끝(0~100%). 예: Start 0 → End 0→100을 애니메이션하면 선이 그려지는 효과.
• Offset — 시작점을 회전(도).
• 라벨 옆 다이아몬드(◇) 로 현재 시각에 키프레임을 찍어 Start/End/Offset을 애니메이션할 수 있습니다.

Repeater (리피터)

도형 선택 시 표시됩니다. 같은 도형을 최대 200개까지 줄·격자·원형으로 복제합니다. 레이어 수백 개 대신 레이어 하나입니다.

• 제목 줄의 토글 — 리피터 켜기/끄기.
• Copies — 복제 개수. 키프레임 다이아몬드가 있어 애니메이션하면 복제가 하나씩 늘어납니다(정수 사이에서는 마지막 복제가 서서히 나타남).
• Layout — Line(복제마다 앞 복제에서 한 걸음씩), Grid(한 줄에 Columns 개, Spacing X × Y 간격), Ring(레이어 중심 둘레 Radius 원 위, Arc° 범위, Start Angle 부터; Turn with the Ring 이면 복제가 바깥을 향해 돎).
• Offset (X, Y) / Rotation / Scale (Line) — 복제마다 누적되는 이동·회전(도)·크기(%). Offset·Rotation(Ring 에서는 시작 각 — 키프레임하면 고리가 돎)·Scale 에 키프레임 다이아몬드가 있습니다.
• Opacity (start, end) — 첫 복제 → 마지막 복제의 불투명도(점점 사라지게 가능).
• Delay — 시간 오프셋(초). 복제마다 레이어 자신의 애니메이션을 앞 복제보다 그만큼 늦게 재생합니다(복제 *i* = *i* × Delay 초 전의 레이어). 레이어에 팝인·슬라이드·색 변화를 한 번만 주면 복제들이 캐스케이드·잔상처럼 따라옵니다. 늦은 복제는 나타나는 시각도 그만큼 늦습니다.
• Falloff (감쇠) — 먼 쪽 복제(마지막, 또는 바깥쪽)가 이 값에 이르고 중간은 그 일부만: Opacity %, Scale %, Rotation °, Tint(채우기·선에 섞는 색). Curve 는 퍼지는 모양(Linear / Ease In / Ease Out / Ease In Out), Reverse 는 반대쪽부터, From the Centre 는 가운데 복제부터 잼(격자는 중심에서의 거리 — 물결), Delay Follows Falloff 는 복제가 순서대로가 아니라 그 순서로 시작하게 합니다.

Shape Modifiers (셰이프 모디파이어)

도형 선택 시 표시됩니다. 외곽선을 바꾸는 스택으로, Trim Path·칠·리피터보다 먼저 순서대로 적용됩니다. ＋ 로 추가하고, 줄마다 켜기/끄기 체크박스, 양(종류별 첫 모디파이어에 키프레임 다이아몬드), ▲ ▼ 순서 바꾸기, − 삭제가 있습니다(iPhone·iPad 는 ⋯ 메뉴).

• Round Corners — 뾰족한 모서리를 그 양(pt, 변 길이의 절반까지)만큼 둥글게. 곡선 점은 그대로입니다.
• Zig Zag — 점을 외곽선 양쪽으로 번갈아 그 양(pt)만큼 밀어냄, 구간마다 Ridges 개. Smooth 면 뾰족한 대신 물결.
• Wiggle Path — 손그림처럼 흔들리는 선: 점이 그 양(pt)까지 흔들림, Speed 초당 흔들림(0 = 멈춤), Detail 구간당 점 수, Seed 로 다른 무늬.
• Offset Path — 외곽선을 그 양(pt)만큼 키우거나(음수면 줄임), Corners 는 miter / round / bevel. 열린 선은 그 두께의 띠 윤곽이 됩니다.
• Pucker & Bloat — 음수(%)는 점을 안으로 당겨 변이 오목하게, 양수는 변이 볼록하게 부풉니다.
• 내보내기: Lottie 는 Round Corners·Zig Zag·Offset·Pucker & Bloat 를 자체(애니메이션) 모디파이어로 유지하고 Wiggle Path 는 패스 키프레임으로 굽습니다. HTML 은 멈춘 외곽선은 그대로, 움직이는 외곽선은 초당 30번 샘플합니다(경고에 표시). SVG 는 그 시각의 외곽선입니다.

Point (패스 앵커)

패스 앵커를 선택하면 표시됩니다.

• Position (X, Y) — 선택한 앵커의 좌표(로컬). 직접 입력해 정밀하게 이동합니다.

Keyframe 배너

타임라인이 켜져 있으면 인스펙터 상단에 현재 어느 키프레임을 편집 중인지 항상 표시됩니다.

• "Baseline keyframe · 0.00s" — 첫(기준) 키프레임.
• "Keyframe 2 / 4 · 1.50s" — 해당 키프레임.
• "Edits add a keyframe at …" — 키프레임이 아닌 시각(편집 시 그 시각에 키프레임이 생김).

자세한 내용은 애니메이션 참고.