어피니티 디자이너 셰이프 빌더, 일러스트와 완벽 비교

어도비 일러스트레이터의 ‘셰이프 빌더 툴(Shape Builder Tool)’은 수많은 디자이너가 로고나 아이콘을 만들 때 사용하는 핵심 기능입니다. 여러 도형을 직관적으로 합치고 빼는 이 편리함 때문에, 어피니티 디자이너로 넘어온 많은 사용자가 이 기능이 어디 있는지조차 몰라 당황합니다.

결국 복잡한 패스파인더(불리언 연산)의 ‘더하기’, ‘빼기’ 버튼만 누르다가, 직관적인 셰이프 빌더가 없어 다시 일러스트레이터로 돌아가기도 합니다. 하지만 어피니티 디자이너 V2부터는 일러스트레이터보다 더 직관적이고 강력한 ‘셰이프 빌더 툴’이 탑재되었습니다.

셰이프 빌더 툴이란 정확히 무엇인가요?

셰이프 빌더 툴은 여러 개의 겹쳐진 벡터 도형(셰이프)을 하나의 새로운 도형으로 ‘합치거나(Add)’ ‘빼는(Subtract)’ 직관적인 도구입니다.

기존의 패스파인더(어피니티에서는 ‘불리언 연산’) 기능과 비교하면 그 차이가 명확합니다.

• 패스파인더 (불리언 연산): 두 도형을 선택하고 ‘더하기’ 버튼을 누르기 전까지는 결과물을 예측하기 어렵습니다. 복잡한 아이콘을 만들려면 수십 번의 더하기, 빼기, 나누기 작업을 반복해야 합니다.
• 셰이프 빌더 (Shape Builder): 여러 도형을 선택한 뒤, 마우스로 캔버스 위에서 ‘칠하는’ 방식입니다. 합치고 싶은 영역을 그림 그리듯 드래그하면, 마우스가 지나간 영역이 실시간으로 하나의 도형으로 합쳐집니다. 뺄셈 역시 마찬가지입니다.

이는 ‘결과’를 상상하며 버튼을 누르는 방식에서, ‘과정’을 직접 보며 그리는 방식으로의 전환이며, 로고 디자인 작업 속도에 결정적인 차이를 만듭니다.

어피니티 디자이너 셰이프 빌더 툴 위치

이 강력한 도구는 디자이너 페르소나의 도구 모음에 숨겨져 있습니다.

1. 좌측 도구 모음에서 도형 툴(사각형, 원형 등)을 2초간 길게 누릅니다.
2. 팝업 메뉴가 열리면 하단에 셰이프 빌더 툴(Shape Builder Tool) 아이콘(구름 두 개가 합쳐지는 모양)이 보입니다.
3. 또는, 도구 모음 하단의 점 세 개(…) 아이콘을 눌러 ‘도구 사용자화’에서 셰이프 빌더 툴을 밖으로 꺼내어 고정할 수도 있습니다.

어피니티 vs 일러스트, 셰이프 빌더의 결정적 차이 3가지

두 프로그램 모두 셰이프 빌더 툴을 제공하지만, 어피니티 디자이너 V2의 셰이프 빌더는 일러스트레이터의 단점을 보완하여 더 직관적으로 발전했습니다.

1. 툴의 분리: 더하기와 빼기의 직관성

• 일러스트레이터: 툴은 ‘셰이프 빌더 툴’ 하나입니다. 기본 모드는 ‘더하기’이며, 영역을 ‘빼려면’ Alt 키 (Mac: Option)를 누른 상태로 클릭하거나 드래그해야 합니다.
• 어피니티 디자이너: 툴 자체가 두 개로 분리되어 있습니다.
  • 셰이프 빌더 툴 (더하기 모드): 드래그하여 영역을 합칩니다.
  • 셰이프 빌더 빼기 툴 (빼기 모드): 도구 모음에서 이 툴을 선택하면, Alt 키를 누를 필요 없이 클릭하거나 드래그하는 모든 영역이 즉시 삭제됩니다.

물론 어피니티도 일러스트 사용자 습관을 존중하여, ‘더하기 툴’ 상태에서 Alt 키를 누르면 ‘빼기’ 모드로 임시 전환되는 기능을 동일하게 지원합니다. 하지만 툴 자체가 분리되어 있어, Alt 키 사용이 어색한 초보자에게는 어피니티 방식이 훨씬 더 직관적입니다.

2. 실시간 프리뷰: 명확한 시각적 피드백

• 일러스트레이터: 셰이프 빌더 툴을 활성화하고 도형 위로 마우스를 가져가면, 해당 영역이 ‘그물망’처럼 표시됩니다.
• 어피니티 디자이너: 마우스를 영역 위로 가져가면, 합쳐지거나 빠질 부분이 파란색 오버레이로 명확하게 하이라이트됩니다. 이는 복잡하게 겹쳐진 패스 사이에서 내가 원하는 영역을 정확히 선택하는 데 큰 도움을 줍니다. 또한 드래그하는 경로를 따라 실시간으로 외곽선이 미리보기 되어, 결과물을 즉시 예측할 수 있습니다.

3. 안정성과 속도 (복잡한 패스 처리)

• 일러스트레이터: 수백, 수천 개의 복잡한 패스나 열린 패스가 겹쳐있을 때 셰이프 빌더 툴을 사용하면, 오류가 발생하거나 프로그램이 멈추는 경우가 종종 있습니다.
• 어피니티 디자이너: V2 엔진은 이 부분에서 매우 강력한 안정성을 보여줍니다. 복잡한 패스 위에서도 부드럽게 작동하며, 의도치 않은 패스 꼬임이나 오류가 현저히 적습니다.

셰이프 빌더 100% 활용 5단계 상세 절차 (로고 만들기)

구름과 태양 아이콘을 합쳐 ‘날씨’ 아이콘을 만드는 과정을 예시로 설명합니다.

1단계: 기본 도형 겹치기

디자이너 페르소나에서 원형 툴(Ellipse Tool)을 사용합니다.

1. 큰 원 1개 (태양), 작은 원 3개 (구름)를 그립니다.
2. 사각형 툴(Rectangle Tool)로 구름 하단을 자를 받침대를 그립니다.
3. 태양과 구름, 받침대를 원하는 로고 모양이 되도록 겹쳐서 배치합니다.

2단계: 모든 오브젝트 ‘전체 선택’

이 과정을 빠뜨리면 툴이 작동하지 않습니다. 선택 툴(V)로 방금 만든 모든 도형(원 4개, 사각형 1개)을 드래그하여 전체 선택합니다.

3단계: 셰이프 빌더 툴 선택 (더하기 모드)

도구 모음에서 셰이프 빌더 툴을 선택합니다. 전체 선택된 도형들의 외곽선만 남고 내부가 투명하게 보입니다. 이제 마우스를 올리면 각 영역이 파란색으로 하이라이트됩니다.

4단계: 영역 드래그하여 합치기

우리는 ‘구름’과 ‘태양’을 하나의 덩어리로 만들 것입니다.

1. 구름을 이루는 원 3개와 하단 사각형 받침대 영역 안에서 마우스를 클릭한 채, 모든 조각을 하나로 잇는다는 느낌으로 쭉 드래그합니다.
2. 마우스를 떼는 순간, 드래그가 지나간 모든 영역이 하나의 완벽한 ‘구름’ 도형으로 합쳐집니다.
3. ‘태양’ 원도 클릭하여 하나의 개체로 만듭니다.

5단계: 영역 클릭하여 빼기

이제 구름과 태양이 겹치는 부분을 깔끔하게 정리할 차례입니다.

1. 키보드의 Alt 키 (Mac: Option)를 누릅니다. 마우스 커서가 -(빼기)로 바뀝니다.
2. 구름과 겹쳐져 불필요한 태양의 아랫부분 영역을 Alt 키를 누른 채 클릭합니다.
3. 해당 영역이 즉시 삭제됩니다.
4. (어피니티 방식) 또는, 도구 모음에서 아예 ‘셰이프 빌더 빼기 툴’을 선택한 뒤, 불필요한 영역을 그냥 클릭해도 동일하게 삭제됩니다.

이 5단계만으로, 복잡한 패스파인더 버튼을 수십 번 누르던 작업이 1분 만에 깔끔한 로고 하나로 완성됩니다.

셰이프 빌더 전문가 꿀팁 및 유의사항

• 꿀팁 1. 열린 경로(Open Path)의 함정 셰이프 빌더 툴이 엉뚱하게 작동하거나 영역 인식이 안 된다면, 99% 펜 툴로 그린 도형의 ‘경로가 닫혀있지 않아서’입니다. 셰이프 빌더는 ‘면(Fill)’을 기준으로 작동하므로, 작업 전 모든 도형이 닫힌 도형인지 확인해야 합니다.
• 꿀팁 2. ‘선(Stroke)’ 작업 시 주의사항 셰이프 빌더 툴은 기본적으로 ‘면(Fill)’을 합치고 뺍니다. 만약 ‘선’만 있는 도형에 이 툴을 적용하면, 작업 완료 시 선 속성이 사라지고 ‘면’ 속성으로 변환될 수 있습니다. 선으로 된 아이콘을 작업할 때는 작업 전에 레이어 > 획 확장(Expand Stroke) 명령으로 선을 면으로 바꿔주는 것이 안전합니다.
• 꿀팁 3. 비파괴 작업 (고급) 기본적으로 셰이프 빌더는 작업을 확정하는 ‘파괴적인’ 툴입니다. 하지만 셰이프 빌더 툴 상단 컨텍스트 메뉴의 ‘추가’ 또는 ‘빼기’ 버튼(파란색 아이콘)을 누르기 전에 Alt 키를 누른 채 클릭하면, 도형이 비파괴적인 ‘컴파운드(Compound)’ 개체로 합쳐집니다. 이는 나중에 노드 툴로 개별 도형을 다시 수정할 수 있는 전문가 방식입니다.

자주 묻는 질문 (FAQ)

질문1. 어피니티 디자이너 V1(구 버전)을 쓰는데 셰이프 빌더가 안 보입니다.

답변. 네, 셰이프 빌더 툴은 2022년 말에 출시된 어피니티 디자이너 V2 버전부터 탑재된 핵심 기능입니다. V1 사용자는 아쉽지만 기존의 ‘불리언 연산'(더하기, 빼기) 기능만 사용해야 합니다. V2로 업그레이드할 가장 강력한 이유 중 하나입니다.

질문2. 셰이프 빌더로 합친 도형, 다시 분리할 수 있나요?

답변. 기본적으로는 ‘파괴적인’ 작업이므로 Ctrl+Z (실행 취소)로만 되돌릴 수 있습니다. 한번 확정된 도형은 다시 조각낼 수 없습니다. (단, 위에서 설명한 ‘비파괴 컴파운드’ 방식을 사용했다면 분리가 가능합니다.)

질문3. 일러스트레이터처럼 셰이프 빌더로 영역을 ‘분리’만 할 수도 있나요?

답변. 네, 가능합니다. 어피니티 셰이프 빌더 툴 상단 컨텍스트 메뉴에는 ‘조각으로 분할’ 옵션이 있습니다. 겹쳐진 도형을 모두 선택하고 셰이프 빌더 툴을 활성화한 뒤, 이 버튼을 누르면 모든 겹쳐진 조각이 분리된 도형으로 나뉩니다. 이는 일러스트 패스파인더의 ‘Divide’와 동일한 기능입니다.

결론

어피니티 디자이너 V2의 셰이프 빌더 툴은 어도비 일러스트레이터 사용자들이 가장 부러워했던 마지막 퍼즐을 채워 넣었습니다. 이제 더 이상 복잡한 패스파인더 아이콘을 외우거나, 로고 하나를 만들기 위해 수십 번의 ‘더하기’, ‘빼기’를 반복할 필요가 없습니다.

캔버스 위에서 내가 원하는 영역을 직관적으로 칠하고 지우는 셰이프 빌더 툴 하나만 제대로 익혀도, 당신의 로고 디자인과 아이콘 제작 속도는 상상 이상으로 빨라질 것입니다.