일러스트레이터 벡터 이미지 만들기 및 패스파인더 사용법 기초
디자인 작업을 시작할 때 깨지지 않는 깔끔한 그래픽을 만들고 싶지만, 펜 툴 사용이 너무 까다롭게 느껴진 적 있으신가요? 어도비 일러스트레이터(Adobe Illustrator)의 핵심은 바로 깨짐 없는 벡터 이미지 만들기와 복잡한 모양을 순식간에 조합해 주는 패스파인더(Pathfinder) 활용에 있습니다. 오늘 가이드에서는 초보자도 5분 만에 입체적이고 세련된 아이콘과 그래픽을 완성할 수 있는 기초 핵심 노하우를 정밀하게 정리해 드립니다.
1. 일러스트레이터 벡터 이미지(Vector)란 무엇인가?
디자인 작업을 본격적으로 시작하기 전, 비트맵(Bitmap)과 벡터(Vector)의 차이를 정확히 이해하는 것이 중요합니다. 그래픽 작업의 품질을 결정짓는 가장 기초적인 개념입니다.
비트맵 vs 벡터 핵심 비교
- 비트맵 (Bitmap / Raster): 포토샵 등에서 주로 사용하는 방식으로, 작은 점(픽셀)들이 모여 이미지를 이룹니다. 이미지를 확대하면 테두리가 깨지고 화질이 저하되는 현상이 발생합니다.
- 벡터 (Vector): 일러스트레이터에서 사용하는 방식으로, 점과 점을 연결하는 수학적 연산(선과 면)으로 이미지를 표현합니다. 아무리 크게 확대하거나 인쇄물로 출력해도 선명함이 그대로 유지되는 결정적인 장점이 있습니다.
따라서 로고 제작, 캐릭터 디자인, 아이콘 만들기, 대형 현수막 디자인 등에는 반드시 일러스트레이터 벡터 이미지 만들기 방식을 채택해야 합니다.
2. 벡터 이미지 만들기의 첫걸음: 기본 도형 툴과 펜 툴
복잡한 일러스트레이션도 결국 원, 사각형, 삼각형과 같은 기본 도형의 조합에서 출발합니다.
기본 아트워크 생성 절차
- 새 문서 생성 (Ctrl + N): 용도에 맞게 웹용(RGB) 또는 인쇄용(CMYK) 컬러 모드를 선택합니다.
- 도형 툴(Shape Tool) 활용: 단축키
M(직사각형) 또는L(원형)을 눌러 기본 윤곽을 잡습니다.Shift키를 누른 채 드래그하면 완벽한 정형(정사각형, 정원에 가까운 모양)을 만들 수 있습니다. - 선(Stroke)과 면(Fill) 설정: 왼쪽 툴바 하단에서 면 색상과 테두리 선의 두께 및 컬러를 자유롭게 조정합니다.
3. 일러스트레이터 패스파인더(Pathfinder) 기초 및 핵심 기능
패스파인더는 두 개 이상의 오브젝트(도형)를 합치거나 빼고, 나눠서 새로운 모양을 만들어내는 **일러스트레이터 생산성 향상의 핵심 기능**입니다.
패스파인더 패널이 보이지 않는다면 상단 메뉴에서 [창(Window)] > [패스파인더(Pathfinder)]를 클릭하거나 단축키 Shift + Ctrl + F9를 눌러 열 수 있습니다.
모양 모드 (Shape Modes) 4가지 필수 기능
상단 패널에 위치한 모양 모드는 여러 도형의 형태를 직접 결합하거나 차감합니다.
- 합치기 (Unite): 선택한 모든 도형을 하나로 완전히 통합합니다. 구름 형태나 캐릭터의 전체 윤곽을 만들 때 유용합니다.
- 마이너스 전면 (Minus Front): 맨 위에 놓인 도형 영역만큼 아래에 있는 도형을 자르고 남깁니다. 초승달 모양이나 톱니바퀴 홈을 뚫을 때 주로 사용됩니다.
- 교차 영역 (Intersect): 겹쳐진 중첩 부분만 남기고 나머지 외곽 영역은 모두 삭제합니다.
- 교차 영역 제외 (Exclude): 겹쳐진 중앙 영역만 뻥 뚫어버리고 겹치지 않은 외곽 부분만 남깁니다.
패스파인더 (Pathfinders) 하단 6가지 분할 기능
도형을 조각조각 분해하거나 선을 기준으로 분할할 때 사용하는 하단 패스파인더 메뉴입니다.
- 나누기 (Divide): 가장 자주 쓰이는 최고 중요 기능! 겹쳐진 모든 경계선을 기준으로 도형을 여러 조각으로 완전히 분할합니다. 적용 후
Ctrl + Shift + G(그룹 해제)를 실행하여 필요한 조각만 선택할 수 있습니다. - 동일 색상 결합 (Trim): 겹쳐진 뒷부분의 숨겨진 면을 제거하여 눈에 보이는 면만 깔끔하게 남깁니다.
- 병합 (Merge): 같은 색상을 가진 인접한 오브젝트를 자동으로 하나로 합쳐줍니다.
- 자르기 (Crop): 맨 위에 있는 오브젝트 영역을 기준으로 아래 오브젝트들을 틀에 맞게 잘라냅니다.
- 윤곽선 (Outline): 면을 없애고 모든 도형의 경계선만 패스(Path) 단위로 분리합니다.
- 마이너스 후면 (Minus Back): 맨 아래에 있는 도형 영역만큼 위에 있는 도형을 잘라냅니다.
4. 초보자를 위한 패스파인더 실전 활용 예제: 구름 아이콘 만들기
개념을 배웠다면 실제 일러스트레이터 벡터 이미지 만들기에 적용해 보겠습니다. 가장 단순한 3단계 구름 만들기 프로세스입니다.
- 원형 툴(L) 선택: 크기가 서로 다른 정원 3~4개를 가로로 겹치게 배치합니다.
- 직사각형 툴(M) 추가: 원들의 하단 평평한 기준선을 맞추기 위해 바닥면에 넓은 직사각형 하나를 겹쳐 놓습니다.
- 패스파인더 합치기 실행: 전체 오브젝트를 드래그하여 선택(
Ctrl + A)한 후, 패스파인더 패널에서 [합치기(Unite)] 버튼을 누르면 완벽한 구름 벡터 아이콘이 완성됩니다.
5. 작업 속도를 3배 높여주는 일러스트레이터 핵심 단축키 모음
작업 시간을 획기적으로 줄여주는 필수 단축키를 숙지해 보세요.
V: 선택 툴 (오브젝트 전체 이동 및 크기 조절)A: 직접 선택 툴 (특정 앵커 포인트나 패스만 수정)Shift + Ctrl + F9: 패스파인더 패널 열기/닫기Ctrl + G/Ctrl + Shift + G: 그룹 지정 / 그룹 해제Ctrl + Z/Ctrl + Shift + Z: 실행 취소 / 다시 실행