본문 바로가기

펜은 손으로 긋고, 패스는 점을 찍어 그립니다.

펜과 패스는 같은 패스 오브젝트를 만듭니다. 그린 뒤에는 패스를 더블클릭해 점과 핸들을 하나씩 고칩니다.

도구중급약 6분디자인 모드

그리기

펜

단축키 B

끌어서 한 번에 그립니다. 손을 떼면 떨림이 걸러진 매끈한 곡선이 되고, 뾰족하게 꺾은 곳은 모서리로 남습니다. 그린 뒤에도 펜 도구가 그대로라 여러 획을 이어서 그릴 수 있습니다.

  • 끌기자유롭게 그리기
  • 곧게 긋고 잠깐 멈추기반듯한 직선으로
  • 시작점에서 끝내기닫힌 모양
  • esc그리던 획 취소
펜B 키를 누르고 물결을 그리자, 손을 뗀 뒤 매끈한 곡선으로 다듬어집니다. 영상: B 키를 누르고 캔버스에 물결을 자유롭게 그리자, 손을 뗀 뒤 매끈한 곡선으로 다듬어집니다.

패스

단축키 P

점을 하나씩 찍어 그립니다. 클릭하면 모서리 점이, 클릭한 채 끌면 양쪽으로 핸들이 나온 곡선 점이 생깁니다. 첫 점을 누르면 닫히고, ↩ 키나 esc 키를 누르면 열린 채로 끝납니다. 끝나면 선택 도구로 돌아옵니다.

  • 클릭모서리 점
  • 클릭한 채 끌기곡선 점
  • ⇧+클릭앞 점에서 45° 단위로
  • ⌥+끌기핸들 한쪽만 꺾기
  • ⌫마지막 점 지우기
  • 첫 점 클릭닫기
패스P 키를 누르고 클릭과 끌기로 점을 찍은 뒤, 첫 점을 눌러 닫습니다. 영상: P 키를 누르고 클릭해 모서리 점을, 클릭한 채 끌어 곡선 점을 찍은 뒤 첫 점을 눌러 닫습니다.

패스로 변환

사각형 · 타원 · 텍스트도 패스로 바꿔 점을 고칠 수 있습니다. 바꿀 것을 클릭해 선택한 뒤 우클릭해 패스로 변환을 고르세요. 이름 · 스타일 · 움직임 · 인터랙션은 그대로 남습니다. 가운데를 비운 타원은 바꿀 수 없고, 폰트 파일을 불러올 수 없는 텍스트는 바뀌지 않고 그대로 남습니다.

패스로 변환사각형을 우클릭해 패스로 변환을 고른 뒤 더블클릭하자 네 모서리에 점이 나타납니다. 영상: 사각형을 클릭해 선택하고 우클릭해 패스로 변환을 고른 뒤 더블클릭하자, 네 모서리에 점이 나타나는 패스 편집이 열립니다.

패스 편집

패스를 더블클릭하거나, 선택하고 ↩ 키를 누르면 패스 편집이 열립니다. 모서리 점은 네모로, 곡선 점은 동그라미로 보입니다. 편집 중에는 툴바 아래 줄에 패스 편집 버튼만 남습니다. 앞의 네 버튼 선택 · 올가미 선택 · 앵커 추가 · 가위는 선을 누를 때 할 일을 정합니다. 가운데 네 버튼 앵커 삭제 · 코너로 만들기 · 곡선으로 만들기 · 패스 연결은 고른 점에 바로 씁니다. 끝의 두 버튼은 단순화와 모서리 둥글게입니다. 가운데 네 버튼과 끝의 두 버튼은 우클릭 메뉴에도 있습니다.

열고 닫기

툴바 아래 줄 오른쪽 끝에 따로 떨어진 버튼으로도 열고 닫습니다. 끝내려면 ↩ 키를 누르거나 빈 곳을 더블클릭하세요. esc 키는 고른 점이 있으면 먼저 점 고르기를 풀고, 한 번 더 누르면 편집을 끝냅니다. 빈 곳을 한 번 클릭하면 끝나지 않고 점 고르기만 풀립니다. 고친 것은 동작마다 저장되어 ⌘Z로 하나씩 되돌립니다.

  • 더블클릭 · ↩패스 편집 열기
  • ↩ · 빈 곳 더블클릭마치기
  • esc점 고르기 풀기 · 한 번 더 누르면 마치기
열고 닫기패스를 더블클릭하자 점이 나타나고, ↩ 키를 누르자 편집이 끝납니다. 영상: 패스를 더블클릭하자 모서리 점은 네모, 곡선 점은 동그라미로 나타나고 툴바 아래 줄이 패스 편집 버튼으로 바뀌며, Enter 키를 누르자 편집이 끝납니다.

점 고르고 옮기기

점을 클릭하면 골라지고, 빈 곳에서 끌면 상자 안의 점이 모두 골라집니다. 올가미 선택을 켜고 끌면 그린 모양 안의 점이 골라집니다. 고른 점을 끌면 함께 움직이고, 다른 점과 가로나 세로가 맞는 자리에 달라붙습니다.

  • 클릭 · ⇧+클릭점 하나 · 더하거나 빼기
  • 빈 곳에서 끌기상자 안의 점 모두
  • 올가미 선택으로 끌기그린 모양 안의 점 모두
  • 끌기옮기기
  • ⇧+끌기가로나 세로로만
  • 방향키1px씩 · ⇧ 키와 함께 10px씩
  • ⌘A모든 점
점 고르고 옮기기오른쪽 위 점을 끌자 선이 따라오고, 왼쪽 점과 높이가 맞는 자리에서 달라붙습니다. 영상: 패스 편집에서 오른쪽 위 점을 끌자 양옆 선이 따라 움직이고, 왼쪽 위 점과 높이가 맞는 자리에서 안내선이 보이며 달라붙습니다.

핸들로 휘기

선택 버튼이 켜져 있을 때 선을 끌면 그 선이 휘고, 양 끝 점의 핸들이 따라 맞춰집니다. 곡선 점을 고르면 그 점과 이웃 점의 핸들이 보입니다. 핸들 끝의 동그라미를 끌면 선이 휘고, 반대쪽 핸들이 맞은편에서 따라옵니다. 두 핸들의 길이가 같았으면 길이도 함께 바뀌고, 달랐으면 반대쪽은 제 길이를 지킵니다. ⌥ 키를 누른 채 끌면 그 핸들만 움직여 꺾인 곡선이 됩니다. 꺾인 점은 그 뒤에 핸들을 그냥 끌어도 꺾인 채 남습니다.

  • 선택으로 선 끌기그 선을 휘기
  • 핸들 끌기휘기 · 반대쪽은 맞은편으로
  • ⌥+핸들 끌기그 핸들만 · 꺾인 채 남음
  • ⇧+핸들 끌기45° 단위로
  • 핸들 더블클릭그 핸들 없애기
핸들로 휘기핸들을 끌자 곡선이 휘고, ⌥ 키를 누른 채 반대쪽 핸들을 끌자 그 핸들만 꺾입니다. 영상: 곡선 점을 고르고 한쪽 핸들을 끌자 반대쪽 핸들이 대칭으로 따라오며 곡선이 휘고, Alt 키를 누른 채 반대쪽 핸들을 끌자 그 핸들만 움직여 꺾인 곡선이 됩니다.

모서리를 곡선으로

모서리 점을 ⌥ 키를 누른 채 끌면 양쪽으로 핸들이 뽑혀 나와 둥근 곡선이 됩니다. 곡선으로 만들기(⇧C)와 점 더블클릭은 양옆 점을 잇는 선과 나란한 핸들을 붙여, 모서리가 바로 둥글어집니다. 곡선 점을 다시 모서리로 되돌리려면 코너로 만들기(⇧S)를 누르거나 점을 더블클릭하세요.

모서리를 곡선으로네모의 오른쪽 아래 점을 ⌥ 키를 누른 채 끌자 핸들이 뽑혀 나와 모서리가 둥글어집니다. 영상: 패스 편집에서 네모의 오른쪽 아래 모서리 점을 Alt 키를 누른 채 끌자 양쪽으로 핸들이 뽑혀 나오며 모서리가 둥근 곡선이 됩니다.

점 더하고 빼기

앵커 추가를 켜고 선 위에 포인터를 올리면 + 표시가 보이고, 클릭하면 그 자리에 점이 생겨 바로 끌 수 있습니다. 고른 점은 Delete 키나 앵커 삭제 버튼으로 지웁니다. 지운 자리는 남은 점이 원래 모양을 따라 다시 잇습니다. 패스에는 점이 두 개 이상 남습니다.

  • 앵커 추가로 선 클릭그 자리에 점 추가
  • +고른 점 다음 선의 가운데에 추가
  • Delete · −고른 점 지우기 · 모양은 그대로
점 더하고 빼기앵커 추가를 켜고 선 위에 + 표시가 뜬 곳을 클릭하자 점이 생기고, 그 점을 끌어 모양을 바꿉니다. 영상: 패스 편집에서 앵커 추가를 켜고 선 위에 포인터를 올리자 + 표시가 뜨고, 클릭한 채 끌자 그 자리에 새 점이 생겨 선이 따라 휩니다.

잇기 · 자르기 · 방향

열린 패스의 두 끝점을 함께 고르고 패스 연결(⇧J)을 누르면 닫힙니다. 두 조각의 끝을 하나씩 고르고 누르면 두 조각이 하나로 이어집니다. 우클릭 메뉴에서는 같은 명령의 이름이 앵커 연결입니다. 두 끝이 가까우면 한 점으로 합쳐지고, 멀면 둘을 잇는 선이 생깁니다. 가위를 켜고 선이나 점을 누르면 그 자리에서 끊깁니다. 닫힌 패스는 그 자리에서 열리고, 열린 패스는 두 조각으로 나뉩니다. 끊긴 두 끝은 골라진 채로 남아 패스 연결로 바로 다시 이을 수 있습니다. 우클릭 메뉴의 패스 분할(⇧X)은 고른 점 하나에서 같은 방법으로 끊습니다. 우클릭 메뉴의 방향 반전(⇧R)은 패스가 시작하는 끝을 바꿔, 화살촉과 트림이 반대쪽에서 시작하게 합니다.

모서리 둥글게 · 단순화

모서리 점을 고르고 모서리 둥글게를 누르면 그 모서리가 둥근 곡선으로 바뀝니다. 둥근 정도는 모양 크기에 맞게 정해지고, 패스 패널의 곡률 칸에서 바꿀 수 있습니다. 새 값은 처음 모서리에서 다시 계산됩니다. 단순화를 누르면 모양을 지키면서 점이 줄어, 손으로 그린 선이 매끈해집니다. 줄이는 정도는 패스 패널의 단순화에서 고르고, 0으로 두면 처음 모양으로 돌아갑니다.

툴바의 앵커 편집은 패스의 점을 고치지 않습니다

툴바의 앵커 편집(A)은 회전하고 크기가 바뀔 때의 기준점을 옮기는 도구라서, 패스의 모양은 그대로입니다. 패스의 점을 고치려면 선택 도구로 패스를 더블클릭하세요.

패스 패널

앵커 · 단순화

패스 편집 중에는 패스 패널 맨 위에 앵커와 단순화가 생깁니다. 앵커에는 고른 점의 위치가 씬 기준 숫자로 보여, 값을 넣어 옮길 수 있습니다. 점을 둘 이상 고르면 크기와 정렬도 보이고, 모서리 점을 고르면 곡률이 보입니다. 아무 점도 고르지 않으면 선택한 앵커 없음이라고 보입니다.

패스 스타일

새 패스는 회색 선만 있고 채우기가 없습니다. 색을 칠하려면 오른쪽 패스 패널의 패스 스타일에서 채우기 옆의 + 버튼을 누르세요. 열린 패스에는 채우기가 그려지지 않으니, 칠할 모양은 끝을 이어 닫으세요. 선의 굵기와 끝 모양은 선 스타일에서 다룹니다.

패스 데이터

패스 패널 제목 줄의 상세 버튼을 누르면 패스 데이터 창이 열립니다. 점의 수와 SVG 패스 글자가 보입니다. 닫힘 칸을 켜면 패스의 끝이 모두 이어져 닫히고, 끄면 모두 열립니다. 글자를 고치거나 다른 SVG 패스를 붙여 넣은 뒤 상자 밖을 클릭하면 그 모양으로 바뀝니다. ↩ 키는 줄만 바꿉니다.

모양을 빨리 얻는 방법

팁

아이콘이 필요하면. 툴바의 도형에서 고르세요. 넣은 도형도 패스라서 같은 방법으로 점을 고칠 수 있습니다. 도형과 프레임을 보세요.

팁

모양이 바뀌는 움직임을 만들려면. 씬을 복제하고 새 씬에서 패스의 점을 옮긴 뒤, 첫 씬의 트랜지션을 켜세요. 재생하면 한 모양에서 다른 모양으로 이어서 바뀝니다. 첫 트랜지션을 보세요.

이 페이지의 단축키

이 페이지의 단축키
펜 도구B
패스 도구P
패스 편집 열기 · 마치기↩
점 고르기 풀기 · 패스 편집 마치기esc
모서리에서 핸들 뽑기 · 핸들 한쪽만⌥+끌기
고른 점 지우기Delete
모든 점 고르기 (패스 편집 중)⌘A
이 페이지가 도움이 되었나요?

2026년 10월 15일에 고침 · 이 페이지의 영상은 현재 에디터로 녹화했습니다.

많이 찾는 것