10주차 · 펜 도구와 패스

포토샵&일러스트 · 2026-2학기 · 후반부 Illustrator

10주차 · 펜 도구와 패스

클릭과 드래그로 어떤 형태든 그린다.
오늘 내 작품의 실루엣을 벡터 심볼로 만든다.

앵커 · 핸들

직선 · 곡선

패스 수정

패스파인더

W10

어디까지 왔나

15주 중 10주차 · 포스터까지 5주

1~8

Photoshop

AI 입문

펜 도구·패스

색상·패턴·AI

타이포그래피

레이아웃

인쇄

포스터 완성

지난주에 벡터와 아트보드를 배웠다. 오늘부터는 직접 그린다. 오늘 만드는 내 작품 실루엣 심볼은 15주차 전시 포스터의 중심 그래픽 요소가 된다.

W10-01

오늘의 목표

수업이 끝나면 이것을 할 수 있다

패스의 구조를 설명한다

고정점·선분·방향선이 각각 무엇인지 구분해 말할 수 있다.

펜 도구로 직선과 곡선을 그린다

클릭으로 직선을, 드래그로 곡선을 그리고 패스를 닫을 수 있다.

그린 패스를 수정한다

직접 선택 도구와 고정점 도구로 점을 옮기고 추가·삭제·전환할 수 있다.

내 작품 실루엣 심볼 1개를 완성한다

펜 도구와 패스파인더로 포스터에 쓸 벡터 심볼을 만들어 제출한다.

W10-02

오늘 3시간

개념은 짧게, 손 연습은 길게 간다

교시	단계	내용
1교시	개념 + 시연	패스의 구조(고정점·선분·방향선), 펜 도구 직선·곡선 시연, 곡률 도구
2교시	기능 연습	펜 연습 3단계(직선 → 각진 곡선 → 부드러운 곡선), 패스 수정, 패스파인더
3교시	직접 만들기	내 작품 사진의 실루엣을 펜 도구로 따라 그려 벡터 심볼 완성
마무리	정리 + 제출	체크리스트 확인, 파일 제출, 다음 주(색상·패턴·AI) 예고

오늘은 손이 많이 움직이는 날이다. 설명을 듣는 시간보다 마우스를 잡는 시간이 두 배 길다.

W10-03

SECTION 01

개념 — 패스는
점과 선의 뼈대다

펜 도구를 배우기 전에, 펜 도구가 만들어 내는 것이 무엇인지부터 정확히 안다. 구조를 알면 수정이 두렵지 않다.

W10-04

개념 1

왜 펜 도구인가

✒️

모든 벡터 작업의 기본기

로고, 아이콘, 일러스트, 글자 디자인까지. 벡터로 형태를 만드는 일은 결국 펜 도구로 패스를 그리는 일이다.

🎯

도형 도구가 못 그리는 형태

사각형·원 도구는 정해진 모양만 만든다. 조각의 굴곡, 붓 획의 흐름 같은 자유 형태는 펜 도구만 그릴 수 있다.

🔁

한 번 그리면 계속 쓴다

오늘 그린 실루엣은 포스터, 명함, 도록 어디에든 깨짐 없이 다시 쓸 수 있다. 벡터이기 때문이다.

처음엔 누구나 어렵다. 마우스가 생각대로 안 움직이는 게 정상이다. 펜 도구는 이해가 아니라 손이 익는 도구라서, 오늘 30분 연습이 설명 3시간보다 낫다.

W10-05

개념 2

패스의 구조 — 고정점 · 선분 · 방향선

고정점 (Anchor Point, 앵커 포인트)

패스 위에서 선분과 선분이 만나는 점. 와이어를 고정하는 핀처럼 패스의 형태를 붙잡는다.

선분 (Segment, 세그먼트)

고정점과 고정점 사이를 잇는 직선 또는 곡선. 패스는 하나 이상의 선분으로 이루어진다.

방향선 (Direction Line, 핸들)

고정점에서 뻗어 나와 곡선의 기울기와 깊이를 조절하는 손잡이. 방향선을 드래그하면 곡선이 휘는 방향과 정도가 바뀐다.

열린 패스 / 닫힌 패스

시작점과 끝점이 떨어져 있으면 열린 패스(선), 연결되면 닫힌 패스(도형)다. 실루엣 심볼은 닫힌 패스로 만든다.

고정점

선분(곡선)

방향선(핸들)

가운데 점의 방향선이 양쪽 곡선의 흐름을 잡는다

쉽게: 점을 박고(고정점), 점 사이를 선으로 잇고(선분), 손잡이로 휘게 한다(방향선). 출처: helpx.adobe.com 「패스 개요」

W10-06

개념 3

고정점은 두 종류다 — 모퉁이 점과 매끄러운 점

모퉁이 점 (Corner Point)

패스가 그 점에서 방향을 꺾는다. 직선끼리, 곡선끼리, 직선과 곡선 모두 연결할 수 있다. 조각의 각진 받침대, 한지의 접힌 모서리가 여기 해당한다.

매끄러운 점 (Smooth Point)

곡선 선분끼리 끊김 없이 부드럽게 이어진다. 항상 두 개의 곡선을 연결한다. 항아리의 어깨선, 인체 조각의 등 곡선이 여기 해당한다.

구분 기준은 선분이 직선인가 곡선인가가 아니라 점에서 흐름이 꺾이는가, 이어지는가다. 두 종류를 섞어 쓰고, 잘못 찍어도 나중에 얼마든지 바꿀 수 있다.

출처: helpx.adobe.com 「패스 개요」 (문서에 따라 모퉁이 점을 '모서리 점'으로 표기하기도 한다)

W10-07

SECTION 02

기능 — 그리고,
고치고, 합친다

펜 도구와 곡률 도구로 그리고, 직접 선택 도구와 고정점 도구로 고치고, 패스파인더와 도형 구성 도구로 합친다. 오늘 도구 일곱 개를 손에 익힌다.

W10-08

기능 1 · 펜 도구(Pen Tool) — 직선

클릭, 클릭 — 점을 찍으면 직선이 된다

펜 도구(단축키 P)는 고정점을 하나씩 찍어 패스를 만드는 도구다. 드래그 없이 클릭만 하면 직선 선분이 생긴다.

시작할 위치를 클릭한다. 첫 고정점이 생긴다. 선분은 두 번째 점을 찍어야 나타난다.

선분을 끝낼 위치를 클릭한다. 계속 클릭하면 직선이 이어진다. Shift를 누르면 45° 단위로 반듯하게 제한된다.

첫 고정점 위에 포인터를 올리면 옆에 작은 동그라미가 뜬다. 그때 클릭하면 패스가 닫힌다.

열린 채로 끝내려면 빈 곳을 Ctrl+클릭(Mac: Command+클릭)하거나 다른 도구로 바꾼다.

어디에 쓰나 — 조소: 좌대·기하 구조물 실루엣 / 한국화: 화면 분할선·표구 테두리 / 서양화: 색면 시안의 각진 면.

출처: helpx.adobe.com 「펜 도구로 선분 그리기」

W10-09

기능 2 · 펜 도구(Pen Tool) — 곡선

클릭 대신 드래그 — 누른 채 끌면 곡선이 된다

클릭한 자리에서 마우스를 누른 채 드래그하면 방향선이 뻗어 나오고, 그 방향선이 곡선의 기울기와 깊이를 정한다.

C자 곡선

두 번째 점에서 이전 방향선과 반대 방향으로 드래그한다. 그릇의 단면, 항아리 옆선이 이 곡선이다.

S자 곡선

두 번째 점에서 이전 방향선과 같은 방향으로 드래그한다. 흐르는 옷 주름, 물결의 흐름이 이 곡선이다.

드래그하다 점 위치가 마음에 안 들면 마우스를 놓지 말고 스페이스바를 누른 채 움직여 보자. 찍던 고정점이 통째로 이동한다.

출처: helpx.adobe.com 「펜 도구를 사용하여 곡선 그리기」 · 「기본 키보드 단축키」

W10-10

기능 3 · 곡률 도구(Curvature Tool)

드래그가 어렵다면 — 클릭만으로 그리는 곡선

곡률 도구(단축키 Shift+~)는 점만 찍으면 그 사이를 자동으로 부드러운 곡선으로 이어 준다. 방향선을 직접 당길 필요가 없어 펜 도구보다 진입이 쉽다.

조작	결과
클릭 · 클릭 · 클릭	점 사이가 자동 곡선으로 이어진다. 포인터를 옮기면 다음 곡선이 미리 보인다.
고정점 더블 클릭	매끄러운 점과 모퉁이 점 사이를 오간다. 각을 세우고 싶은 곳에서 쓴다.
고정점 드래그	이미 찍은 점을 움직여 곡선을 바로 고친다. 그리기와 수정이 한 도구에서 된다.
고정점 선택 후 Delete	점이 삭제되고 나머지 곡선이 다시 이어진다.

추천 사용법 — 곡선이 많은 실루엣(도자기, 인체, 붓 획)은 곡률 도구로 초안을 잡고, 각이 필요한 곳만 펜 도구와 고정점 도구로 다듬는다.

출처: helpx.adobe.com 「곡률 도구를 사용하여 직관적인 패스 및 모양 그리기」

W10-11

기능 4 · 고정점 추가 / 삭제 / 전환

점을 더하고, 빼고, 성질을 바꾼다

펜 도구를 길게 누르면 세 개의 보조 도구가 숨어 있다. 그린 패스는 이 도구들로 언제든 다시 태어난다.

도구	단축키	하는 일
고정점 추가 도구 (Add Anchor Point Tool)	+	선분 위를 클릭해 점을 추가한다. 세부 굴곡을 넣고 싶을 때.
고정점 삭제 도구 (Delete Anchor Point Tool)	-	점을 클릭해 없앤다. 패스가 끊기지 않고 다시 이어진다.
고정점 도구 (Anchor Point Tool)	Shift+C	매끄러운 점을 클릭하면 모퉁이 점으로, 모퉁이 점을 드래그하면 방향선이 나오며 매끄러운 점으로 바뀐다.

펜 도구인 채로 패스 위에 올리면 추가, 고정점 위에 올리면 삭제로 저절로 바뀐다. 도구를 오갈 필요가 없다.

펜 도구 사용 중 Alt(Mac: Option)를 누르고 있는 동안은 고정점 도구로 잠시 전환된다.

출처: helpx.adobe.com 「기본 키보드 단축키」 · 「고정점 추가 또는 제거」

W10-12

기능 5 · 직접 선택 도구(Direct Selection Tool)

전체가 아니라 점 하나만 잡는다

직접 선택 도구(단축키 A)는 오브젝트 안의 고정점·선분·방향선 하나를 골라 움직이는 도구다. 그린 패스를 다듬는 시간의 대부분을 이 도구와 보낸다.

▸ 선택 도구 (V · 검은 화살표)

오브젝트를 통째로 선택해 옮기고 크기를 바꾼다. 조각상을 통째로 옮기는 손.

▹ 직접 선택 도구 (A · 흰 화살표)

오브젝트 일부(점·선분·핸들)만 선택해 형태를 고친다. 조각의 한 부분만 깎는 조각도.

고정점을 클릭해 선택한다. Shift+클릭이나 드래그로 여러 점을 함께 선택할 수 있다.

선택한 점을 드래그하거나 방향키로 조금씩 옮겨 형태를 다듬는다.

매끄러운 점을 선택하면 방향선이 나타난다. 핸들 끝을 당겨 곡선의 흐름을 고친다.

출처: helpx.adobe.com 「패스를 수정하기 위해 고정점 선택」 · 「기본 키보드 단축키」

W10-13

기능 6 · 패스파인더(Pathfinder)

겹친 도형으로 새 도형을 만든다

패스파인더 패널은 겹쳐 놓은 오브젝트들을 합치고 빼고 나누는 패널이다. 창 > 패스파인더(Win Shift+Ctrl+F9 / Mac Shift+Command+F9)로 연다. 오늘은 네 가지만 쓴다.

합치기 (Unite)

겹친 패스를 하나로 결합한다. 맨 앞 오브젝트의 색이 적용된다.

앞면 제외 (Minus Front)

앞 오브젝트로 뒤 오브젝트를 뚫는다. 구멍·홈을 낼 때 쓴다.

교차 (Intersect)

겹치는 부분만 남긴다. 렌즈·잎사귀 모양이 이렇게 나온다.

나누기 (Divide)

겹친 경계선대로 조각조각 나눈다. 나눈 뒤 그룹 해제해 조각을 쓴다.

복잡한 실루엣도 원·사각형 여러 개를 겹쳐 합치고 빼면 절반은 완성된다. 펜 도구로 다 그리기 전에 도형 조합부터 생각해 보자.

출처: helpx.adobe.com 「패스파인더 패널 개요」 (버전에 따라 명칭이 조금 다르다. 예: 앞면 제외 = 앞면 오브젝트 제외, 교차 = 교차 영역)

W10-14

기능 7 · 도형 구성 도구(Shape Builder Tool)

쓸어 담듯 합치고, 콕 찍어 뺀다

도형 구성 도구(단축키 Shift+M)는 패스파인더와 같은 일을 마우스 드래그 한 번으로 해치우는 도구다. 버튼을 고를 필요 없이 화면에서 바로 결과가 보인다.

합치고 싶은 도형들을 선택 도구(V)로 모두 선택한다.

Shift+M으로 도형 구성 도구로 바꾼다. 포인터를 올리면 영역이 하이라이트된다.

합칠 영역들을 가로질러 드래그한다. 지나간 조각들이 하나로 병합된다.

빼고 싶은 조각은 Alt(Mac: Option)를 누른 채 클릭해 지운다.

패스파인더는 결과를 정확히 지정할 때, 도형 구성 도구는 눈으로 보며 빠르게 조립할 때 쓴다. 실습에서는 둘 다 써 보고 손에 맞는 쪽을 고르면 된다.

출처: helpx.adobe.com 「도형 구성 도구를 사용하여 복잡한 모양 만들기」

W10-15

손 풀기 · 10분

펜은 손에 익히는 도구다

1펜 · 직선

클릭만으로 별이나 지그재그를 그린다. 시작점으로 돌아와 패스를 닫는다.

2펜 · 곡선

드래그로 물결(S자) 곡선을 그린다. 방향 핸들이 곡선을 만든다.

3앵커 편집

곡선의 방향 핸들을 Alt(Opt)로 끊어 다음 선을 각지게 바꾼다.

4패스파인더

원 두 개를 겹쳐 합치기·빼기·교차를 차례로 눌러 본다.

핵심: 클릭은 직선, 드래그는 곡선. 앵커가 적을수록 매끈하다. 처음엔 서툰 게 정상이다.

도구명·동작 기준: Adobe Illustrator 펜 도구·패스 안내서(helpx.adobe.com).

SECTION 03

직접 만들기 —
내 작품이 심볼이 된다

내 조각·그림 사진에서 실루엣을 펜 도구로 따라 그려 벡터 심볼을 만든다. 이 심볼이 전시 포스터의 얼굴이 된다.

W10-16

실습 · 90분

내 작품 실루엣을 벡터로

시간	할 일
20분	펜 도구 연습: 직선 → 각진 곡선 → 부드러운 곡선 순서로 손 풀기
15분	내 작품 사진을 밑그림 레이어로 깔고 잠근다
40분	외곽선을 펜 도구로 따라 그려 실루엣 패스 완성
15분	직접 선택 도구로 어색한 곡선 다듬고 색 채우기

실습 · 따라 그리기

실루엣을 딸 때 이 순서로

밑그림 레이어의 불투명도를 낮추고 레이어를 잠근다. 그려야 할 선이 잘 보인다.

직선 구간은 클릭, 곡선 구간은 방향으로 드래그. 고정점은 최대한 적게 찍는다.

시작점으로 돌아와 패스를 닫는다. 칠(Fill)을 주면 실루엣이 채워진다.

팁 · 완벽하게 한 번에 그리려 하지 마라. 대충 딴 뒤 직접 선택 도구로 고치는 게 빠르다.

자주 생기는 문제

펜 도구가 안 될 때

증상	해결
곡선이 뾰족뾰족 각지게 나온다	클릭만 하고 있다. 곡선은 찍고 나서 방향으로 드래그해야 한다.
다음 선이 딸려 휘어버린다	Alt(Opt)로 고정점을 눌러 방향 핸들을 끊고 다음 선을 그린다.
밑그림이 자꾸 선택된다	밑그림 레이어를 잠근다(레이어 패널 자물쇠).
패스가 안 닫힌다	시작 고정점에 커서를 올려 동그라미(○)가 뜰 때 클릭한다.

오늘의 단축키

펜 작업이 빨라지는 키

기능	Windows	Mac
펜 도구 / 직접 선택	P / A	P / A
고정점 방향 핸들 끊기	Alt+클릭	Opt+클릭
일시적으로 직접 선택	Ctrl(누른 채)	Cmd(누른 채)
실행 취소	Ctrl+Z	Cmd+Z

마무리

오늘 체크리스트 · 다음 주

가기 전에 확인

☐ 펜 도구로 직선·곡선을 그려봤다
☐ 내 작품 실루엣 패스를 만들었다
☐ 직접 선택 도구로 곡선을 다듬었다
☐ AI 파일로 저장했다

다음 주 · 11주차

색상·패턴·AI

오늘 만든 실루엣 심볼에 색과 패턴을 입히고, 포스터 배색 3안을 실험한다.

이번 주 실습과제

내 작품 실루엣 벡터로 따기

내 조각·그림 사진을 밑그림으로 깔고 잠근다.

외곽선을 펜 도구로 따라 그려 실루엣 패스를 완성한다.

직접 선택 도구로 어색한 곡선을 다듬고 색을 채운다.

제출

· AI 원본 파일
· 파일명: 학번_이름_10주
· 다음 수업 전까지

평가: 앵커가 적고 매끈한가

10주차 마무리

처음엔 어려운 게 정상이다

펜 도구는 모든 벡터 작업의 기본기다. 오늘 손에 익힌 만큼, 앞으로 어떤 형태든 그릴 수 있다.