벡터 그래픽 디자인의 세계에서 ‘펜 툴’이 창조의 도구라면, **’노드 툴(Node Tool)’**은 수정과 완성의 도구입니다. 아무리 펜 툴을 잘 다루는 디자이너라도 한 번에 완벽한 선을 그릴 수는 없습니다. 결국 선의 흐름을 다듬고, 뾰족한 모서리를 둥글게 만들고, 엉뚱한 곳에 찍힌 점을 옮기는 것은 모두 노드 툴의 영역입니다.
특히 어피니티 디자이너(Affinity Designer)는 경쟁 프로그램인 어도비 일러스트레이터보다 훨씬 직관적이고 강력한 노드 편집 기능을 제공합니다. 하지만 많은 초보자가 ‘샤프(Sharp)’, ‘스무스(Smooth)’, **’스마트(Smart)’**라는 세 가지 노드 속성의 정확한 차이를 몰라 펜 툴 작업에 어려움을 겪곤 합니다. 오늘은 벡터 드로잉의 퀄리티를 결정짓는 노드 툴의 핵심 기능과 세 가지 노드 유형의 활용법을 전문가의 관점에서 심층 분석해 드립니다.
1. 노드 툴의 기본 역할과 단축키 활용의 중요성
어피니티 디자이너에서 노드 툴의 단축키는 **’A’**입니다. (펜 툴은 ‘P’). 이 툴은 이미 그려진 벡터 오브젝트의 ‘점(Node)’과 ‘선(Curve)’, 그리고 곡률을 조절하는 ‘핸들(Handle)’을 선택하고 조작하는 역할을 합니다.
노드 툴의 가장 큰 특징은 **’유연성’**입니다. 단순히 점을 이동하는 것을 넘어, 선 자체를 마우스로 잡고 고무줄처럼 당겨서 곡선을 만들 수 있습니다. 이는 핸들을 일일이 당겨야 하는 일러스트레이터보다 훨씬 직관적인 방식입니다. 또한, 작업 도중 Ctrl(맥은 Cmd) 키를 누르면 일시적으로 노드 툴로 전환되는 기능을 적극 활용해야 작업 속도가 2배 이상 빨라집니다.
2. 날카로움의 미학 샤프 노드 Sharp Node
**’샤프 노드(Sharp Node)’**는 말 그대로 ‘뾰족한 점’입니다. 네모난 모양(■)으로 표시되며, 이 노드에는 방향선(핸들)이 없거나, 있더라도 서로 독립적으로 움직입니다.
- 특징: 점을 기준으로 선이 급격하게 꺾입니다. 직선과 직선이 만나는 모서리, 혹은 곡선이라도 뾰족하게 꺾여야 하는 부분(예: 하트의 위쪽 움푹 들어간 곳, 잎사귀의 끝)에 사용됩니다.
- 동작 원리: 샤프 노드에서 핸들을 뽑아내면, 양쪽 핸들이 시소처럼 연결되지 않고 따로 놉니다. 왼쪽 핸들을 움직여도 오른쪽 핸들은 꿈쩍도 하지 않습니다. 덕분에 ‘V’자 형태나 ‘Z’자 형태처럼 급격한 각도 변화를 표현할 수 있습니다.
- 변환 방법: 상단 컨텍스트 툴바의 ‘Convert’ 섹션에서 첫 번째 아이콘(뾰족한 모양)을 클릭하면 됩니다.
3. 부드러움의 연결 스무스 노드 Smooth Node
**’스무스 노드(Smooth Node)’**는 곡선의 흐름을 부드럽게 이어주는 점입니다. 동그란 모양(●)으로 표시되며, 이 노드의 핵심은 **’연결된 핸들’**입니다.
- 특징: 점을 기준으로 선이 꺾이지 않고 물 흐르듯 이어집니다. 원, 타원, 파도 모양 등 유기적인 곡선을 그릴 때 필수적입니다.
- 동작 원리: 스무스 노드를 클릭하면 양쪽으로 핸들이 뻗어 나옵니다. 이때 한쪽 핸들을 잡고 움직이면 반대쪽 핸들도 시소처럼 정반대 방향으로 같이 움직입니다. 이를 통해 점을 중심으로 들어오는 선과 나가는 선의 각도가 항상 180도를 유지하게 하여, 시각적으로 끊김 없는 완벽한 곡선을 만들어냅니다.
- 주의점: 스무스 노드 상태에서 한쪽 핸들의 길이만 조절할 수는 있지만, 각도를 억지로 꺾으려고 하면(즉, 샤프하게 만들려고 하면) 스무스 속성이 깨지고 샤프 노드로 자동 변환될 수 있습니다.
4. 어피니티만의 독창성 스마트 노드 Smart Node
일러스트레이터에는 없고 어피니티 디자이너에만 있는 특별한 노드가 바로 **’스마트 노드(Smart Node)’**입니다. 스무스 노드와 비슷하게 동그란 점으로 표시되지만, 내부에 작은 점이 하나 더 찍혀 있는 형태입니다.
- 특징: ‘알고리즘’이 곡률을 제어합니다. 사용자가 핸들을 직접 만지지 않아도, 점의 위치에 따라 가장 자연스러운 곡선을 프로그램이 알아서 계산해 줍니다.
- 활용: 펜 툴의 ‘스마트 모드’로 그리면 생성되는 점들이 바로 이 스마트 노드입니다. 트레이싱 작업을 할 때 점을 툭툭 찍어놓고, 나중에 노드 툴로 위치만 살짝 옮겨도 곡선이 알아서 예쁘게 펴지는 마법을 경험할 수 있습니다. 수동 제어가 귀찮거나 빠른 스케치가 필요할 때 가장 효율적인 옵션입니다.
5. 실전 편집 테크닉과 결론
실무에서는 이 세 가지 노드를 수시로 변환하며 작업합니다. 예를 들어, 스무스 노드로 부드러운 산능선을 그리다가 산봉우리 부분에서는 샤프 노드로 바꿔 뾰족하게 만들어야 합니다. 이때 상단 메뉴를 클릭하는 것은 너무 느립니다.
- 단축키 팁: 노드 툴 상태에서
Alt(맥은Option) 키를 누른 채 노드를 클릭하면, 즉시 샤프 노드와 스무스 노드 사이를 토글(전환)할 수 있습니다. 또한 핸들을 움직일 때Alt를 누르면 연결된 핸들의 링크를 끊고 한쪽만 꺾을 수 있습니다(샤프 속성 부여).
결론적으로, 벡터 디자인의 완성도는 ‘점’을 어떻게 다루느냐에 달려 있습니다. 샤프 노드는 구조와 엣지를 만들고, 스무스 노드는 흐름과 리듬을 만듭니다. 이 두 가지 속성을 자유자재로 오가는 것이야말로 펜 툴 마스터가 되는 지름길입니다. 어피니티 디자이너의 직관적인 노드 툴을 통해, 여러분의 머릿속에 있는 형태를 모니터 위에 완벽하게 구현해 보시길 바랍니다.
❓ 노드 툴 관련 자주 묻는 질문 (FAQ)
Q1 노드 툴로 선을 잡고 당기는데 모양이 이상하게 변해요. A 선을 직접 잡고 당기면 어피니티가 자동으로 핸들의 길이와 각도를 조절합니다. 이때 양옆 노드의 속성(샤프/스무스)에 따라 반응이 달라집니다. 정밀한 곡선을 원한다면 선을 당기는 것보다 핸들을 직접 조작하는 것이 더 정확합니다.
Q2 점을 삭제하면 선 모양이 망가집니다. A 키보드의 Delete 키를 누르면 점이 사라지면서 선의 형태가 직선에 가깝게 변합니다. 곡선의 형태를 최대한 유지하면서 점만 줄이고 싶다면, 상단 메뉴나 단축키(설정 필요)를 통해 ‘Smooth Curve(곡선 부드럽게 하기)’ 기능을 사용하거나, 불필요한 노드만 선별적으로 지워야 합니다.
Q3 두 개의 선을 하나로 합치고 싶어요. A 노드 툴로 두 개의 열린 점(끝점)을 드래그하여 동시에 선택한 후, 상단 컨텍스트 툴바의 ‘Join Curves(곡선 연결)’ 버튼을 누르면 됩니다. 두 점 사이가 직선으로 연결되거나, 두 점이 하나로 합쳐집니다. 혹은 ‘Close Curve’를 눌러 닫힌 도형으로 만들 수도 있습니다.
Q4 핸들이 안 보여요. A 샤프 노드인 경우 핸들이 아예 없을 수 있습니다. 노드를 클릭하고 드래그하여 핸들을 뽑아내거나, 상단에서 ‘Smooth’ 버튼을 눌러 스무스 노드로 변환하면 핸들이 나타납니다. 또는 스냅 기능 때문에 핸들이 안 보일 수도 있으니 스냅을 끄고 확인해 보세요.
Q5 여러 개의 노드를 한 번에 정렬할 수 있나요? A 네, 가능합니다. 정렬하고 싶은 노드들을 드래그 선택한 후, 상단 메뉴의 ‘Alignment(정렬)’ 아이콘을 클릭하면 가로/세로 정렬, 등간격 정렬 등을 수행할 수 있습니다. 이를 통해 반듯한 수직/수평선을 만들 수 있습니다.