본문 바로가기
컴퓨터 사용 설명서/포토샵 독학기

[포토샵 기초] 패스(Path) 만들기 ① 펜 도구(Pen Tool) 사용 방법

by 칼랭 2023. 5. 10.
반응형

이번 글에서는 패스에 대해 알아보겠습니다.

 

1. 패스의 정의

패스란 '길', '경로'를 뜻합니다.

점과 점을 잇는 선, 그리고 선과 선을 이어 만든 형태를 '패스(Path)'라고 합니다.

 

 

패스의 정의

 

 

 

① 기준점(Anchor Point) : 패스를 고정하는 기준이 되는 점

② 선분(Segment) : 두 개의 기준점을 연결하는 선

③ 패스(Path) : 이어진 기준점과 세그먼트 전체

④ 방향선(Direction Line) : 세그먼트의 기울기와 곡선의 형태를 조절하는 선

⑤ 방향점(Direction Point) : 방향선 끝에서 방향선을 조절할 수 있는 점

 

 

※ 벡터와 래스터

포토샵에서 '선분'을 이어 만든 형태들은 '벡터 방식의 이미지'로 저장됩니다.

벡터 이미지란 수학적 연산에 의해 만들어진 이미지를 말합니다.

수학 방정식 정보로 컴퓨터에 저장되기 때문에 단순한 벡터 이미지의 경우, 출력이 빨리 된다는 장점이 있습니다.

하지만 복잡한 이미지는 오히려 컴퓨터 출력을 더욱 어렵게 합니다.

뿐만 아니라 벡터 이미지는 변형이나 효과 적용과 같은 다양한 편집에 유용하지 않습니다.

그래서 변형이나 효과를 적용하려 할 때면, 반드시 '래스터화'를 진행하라는 팝업 경고가 뜹니다.

'래스터화'란 간단히 말하면, 픽셀로 구성된 이미지로 바꾸는 것입니다.

벡터 방식 이미지를 만들고 편집할 때, '래스터화'의 의미를 미리 알고 있으면

자꾸 등장하는 '래스터화 하라'는 팝업에 당황하지 않을 수 있겠죠?

 

 


 

 

2. 패스의 종류

패스에는 '열린 패스'와 '닫힌 패스'가 있습니다.

 

선의 형태로 존재하는 패스가 '열린 패스',

 

 

열린 패스

 

 

도형의 형태로 존재하여 '칠(Fill)'이 가능한 형태를 '닫힌 패스'라 합니다.

 

 

닫힌 패스

 

 


 

 

3. 패스를 만드는 도구들

패스 그리는 방법을 정리해 보려고 하는데요.

그 전에, '패스'를 만드는 중요한 도구들을 잠깐만 살펴보고 넘어가겠습니다.

 

'패스'를 만들 수 있는 도구들로는 '펜 도구' '모양 만들기 도구', '문자 도구' 등이 있습니다.

 

 

모양 만들기 도구들

 

 

모양 도구로 모양을 만든 뒤, 모양을 클릭해 선택하면

 

 

 

 

'패스 패널'에 모양 패스가 나타납니다.

 

 

 

 

문자 도구들

 

 

수평 문자 마스크 도구로 문자를 입력한 뒤, 패스 패널에서 '패스 만들기 아이콘'을 클릭하면 문자 패스가 나타납니다.

 

 

 

 

펜 도구

 

 

펜 도구를 사용하면 '패스 패널'에 바로 패스가 생성됩니다.

 

 

 

 

 

선택 영역을 만드는 도구들로도 패스를 만들 수 있습니다.

 

 

 

 

선택 영역을 지정한 뒤에, 패스 패널에서 패스 만들기 아이콘을 클릭하면 선택 영역이 패스로 생성됩니다.

 

 

원형 선택 윤곽 도구로 선택 영역을 만든 뒤, 패스 패널에서 '패스 만들기' 아이콘을 클릭해 작업 패스를 생성합니다.

 

 

'패스'를 만들면 '패스 패널'에서 패스를 확인하고 다양하게 활용할 수 있습니다.

 

 

 

 

이 중에서 '펜 도구' 사용법을 알아보도록 할게요.

 

 


 

4. 패스 만드는 방법/펜 도구(Pen Tool) 사용 방법

① 직선 패스 그리기  

[펜 도구]를 선택합니다.

ⓑ 기준점을 클릭합니다.

ⓒ 원하는 위치에 기준점을 하나 더 클릭하여 선분을 만듭니다.

ⓓ 처음에 클릭한 기준점을 클릭하여 패스를 완성합니다.

     닫힌 직선 패스가 만들어집니다.

 

 

 

직선 패스 그리는 방법

 

 

곡선 패스 그리기

[펜 도구]를 사용해 곡선 패스 그리기

ⓐ [펜 도구]를 선택합니다.

ⓑ 기준점을 클릭합니다.

ⓒ 원하는 위치에 기준점을 하나 더 클릭합니다.

ⓓ 두 번째 기준점을 클릭한 상태에서, 그대로 마우스를 드래그합니다.

     방향성이 생성된 것이 보일 겁니다.

     클릭했던 기준점의 방향은 방향점 끝을 향합니다.

 

 

곡선 패스 그리는 방법

 

 

ⓒ 그대로 Enter 키를 누르면 열린 패스로서 '곡선 패스'가 완성되고, 패스 패널에도 생성됩니다.

 

 

 

 

[곡률 펜 도구]를 사용해 곡선 패스 그리기

ⓐ [곡률 펜 도구]를 선택합니다.

ⓑ 기준점을 클릭합니다.

 

 

 

 

ⓒ 원하는 위치에 기준점을 하나 더 클릭합니다. 여기까지 하면 직선 패스만 그려집니다.

 

 

 

 

ⓓ 기준점을 하나 더 클릭합니다. 이어진 선분이 곡선이 될 수 있을만한 위치에 클릭합니다.

 

 

 

 

세 번째 기준섬이 클릭되는 순간, 선분이 곡선이 됩니다.

 

첫 번째 기준점과 두 번째 기준점 사이를 '곡선'으로 만들려고 할 때는 시작점과 두 번째 기준점 사이에 

 

 

 

 

두 기준점 사이에 기준점을 하나 더 추가합니다.

 

 

 

 

ⓔ 가운데 생긴 기준점을 클릭한 상태로, 아래로 드래그합니다.

     곡선이 만들어집니다.

 

 

 

 

직선 패스와 곡선 패스 모두 활용하기(=모서리가 둥근 상자 만들기)

㉠ 시작점을 클릭합니다.

 

 

 

 

㉡ 다른 지점을 클릭해 패스 선을 만듭니다.

 

 

 

 

   직선 패스가 만들어졌습니다.

 

㉢ 대각선 45도 방향 아래에 기준점을 찍고(마우스에서 손가락 떼지 말고),

 

 

 

 

    기준점을 클릭한 채 마우스를 아래로 드래그하면 직선 패스가 곡선 패스로 바뀝니다.

 

 

 

 

방향선은 곡선의 곡률을 조정합니다. 방향선이 없어야 직선 패스를 만들 수 있습니다.

 

 

 

 

Alt를 누른 채 기준점클릭하면 방향선이 없어집니다.

 

 

 

 

㉤ 원하는 부분을 클릭하여 직선을 그립니다.

 

 

 

 

㉥ 시작점으로 돌아가 ‘동그라미 모양’이 떴을 때 클릭하여 패스를 닫으면서, 마우스를 오른쪽으로 드래그하여 곡선을 만들어주고 마무리합니다.

 

 

 

 

패스가 너무 못생겼나요?

 

 

 

 

그럼, 이쁘게 만들어 볼까요?

 

 

 

 

보기 메뉴에서 '격자'를 체크해주거나 'Ctrl + ''단축키로 그리드를 만들어줍니다.

 

 

 

 

마우스를 클릭해 기준점을 만들고, 드래그하여 곡선을 추가하면서 동일하게 모서리가 둥근 상자 모양의 패스를 만듭니다.

 

 

 

 

'잘생긴' 패스가 완성되었습니다.

패스가 완성되면, 패스 패널에 패스가 추가됩니다.

 

 

 

 

 


 

 

5. 펜 도구들 정리

■ 펜 도구(Pen Tool) : 직선이나 곡선의 패스를 만듭니다.

 

 

펜 도구

 

 

■ 자유 형태 펜 도구(Feeform Pen Tool) : 자유롭게 드래그하여 패스를 그립니다.

 

 

자유 형태 펜 도구

 

 

■ 곡률 펜 도구(Curvature Pen Tool) : 곡선의 형태를 생각하며 기준점(Anchor Point)을 세 개 이상 클릭하면 직선이 자연스럽게 곡선 모양의 패스로 바뀌면서, 곡선 패스가 만들어집니다.

 

 

곡률 펜 도구

 

 

■기준점 추가 도구(Add Anchor Point Tool) : 패스 선분을 클릭해 기준점을 추가합니다.

 

 

기준점 추가 도구

 

 

도구 패널에서 기준점 추가 도구를 선택해두지 않더라도, 펜 도구(Pen Tool) 사용 중에도 손쉽게 기준점을 만들거나 지울 수 있습니다.

 

 

 

 

 

 

선분을 만든 뒤, 선분 위를 클릭하면 자동으로 기준점이 만들어집니다. 선택된 기준점(■)을 클릭하면 기준점이 삭제됩니다.

 

 

기준첨 추가 및 삭제

 

 

■기준점 삭제 도구(Delete Anchor Point Tool) : 패스의 기준점을 클릭해 기준점을 삭제합니다.

 

 

기준점 삭제 도구

 

 

■ 기준점 변환 도구(Convert Point Tool)

: 기준점의 방향성을 편집하여 직선을 곡선으로, 곡선을 직선으로 수정하는 도구입니다.

 

 

기준점 변환 도구

 

 

곡선이 만들어진 상태에서, 선택된 기준점을 클릭하면 선분이 직선으로 바뀝니다.

방향점을 클릭해서 드래그하면 직선이 만들어집니다.

 

 

 

 

728x90
반응형

댓글