044. 일러스트 CC : 오브젝트(O) → 패스(P) > 일러스트레이터 CC(illustrator Creative Cloud) 강좌

일러스트레이터 CC(illustrator Creative Cloud) 강좌

일러스트레이터 CC 사용 방법을 쉽게 익혀 보세요.
일러스트레이터 CC 강좌, 강의, 매뉴얼, 설명서

044. 일러스트 CC : 오브젝트(O) → 패스(P) 정보

오브젝트 044. 일러스트 CC : 오브젝트(O) → 패스(P)

본문

 

패스를 능숙하게 다룬다면 일러스트는 참 쉬워집니다.

패스에 대한 메뉴를 살펴볼까요?

 

9dc3866ca668de0ff504be3c251db022_1435287060_0826.png
 

순서에 맞게 하나씩 살펴보도록 할까요?

 

1. 연결(J) 단축키 Ctrl + J

 

연결은 작업을 하다 보면 패스끼리 연결이 안되어 있는 경우가 종종 있습니다. 그럴 때 효과나 편집을 했을 때 오류가 날 수 있습니다.

 

deb703726fff931fce174f8c3e3fbfe6_1435298474_594.png
 

바로 이렇게 작은 부분처럼 패스끼리 엇갈려 있거나 연결되지 않은 부분입니다.

 

연결되어 있지 않은 오브젝트의 패스를 연결합니다.

억지스럽지만 직접 연결되지 않은 패스를 준비했습니다.

 

deb703726fff931fce174f8c3e3fbfe6_1435298314_3736.png

 

패스 연결하기를 클릭하여 줍니다.

쨘 연결되었습니다.


deb703726fff931fce174f8c3e3fbfe6_1435298314_4093.png
 

 

 

2. 평균점 연결(V) 단축키 Alt + Ctrl + J

 

평균점 연결은 가로(x) 축, 세로(y) 축 또는 양 축 모두를 따라 평균점을 연결하도록 합니다.

 

deb703726fff931fce174f8c3e3fbfe6_1435298687_258.png
 

가로 - 가로 축의 평균 점을 연결합니다.

세로 - 세로 축의 평균 점을 연결합니다.

모두 - 모든 축의 평균 점을 연결합니다.

 

 

 

 

 

3. 윤곽 선(U)

 

윤곽 선은 선을 면으로 만드는 것을 말합니다.

 

먼저 선으로만 이루어진 오브젝트를 하나 만들어 보겠습니다.

그 다음 윤곽 선을 클릭하여 주세요!

 

deb703726fff931fce174f8c3e3fbfe6_1435298929_0545.png


deb703726fff931fce174f8c3e3fbfe6_1435298929_0932.png

 

윤곽선을 클릭하였더니 선이 면으로 바뀌었습니다.


deb703726fff931fce174f8c3e3fbfe6_1435298929_1459.png


deb703726fff931fce174f8c3e3fbfe6_1435298929_1223.png
 

선이 면으로 바뀌었기 때문에 선을 또한번 줄 수 있겠죠?

 

deb703726fff931fce174f8c3e3fbfe6_1435299020_5044.png
deb703726fff931fce174f8c3e3fbfe6_1435299020_472.png
 

 

4. 패스 이동(O)

 

패스 이동은 패스를 축소/확대하는 기능입니다.

지난 강좌에서 보았던 크기 조절 도구와 같은 성격을 가지고 있지만

패스 이동은 같은 비율로 축소/확대하여 복사가 됩니다.

 

deb703726fff931fce174f8c3e3fbfe6_1435299100_8602.png

 

패스 이동을 클릭하여 줍니다.​

 

deb703726fff931fce174f8c3e3fbfe6_1435299100_8308.png

 

이동 값으로 3px씩 주도록 하겠습니다. 수치값을 -로 입력하면 이동할 패스가 선택한 오브젝트 안으로 입력됩니다.

연결의 옵션에는 각지게, 둥글게, 경사가 있습니다. 하나씩 살펴보도록 합니다.

 

 

↓ 경사


deb703726fff931fce174f8c3e3fbfe6_1435299100_8831.png

 

↓ 둥글게

deb703726fff931fce174f8c3e3fbfe6_1435299100_9087.png

 

↓ 각지게

deb703726fff931fce174f8c3e3fbfe6_1435299100_9332.png
 

 

5. 단순화(M)

 

단순화는 오브젝트 패스를 단순화 시키는 것을 말합니다.

단순화를 하기 전에 단순화 시킬 오브젝트 하나를 먼저 준비합니다.

 

deb703726fff931fce174f8c3e3fbfe6_1435299444_3425.png

 

단순화를 클릭하여 줍니다.

 

deb703726fff931fce174f8c3e3fbfe6_1435299444_303.png


패스 단순화의 곡선 정밀도를 조정하여 볼까요?

 

 

 곡선 정밀도 0%

deb703726fff931fce174f8c3e3fbfe6_1435299444_3934.png

 

 곡선 정밀도 30%


deb703726fff931fce174f8c3e3fbfe6_1435299444_4341.png

 

 곡선 정밀도 60%


deb703726fff931fce174f8c3e3fbfe6_1435299444_4642.png

 

 곡선 정밀도 90%


deb703726fff931fce174f8c3e3fbfe6_1435299444_4968.png

 

이번에는 각도 한계값을 조절하여 보도록 하겠습니다.

 

 각도 한계값 180°


deb703726fff931fce174f8c3e3fbfe6_1435299444_527.png

 

 

 각도 한계값 0° 


deb703726fff931fce174f8c3e3fbfe6_1435299444_5582.png

 

옵션에서 직선을 클릭하면 아래와 같이 직선화 됩니다.


deb703726fff931fce174f8c3e3fbfe6_1435299444_5874.png
 

원본 표시는 원래의 오브젝트를 표시하여 보여줍니다.

 

deb703726fff931fce174f8c3e3fbfe6_1435299807_7417.png
 

 

6. 고정점 추가(A)

 

고정점 추가는 고정점을 추가하는 것을 말합니다.

간혹 작업을 하다보면 고정점이 추가로 필요할 때가 있는데요, 그럴 때 점을 추가해서 사용하면 됩니다.

 

고정점 추가 도구는 도구 패널에도 있습니다.

 

deb703726fff931fce174f8c3e3fbfe6_1435299891_057.png

 

먼저 오브젝트를 준비하겠습니다.


deb703726fff931fce174f8c3e3fbfe6_1435299891_0952.png

 

고정점 추가 도구를 사용하여 고정점을 추가하고 싶은 부분에 콕하고 찍어주세요!

deb703726fff931fce174f8c3e3fbfe6_1435299891_124.png

 

고정점이 추가되었습니다. 직접 선택 도구를 이용하여 추가된 고정점을 움직여 보겠습니다.

 


deb703726fff931fce174f8c3e3fbfe6_1435299891_1479.png

 


7. 고정점 제거(R)

 

고정점 제거는 고정점 추가와 반대로 있던 고정점을 삭제하는 것을 말합니다.

필요치 않은 고정점을 제거하거나 또는 필요 이상의 고정점들이 있는 경우가 있는데, 정리할 겸 사용합니다.

(아래의 오브젝트는 필요 이상의 고정점이 있는 것은 아닙니다. 그냥 실습용입니다.)


deb703726fff931fce174f8c3e3fbfe6_1435299891_1791.png

 

준비한 오브젝트에서 제거할 고정점을 선택해보겠습니다.


deb703726fff931fce174f8c3e3fbfe6_1435299891_2131.png

 

구별하기 쉽게 초록색으로 표시하였습니다.

이제 이 부분을 고정점 제거를 통하여 제거해보도록 하겠습니다.

 

deb703726fff931fce174f8c3e3fbfe6_1435299891_4651.png
 

어떤가요? 고정점이 사라짐과 동시에 오브젝트 패스가 변형되었습니다.

만약에 필요 이상의 고정점이 있었다면 모양이 변형될 일은 없을 것입니다.

 

 

8. 오브젝트 아래로 나누기(D)
 

오브젝트 아래로 나누기는 두 개 이상의 오브젝트 가운데 위에 있던 오브젝트를 기준으로 아래에 있는 오브젝트를 나누는 것입니다.

말로는 이해가 안되니 실습을 통하여 직접 보도록 할까요~

 

위의 오브젝트는 칠이 되어있지 않으며, 아래의 오브젝트는 칠이 되어 있습니다.

이 상태에서 칠이 되어 있지 않은 오브젝트를 선택하고 '오브젝트 아래로 나누기'를 클릭합니다. 

 

deb703726fff931fce174f8c3e3fbfe6_1435300253_0444.png

 

오브젝트가 나뉘었습니다.


deb703726fff931fce174f8c3e3fbfe6_1435300253_0843.png

 

선택 도구를 이용하여 오브젝트를 움직여 눈으로 확인해 보겠습니다.


deb703726fff931fce174f8c3e3fbfe6_1435300253_1115.png
 

 

9. 격자로 나누기(S)

 

격자로 나누기는 사용자가 지정한 수치에 맞게 같은 비율로 정확히 나눌 때 사용하는 것으로

길이와 비율을 재지 않아도 나누어 주는 편리한 메뉴입니다.

 

먼저 오브젝트 하나를 준비하겠습니다.

 

deb703726fff931fce174f8c3e3fbfe6_1435300396_1329.png

 

격자로 나누기를 클릭합니다.

열과 단으로 나뉘어서 각 옵션값에 수치를 입력하여 나눌 수 있습니다.

저는 각 열의 수5, 단의 수5로 입력하여 확인을 누르겠습니다.


deb703726fff931fce174f8c3e3fbfe6_1435300396_1741.png

 

일정한 간격으로 열과 단이 5개로 나뉘었습니다.


deb703726fff931fce174f8c3e3fbfe6_1435300396_2137.png

 

안내선 추가 옵션을 클릭하면 아래와 같이 안내선이 함께 생깁니다.
deb703726fff931fce174f8c3e3fbfe6_1435300396_247.png
 

10. 제거(C)

 

제거는 흩어진 점, 칠 없는 오브젝트, 빈 텍스트 패스 등을 사용자가 편리에 맞게 선택하여 제거하는 것을 말합니다.

 

deb703726fff931fce174f8c3e3fbfe6_1435300629_6206.png
 

 

 

열심히 다 썼는데 저장은 초반까지만 되어있고​ 강좌가 다 날라갔습니다.

처음부터 다시 작성해서 너무 분노스럽네요...ㅠㅠ..

댓글 0개

전체 126 |RSS
일러스트레이터 CC(illustrator Creative Cloud) 강좌 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT