004. 일러스트 CC : 패스(Path)

· 10년 전 · 994

 

일러스트레이터에서 패스(Path)는 일러스트로 만들어지는 모든 개체를 감싸는 형태입니다.

기준점을 찍고 다음 기준점을 찍어 선을 만들어 이어가는 형식으로 시작점과 도착점이 필요합니다.

 

093ca93f5025dbd943ee202bb5cad92d_1434952612_8194.png
 

1. 기준점 : 패스를 고정하는 기준 점

2. 세그먼트 : 두 개의 기준점을 연결하여 만들어진 곡선

3. 방향점 : 방향선을 조절하는 점

4. 방향선 : 기울기와 곡선의 형태를 조절하는 선

 

 

* 강좌를 진행하면서 도구 패널을 이용하여 패스를 만져볼 텐데요, 중간중간 패스를 다뤄야 하는 경우가 생길 것 같아 먼저 간단히 사용 방법을 다뤄보도록 하겠습니다!!  *

 

패스는 도구에 있습니다.

 

41e65d53084c89156b6d53c5ae45929f_1435035104_0354.png 

 

1. 선 그리기

 

도구 패널에서 패스를 선택하고 캔버스에 콕! 하고 찍어줍니다.

첫 번째의 점은 기준점이 됩니다.

 

093ca93f5025dbd943ee202bb5cad92d_1434953199_9733.png
 

이어서 다른곳에 한번 더 콕 하고 찍어 주었더니 처음의 기준점과 다른 기준점을 연결하여 직선을 만들었습니다.

 

093ca93f5025dbd943ee202bb5cad92d_1434953355_1261.png
 

이어서 계속 그려볼까요?

 

093ca93f5025dbd943ee202bb5cad92d_1434953530_0548.png
 

선은 기준점을 찍는곳 마다 계속 생기긴 하지만 패스선을 그만 그리고 싶은데도 불구하고 파란색 선이 자꾸 이어집니다. 

 

그럴 땐 선택 툴을 클릭하고 캔버스의 빈 곳 아무 곳이나 클릭하면 선이 끊어집니다.

 

093ca93f5025dbd943ee202bb5cad92d_1434953690_4228.png
 

 

​2. 직선, 수직, 수평선 그리기 


자, 이제 수직, 수평선을 만들어 볼까요?

수직, 수평선은 Shift키를 누른 상태에서 클릭하면 됩니다.

 

093ca93f5025dbd943ee202bb5cad92d_1434953917_5898.png

 

반듯반듯하게 그려졌습니다.

직선이 아니여도 사선을 Shift키를 누른 상태에서 기준점을 찍게 되면 45˚로 직선이 그려집니다.

 

093ca93f5025dbd943ee202bb5cad92d_1434954134_3819.png
 

마찬가지로 선을 끊어 줄때에는 선택 툴을 클릭하고 캔버스의 빈 곳 아무 곳이나 클릭하면 선이 끊어집니다.

 

093ca93f5025dbd943ee202bb5cad92d_1434953690_4228.png 

 

 

3. 곡선 그리기

 

093ca93f5025dbd943ee202bb5cad92d_1434954347_3531.png

1번에서 기준점을 콕 찍어주고

2번에서도 기준점을 콕 찍어준 상태에서 드래그를 합니다.
 

093ca93f5025dbd943ee202bb5cad92d_1434954488_4392.png
 

마우스를 뗍니다.

 

093ca93f5025dbd943ee202bb5cad92d_1434954561_5853.png
자 곡선이 만들어졌습니다. 이어서 계속해볼까요?

 

093ca93f5025dbd943ee202bb5cad92d_1434954648_0977.png
파란색의 방향선이 두개로 나뉘어 나타났습니다. 방향선이 두 개면 곡선을 그리고 싶은 모습대로 그릴 수 없습니다. 만일 다른 방향의 곡선이나, 직선으로 바꾸고 싶다면 마지막 기준점을 클릭하여 삭제 후 방향점을 바꾸어 줍니다.

 

 

093ca93f5025dbd943ee202bb5cad92d_1434954792_1533.png

 

 

4. 면 그리기

면은 시작점과 종료점이 만나 패스가 닫히게 되면서 면이 됩니다.

 

093ca93f5025dbd943ee202bb5cad92d_1434955129_772.png

5. 원 그리기

시작점과 기준점을 이어 드래그해줍니다. 

 

093ca93f5025dbd943ee202bb5cad92d_1434955291_5568.png
 

같은 방식으로 이어서 원형을 만들어줍니다.

093ca93f5025dbd943ee202bb5cad92d_1434955377_8267.png

 

자, 원이 만들어졌습니다. 정원을 만들려면 패스로 그리는 것보다 도형 도구를 사용하는 것을

권장합니다.
093ca93f5025dbd943ee202bb5cad92d_1434955454_7093.png

 

 

간단히 패스의 사용법을 알아보았는데요. 심화되는 내용은 패스 도구의 알아볼 때 설명하도록 하겠습니다.
 

 

|
댓글을 작성하시려면 로그인이 필요합니다. 로그인

강좌게시판

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
10년 전 조회 591
10년 전 조회 717
10년 전 조회 716
10년 전 조회 623
10년 전 조회 542
10년 전 조회 826
10년 전 조회 1,901
10년 전 조회 964
10년 전 조회 1,115
10년 전 조회 917
10년 전 조회 596
10년 전 조회 1,299
10년 전 조회 995
10년 전 조회 807
10년 전 조회 1,055
10년 전 조회 918
10년 전 조회 1,140
10년 전 조회 2,375
10년 전 조회 2,823
10년 전 조회 3,116
10년 전 조회 1,187
10년 전 조회 1,336
10년 전 조회 1,521
10년 전 조회 3,549
10년 전 조회 3,607
🐛 버그신고