00(Illustrator) 패스파인더 패널(Pathfinder Panel) 기능으로 웹 아이콘(태극) 제작

[일러스트 Pathfinder Panel 사용 아이콘 제작]

패스파인더 패널: Ctrl + Shift + F9

 

1. 간단하게 하트 아이콘 제작

정원을 그리고, 직접 선택 툴로 정원 하단의 포인트를 우측/아래로 드래그 해서 모양 변경을 하고, 오브젝트를 한번 클릭하여 방향선 모드를 해제한다.

오브젝트 선택 클릭하고, 툴 박스에서 반전 툴(Reflect Tool) 더블 클릭, 대화 상자에서 위 그림과 같이 Veritcal 선택, 하단의 Copy 버튼을 선택한다. 

90도 회전(반전) 복사된 오브젝트를 오른쪽으로 이동 적절하게 배치한다. 하트 완성 됨

위의 왼쪽 그림, 완성된 하트를 그룹화 하고, 선택한 하트 오브젝트

위의 오른쪽 그림, 완성된 하트를 패스파인더 합치기(첫 번째 버튼) 하고, 선택한 하트 오브젝트 (그룹화 한 하트 오브젝트와 비교)

Heart(Pathfinder).ai

 

 

+ 또 다른 작업 방법으로 하트 만들기 링크 +

http://edyoon.tistory.com/1000

 

 

 

 

 

+++++++

 

 

2. 초승달 아이콘 제작(아트보드 배경박스 셋팅 먼저)

 

(아트보드 크게에 맞게 아이콘 뒷 배경박스 셋팅하기)

 

Ctrl + N: 새 문서(아트보드) 설정 (300*300 pixel)

도형 툴(사각형) 만들기 대화상자 (300*300 pixel)

면(Fill): 있음 / 선(Stroke): 없음

Shift + F8: Transform Panel (X:0, Y:0 pixel)

(Window / Transform)

Layer 하나 추가하고 이름 바꾸기, 배경박스 레이어 잠금

(F7: Layer Panel)

 

+++++++

Pathfinder Panel 사용 초승달 아이콘 제작

도형 툴 사용 정원 2개 겹치기(면 있음, 선 없음)

패스파인더 패널 띄우고, 2번째 버튼(앞쪽 지우기) 선택

 

Ctrl + Shift + F9: Pathfinder Panel

(Window / Pathfinder)

 

일러스트(초승달만들기)-윤샘컴교실.ai

 

 

+++++++

 

 

 

3. 구름 아이콘 제작

 

도형 툴 사용 정원 여러(5~8)개 만들어서 겹치기

(면 있음, 선 없음)

정원 여러(5~8)개 적절하게 배치, 겹치고서

패스파인더의, 1번째 버튼(합치기) 선택

또 다르게... 정원 여러 5개 적절하게 배치

일러스트(구름아이콘만들기)-윤샘컴교실.ai

 

 

+++++++

 

[일러스트 Pathfinder Panel 사용 태극문양 제작]

+++ 태극문양 제작 - 드로잉 작업 컨셉 +++

타원(도형) 툴, Align & Pathfinder Panel로 작업!!

(선 없음, 원 오브젝트 2개 - 원의 크기: 200px / 100px)

Stroke: None // 타원 도형 툴 선택... 아트보드 클릭!!

Align Panel: Shift + F7 // Align To: Align to Selection

2개의 원 오브젝트 동시에 선택하고, 왼쪽/위아래 가운데 정렬

작은원 복사(Alt + 드레그) 후, 왼쪽 큰원+작은원 그룹 (Ctrl + G)

3개의 원 정렬 작업 완료 후, 패스파인더 패널의 5번 메뉴...

Divide(모두 나누기) 선택 // 그룹 해제(Ctrl + Shift + G)

모두 나누고... 오브젝트 임시 확인!! // 여러번 되돌리기 (Ctrl + Z)

왼쪽 상단 2개 오브젝트 선택하고 패스파인더 1번 메뉴 선택

Unite (선택한 오브젝트 하나의 오브젝트로 결합 됨)

 

결합된 태극문양 모두 선택하고, 정비율 축소 작업!!

Object / Path / Offset Path / -10px 입력하고, Copy

(반복작업... 응용 베리에이션 작업...)

+++++++

 

Scale Tool하고 오브젝트 축소 작업 결과 다름

(오브젝트 선택 후, 키보드 S // Alt + 클릭...)

일러스트(태극문양)_윤샘컴교실.ai

4. 풀잎 아이콘 제

[태극 문양 베리에이션(Variation) 작업 산출물]

 

 

▣ 윤샘 edyoon.tistory.com 컴교실 ▣