일러스트 톱니바퀴 - illeoseuteu tobnibakwi

일러스트

일러스트 따라하기 - 톱니바퀴 모양의 아이콘 만들기

일러스트 따라하기 - 톱니바퀴 모양의 아이콘 만들기

CTRL + N 을 눌러 적절한 크기의 새창을 하나 열고 툴박스에서 원형 툴로 화면가운데에 정원을 하나 만든다.

이제 끝이 둥근 사각형 툴로 그림과 같이 원의 상단 부분에 그려주고

선택툴로 두개의 도형을 모두 선택하고 ALIGN 팔레트에서 그림에 표시된 아이콘을 눌러 정렬을 해준다.

둥근 사각형을 선택하고 ROTATE TOOL 로 큰원의 한 가운데 점을 ALT 키를 누른채로 클릭하여 팝업에 45각도로 COPY를 눌러준다.

그럼 45도 각도로 복사가 되는데 방금전의 복사한 작업을 반복하기 위해 CTRL + D 를 여러번 눌러 그림과 같이 모양을 만들어주고

선택툴로 모든 도형을 선택하고 패스파인더 팔레트에서 그림에 표시된 아이콘을 클릭하여 도형을 합쳐주고 옆의 EXPAND 버튼을 눌러준다.

그 다음 원형 툴로 화면 가운데에 작은 원을 그려주고

다시 선택툴로 모든 도형을 선택한 뒤에 패스파인더 팔레트에서 그림에 표시된 아이콘을 누르고 옆의 EXPAND 버튼을 눌러주면 가운데가 뚫리면서 한개의 도형 형태가 된다.

선의 두께를 조절해주면 톱니바퀴 모양의 아이콘 완성~~~~~~~~

일러스트 톱니바퀴 - illeoseuteu tobnibakwi

일러스트레이터

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

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

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

모든 작업은 일러스트레이터 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로 아웃라인을 확장시킵니다.

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

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

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

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

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

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

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


일러스트레이터 TIP

일러스트레이터에서 톱니바퀴 만드는 두번째 방법

2009. 9. 22. 08:58

일러스트레이터에서 톱니바퀴 만드는 두번째 방법입니다. 저번 포스팅에서 톱니바퀴 만드는 법을 배웠었는데, 이번 방법은 좀더 이쁘고 더 간단히 만들 수 있는 방법입니다. 매일 일러스트와 포토샵만 하는 사람이다 보니 색다른 방법이 생각나서 올립니다.

1. 툴바에서 도형만드는 툴중 스타툴을 선택합니다.

2. 빈 화면에 더블클릭하면 이렇게 스타툴 생성화면이 뜹니다.
Radius 1을 10, 2를 20 정도 하고 포인트(점)는 20정도로 지정합니다. (포인트 수가 높을수록 촘촘한 톱니바퀴가 나옵니다.)

3. 왼쪽 같은 성게 모양이 나옵니다.

4. 가운데 원 두개를 적당히 그려줍니다. 중앙정렬하는 법은 이전 포스팅 참조. ^^ Ctrl+y 하면 아웃라인이 이렇게 보여집니다.

5. 다시 프리뷰 화면입니다. 이제 잘게 쪼개봅시다.
Pathfinder > Divide 로 잘게 쪼갭시다.

6. 쪼개졌으면 하얀 화살표로 필요없는 부분을 지웁니다.

7. 이런 모양이 완성됩니다. 지금은 다 분할되어 있는 상태이므로,
Pathfinder > Shape Modes > Add to shape area 로 다 합쳐줍니다.

8. 합쳐진 모양입니다. 가운데 원이 하나 더 있으면 좋겠군요

9. 자 완성입니다.

일러스트 톱니바퀴 - illeoseuteu tobnibakwi