일러스트 레이터 기어 - illeoseuteu leiteo gieo

일러스트레이터

[일러스트레이터 기초 강좌] 도형툴을 이용한 톱니바퀴 모양 만들기

도형툴을 이용하여 톱니바퀴 모양만 만드는 기초 강좌입니다.

도형 오브젝트들을 패스파인더로 변경한 후 둥글게 만드는 이펙트를 사용할 겁니다.

모든 작업은 일러스트레이터 cs5에서 진행되었습니다.

1. 새로운 도큐먼트를 생성합니다.

저는 강좌용으로 만들었기 때문에 프로필을 웹으로 선택하였고

사이즈는 800x600픽셀로 정하였습니다. 

2-1.스타툴(Star Tool)을 간단히 짚고 넘어가겠습니다.

스타툴은 도형툴을 길게 누르다보면 나오는 작은창에서 선택하시면 됩니다.

그리고 도큐먼트에 드레그시 ①처럼 모서리가 5개인 별 모양의 오브젝트가 생성됩니다.

마우스를 도큐먼트에 드레그시 떼지 않고 ↑키를 연타하면 ②처럼 별도형의 모서리 갯수가 많아집니다.

반대로 ↓키를 연타하면 ③처럼 모서리 갯수가 줄어듭니다. (삼각형까지 만들 수 있어요)

2-2. 별 도형을 만들기 위해 마우스 드레그하다가 CTRL키를 누른채 도형을 크게 드레그하면 모서리 부분이 길게 늘어납니다.

반대로 CTRL키를 누른채 도형을 작게 드레그 하면 모서리 부분이 짧게 줄어듭니다.

저는 톱니바퀴 모양을 만들기 위해 모서리 갯수를 26개정도로 만들고 ③정도의 모서리 길이의 별 도형을 만들었습니다.

3-1.일립스툴(Ellipse Tool)을 이용하여 원을 만듭니다. Ellipse는 타원입니다. 저흰 원을 만들거에요.

원을 만들기 위해 도큐먼트에 드레그시 SHIFT키를 누른채 드레그하면 타원이 아닌 원을 만들 수 있습니다.

별모양과 정확히 일치하게 만들기 어렵기 때문에 위에 얹어놓았습니다.

3-2. 원오브젝트는 총 3개 만들었습니다. 만들어질 톱니바퀴를 머리속으로 대강 그려놓고 원의 크기를 정합니다.

만들어 놓은 별, 원들을 모두 선택(CTRL+A) 얼라인(align)을 이용하여 가로세로 정확히 센터를 맞춥니다.

3-3. 패스파인더(PATHFINDER)를 이용하여 도형을 잘라내거나 합칠건데 만든 원들중

가장 작은것을 ①, 두번째 것을 ②, 세번째 것을 ③이라 하겠습니다.

먼저 ③과 별 모양을 선택한후 패스파인더의 쉐이프모드(Shape Modes)의 세번째인 교차(intersect)을 클릭합니다.

그럼 위 그림의 오른쪽처럼 별 모양의 모서리 부분이 ③만큼 없어집니다.

3-4.이번엔 ②와 별 모양도형을 선택후 쉐이프모드의 첫번째 통합(unite)을 클릭합니다.

위 그림의 오른쪽 모양으로 변했다면 성공입니다. 이제 톱니바퀴처럼 보이네요.

3-5.①과 만들어진 톱니바퀴 도형을 선택후 쉐이프 모드의 네번째 제외(exclude)을 클릭합니다.

그러면 ①만큼 톱니바퀴의 안쪽이 비게 됩니다.

* 3-5는 컴파운드패스를 만드는 방법도 있습니다.

 - 두 도형을 선택후 마우스 오른쪽버튼을 눌러 Make Compound Path를 선택합니다.

4-1.도형의 모서리를 약간 둥글둥글하게 만들겁니다.

만들어진 도형을 선택후 Effect-Stylize-Round Corners를 선택합니다.

프리뷰(Preview)를 선택후 모서리부분이 얼마나 둘글게 변하는지 확인후 ok를 클릭합니다.

4-2.Object-Expand Appearance로 아웃라인을 확장시킵니다.

도형에 색을 넣어 확인해 봅니다.

만들어진 도형을 꾸며보았습니다.

기초 도형 강좌이고 과정이 상당히 길기 때문에 이부분은 생략하겠습니다.

제작년까지 꾸준히 만들었던 강좌들이 제 손발을 오그라들게 하는데도 불구하고

(뭐 이글도 한달쯤 뒤면 내가 주제넘게 왜 이럴까 하는 생각이 들겠죠.)

많은분들이 아직도 덧글을 많이 남겨주고 계셔서 감사한 마음에 아주 쉬운 강좌를 천천히 해볼까 합니다.

조금씩 진행하다보면 제가 밥까지 말아먹은 일러스트레이터책도 다시 쓰게 되지 않을까 생각이 드네요.

안녕하세요. 그림젤 쌤입니다.^^ 

새 블로그 타이틀 작업을 마치고

다시 포스팅으로 돌아왔습니다.

이제 좀 더 블로그를 퀄리티 있게

꾸미기 위해 블로그 썸네일도 통일하고

더 다양한 컨텐츠들을 담으려고 합니다.

일러스트레이터 포스팅하는 건

포토샵보다 1.5배의 시간이 더 걸리긴 합니다.^^

오늘은 기어모양을 만들어 보려고 합니다.

이건 일러스트레이터 CC 이하 버전도 가능합니다.

자 우선 일러스트레이터를 열고...

일단 큰 원과 마름모꼴의 사각형을 한 개 만듭니다.

그 다음에 저 사각형을 원의 

가운데에서 위에 올려둡니다.

그 다음에 기존의 사각형을 위의 이미지처럼

복사하고 붙여넣기 해 주시면 됩니다.

그 다음에 Reflect Tool을 이용해서

정확하게 대칭으로 반전시켜야 해요.^^

그 다음에는 계속 반복입니다.

복사하고 제자리에 붙이고 돌리고 돌리고~~

중요한 건 어긋나지 않게 

모양을 맞춰줘야 합니다.^^

위와 같이 마름모가 원을 중심으로 

12개를 배치했습니다...

자 그 다음에는 모양을 합치고 빼서

기어 모양을 완성하면 됩니다.

Shape Builder가 없어도 됩니다.

PathFinder가 더 정확할 수도 있습니다.

이렇게 PathFinder를 이용해

다양한 모양을 만들 수 있습니다.^^

배경에 원하는 색을 깔고...

기어 모양에 색상을 칠합니다.

그림자도 좀 넣어주고 ㅋㅋ

일러스트레이터 CC 이하 버전에서

스트로크에 그라데이션을 주려면

면으로 변경해줘야 작업이 가능합니다....

그래도 재밌네요.... 포스팅을 해낸

성취감이 느껴지는듯 ㅋㅋ

더 열심히 포스팅해야지

다양하게 만들어보시고 다음 번

포스팅 때 또 찾아뵙겠습니다.