벡터 편집

키보드 단축키

캔버스에 포커스가 있을 때(텍스트 입력 중이 아닐 때) 한 글자 키로 도구를 바꿉니다 — Figma 방식. 맥·iPad(외장 키보드) 공통.

• 보기(맥, View 메뉴): 확대 ⌘=, 축소 ⌘-, 실제 크기(100%) ⌘0, 화면에 맞춤 ⌘9, 그리드 표시 ⌘'.
• 편집: 복제 ⌘D, 그룹 ⌘G(도형 하나만 선택해도 그룹이 됩니다) / 그룹 해제 ⇧⌘G, 삭제 Delete, 화살표로 미세 이동(Shift로 10pt).
• 순서: 맨 앞 ⌘⇧] / 앞으로 ⌘] / 뒤로 ⌘[ / 맨 뒤 ⌘⇧[.
• 잠금·숨김: 잠금/해제 ⌘⇧L, 숨김/표시 ⌘⇧H (선택 전체에 적용 — 하나라도 안 잠겨 있으면 모두 잠그고, 모두 잠겨 있으면 해제). iPad에서는 액션 메뉴에도 있습니다.
• 스포이드(색 추출): I 키 또는 인스펙터 Fill의 스포이드 버튼. 화면 어디든(다른 앱 포함) 확대 루페로 색을 집어 선택한 도형·텍스트의 채움색에 적용합니다. iOS는 색상 피커의 기본 스포이드를 사용합니다.
• 도구 버튼에 마우스를 올리면 이름과 단축키가 툴팁으로 표시되고, VoiceOver도 함께 읽어줍니다.

도형 만들기

• 사각형 / 타원: 툴바에서 도구를 고르고 캔버스에서 드래그합니다.
• 선(Line): 선 도구로 시작점에서 끝점까지 드래그하면 직선이 만들어집니다(방향 유지).
• 다각형(Polygon): 다각형 도구로 드래그한 영역에 맞춰 정다각형(기본 6각형)이 만들어집니다. 인스펙터의 Polygon 섹션에서 변 개수(3~24) 와 모서리 둥글기를 언제든 바꿀 수 있습니다. 다각형을 더블클릭하면 패스로 변환되어 앵커·곡선 핸들을 직접 편집할 수 있습니다.
• 별(Star): 별 도구로 드래그하면 별 모양이 만들어집니다. 인스펙터의 Star 섹션에서 꼭짓점 수(Points), 안쪽 반지름(Inner Radius, %), 모서리 둥글기를 조절합니다. 더블클릭으로 패스 변환도 가능합니다.
• 텍스트: 텍스트 도구로 캔버스를 클릭하면 내용에 맞춰 폭이 늘어나는 텍스트(Auto Width)가, 드래그하면 그 폭에서 줄바꿈되며 높이가 따라오는 텍스트(Auto Height)가 만들어지고, 곧바로 편집 모드로 들어갑니다(자리표시 텍스트가 전체 선택된 상태라 바로 타이핑하면 됩니다).
• 텍스트 제자리 편집: 텍스트 레이어를 더블클릭하거나, 선택한 뒤 ⏎(Return) 을 누르면 캔버스 위에서 바로 내용을 고칠 수 있습니다. 입력하는 글자에는 설정된 폰트·크기·색·정렬·줄간격·자간이 그대로 적용되고, 캔버스 확대/회전도 따라갑니다. ⏎ 은 줄바꿈이며, Esc 또는 ⌘⏎ 을 누르거나 다른 곳을 클릭하면 편집이 끝납니다(입력 내용 유지, Undo 한 단계). Auto Width/Auto Height 텍스트는 타이핑하는 동안 상자가 함께 늘어납니다.
• 프레임(Frame, 맥): 프레임 도구(F)로 드래그해 프레임을 만듭니다.
  • 빈 캔버스에 드래그하면 그 위치·크기로 새 아트보드(Frame) 가 만들어집니다(Frame 메뉴의 프리셋 생성과 동일한 프레임).
  • 기존 프레임 안에 드래그하면 중첩 프레임이 만들어집니다 — 흰 배경을 가지며 자식을 프레임 상자 밖에서 잘라내는(clip) 고정 크기 컨테이너입니다. 레이어 패널에서 다른 레이어를 안으로 드래그해 넣을 수 있고, 그룹과 달리 자식 크기에 맞춰 줄어들지 않습니다. 배경색·테두리는 인스펙터의 Fill / Stroke 로 편집합니다.
  • 중첩 프레임 위에 도형을 그리면 (도형 중심이 프레임 안이면) 그 도형은 그 프레임의 자식으로 들어갑니다(레이어 패널에서 프레임 아래에 표시). 프레임 밖에 그리면 기존처럼 아트보드에 직접 추가됩니다. 중첩 프레임 안에 프레임을 그리면 더 깊이 중첩됩니다.

선은 패스로 만들어지므로, 선택 도구로 앵커·곡선 핸들 편집이 가능합니다(아래 "패스 포인트 편집"). 다각형은 변 개수를 인스펙터로 조절하는 파라메트릭 도형이며, 더블클릭으로 패스로 변환하면 자유 편집할 수 있습니다.

선택과 이동

• 선택 도구로 요소를 클릭하면 선택됩니다(선택 박스 + 핸들 표시).
• 선택한 요소를 드래그해 이동합니다. 몇 픽셀 움직이기 전까지는 이동이 시작되지 않으므로, 클릭해서 선택만 할 때 도형이 밀리지 않습니다. 이동 중에는 다른 요소·아트보드 가장자리와 정렬되는 스냅 가이드(분홍 선)가 나타납니다.
• 겹친 도형: 드래그 시작 지점이 이미 선택된 도형 위라면 그 도형이 그대로 이동합니다 — 앞에 다른 도형이 겹쳐 있어도 선택이 바뀌지 않습니다(뒤쪽 도형을 레이어 패널 등에서 선택해 두고 끌 수 있음). 선택된 도형 밖에서 시작하면 그 위치의 도형이 새로 선택되어 이동합니다. Shift-클릭은 여전히 선택 추가/해제로 동작합니다.
• 여러 개 선택: 빈 곳에서 드래그(마퀴 박스)하거나 Shift-클릭으로 추가/해제합니다.
• 화살표 키로 한 번에 1pt씩, Shift + 화살표로 10pt씩 움직입니다. 그룹·프레임 안의 레이어도 같게 동작하고, 타임라인이 켜져 있고 위치가 이미 애니메이션된 레이어라면 현재 시각에 키프레임으로 기록됩니다.

리사이즈 · 회전

• 선택하면 박스 모서리·변에 리사이즈 핸들(사각형) 이 표시됩니다. 드래그해 크기를 바꿉니다(반대쪽 모서리 고정).
• Shift 를 누른 채 드래그하면 원래 비율을 유지하며 리사이즈됩니다(이미지처럼 비율이 중요한 요소에 유용). 모서리 핸들은 반대쪽 모서리를 고정해 균일 확대/축소하고, 변 핸들은 반대 축을 비율에 맞춰 함께 늘립니다.
• Option(⌥) 을 누른 채 드래그하면 중심을 고정한 채 양쪽으로 대칭 리사이즈됩니다. Shift+Option 은 비율과 중심을 둘 다 고정합니다. (프레임(아트보드) 핸들에도 동일하게 적용.)
• 박스 위쪽의 회전 핸들(원) 을 드래그해 회전합니다. 인스펙터 노브와 같은 상대 방식이라 잡은 지점에서 돌린 만큼만 현재 값에 더하거나 빼며(시계 방향 +), 값이 0–360° 로 갑자기 바뀌지 않습니다. Shift 를 누르면 15° 단위로 스냅됩니다.
• 회전하면 선택 박스·핸들도 함께 기울어지며, 회전된 상태에서도 리사이즈가 정확히 동작합니다.

펜으로 패스 그리기

• 펜 도구로 캔버스를 클릭하면 직선 앵커가, 드래그하면 곡선(베지어) 앵커가 추가됩니다.
• 시작점을 다시 클릭하면 패스가 닫히고, Return/Enter로 열린 패스를 마칩니다.

패스 포인트 편집 (선택 도구)

패스 도형을 선택하면 앵커 점이 표시됩니다.

• 앵커를 옮기거나 패스를 리사이즈하면 선택 박스가 실제 패스 모양을 따라 갱신됩니다.
• 회전된 패스에서도 앵커·제어 핸들이 회전을 따라 정확히 표시됩니다.

캔버스 이동 · 확대

• Space 를 누른 채 드래그 — 커서가 손바닥 모양으로 바뀌고(드래그 중에는 움켜쥔 손) 캔버스 전체가 따라 움직입니다. 어떤 도구를 쓰고 있든 동작하며, 드래그 도중에 Space 를 놓아도 마우스를 뗄 때까지 이동이 이어집니다.
• Space 를 짧게 누르기(드래그 없이) — 타임라인 재생/일시정지. (After Effects 와 같은 방식입니다.)
• 스크롤(트랙패드 두 손가락) — 상하좌우 이동. ⌘+스크롤 또는 핀치 — 확대/축소.
• View 메뉴: 확대 ⌘=, 축소 ⌘-, 실제 크기 ⌘0, 화면에 맞춤 ⌘9.
• iPad 에서는 두 손가락 드래그로 이동하고 핀치로 확대합니다. 키보드가 연결되어 있으면 Space + 드래그도 같게 동작합니다.

그리드 · 스냅

• View ▸ Show Grid (⌘') — 각 아트보드에 그리드를 표시합니다.
• View ▸ Snap to Grid — 켜면 도형 생성·이동·리사이즈가 그리드에 맞춰 스냅됩니다.
• 스냅을 끄면 이동 시 다른 요소·아트보드 가장자리에 정렬되는 정렬 가이드(분홍 선)가 동작합니다.

컨텍스트 메뉴 (우클릭)

캔버스에서 도형을 우클릭하면 그 도형이 선택되며(이미 선택된 도형 위에서는 선택 유지) 메뉴가 열립니다. 레이어 패널의 행 우클릭에도 같은 메뉴가 있습니다. 빈 캔버스를 우클릭하면 Paste 만 있는 메뉴가 열립니다.

• Cut · Copy · Paste · Duplicate · Delete — Edit 메뉴(⌘X/⌘C/⌘V/⌘D)와 같은 명령. 그룹·프레임 안의 레이어도 복사됩니다. 붙여넣기 위치는 그룹/프레임 하나가 선택되어 있으면 그 안, 다른 레이어가 선택되어 있으면 그 바로 앞(같은 부모), 아무것도 선택하지 않았으면 아트보드 맨 앞이며 24pt 어긋난 위치에 새 id 로 들어갑니다. 클립보드에 이미지·동영상 파일이나 SVG 가 있으면 그것을 새 레이어로 가져옵니다. 레이어 패널 우클릭 메뉴의 항목은 그 행(또는 선택)에 적용할 수 있을 때만 활성화됩니다.
• Group · Ungroup
• Bring to Front / Bring Forward / Send Backward / Send to Back
• Outline Stroke (아래 참고)
• Lock/Unlock · Hide/Show

Outline Stroke (윤곽선을 벡터로) — ⇧⌘O

보이는 그대로를 편집 가능한 벡터 패스로 변환합니다(Arrange ▸ Outline Stroke, 컨텍스트 메뉴에도 있음).

• 선(Stroke)이 있는 도형: 선이 그 두께·캡·조인(점선 포함) 그대로의 채워진 패스가 됩니다. 채움(Fill)이 함께 있으면 결과는 그룹(채움 도형 + 선 윤곽 패스)이 되고, 선만 있으면 레이어가 그 자리에서 패스로 바뀝니다.
• 텍스트: 전체가 하나의 그룹이 되고, 글자 하나하나가 별도의 벡터 패스 레이어로 변환됩니다(렌더링된 레이아웃 그대로 — 폰트·자간·정렬·줄높이 반영, 공백 제외). 변환 후에는 텍스트로 다시 편집할 수 없으니 필요하면 복제 후 변환하세요.
• 변환 결과는 일반 패스처럼 앵커·핸들 편집이 가능합니다.

복제 · 삭제

• 복제: ⌘D (Edit ▸ Duplicate) — 사본이 원본과 같은 그룹·프레임 안, 원본 바로 앞에 24pt 어긋나 놓이고 선택이 사본으로 옮겨갑니다(여러 개를 한 번에 복제할 수 있습니다).
• 삭제: Delete 키

애니메이션(타임라인)이 켜진 상태에서 위치·크기·회전·패스를 바꾸면, 이미 키프레임이 있는 레이어는 현재 재생헤드 시각에 자동으로 키프레임이 기록됩니다. 애니메이션 참고.