펜 도구

Vectornator는 많은 디자이너와 일러스트레이터가 선택한 창의적인 무기입니다. 펜 도구는 가장 강력하고 사용자 친화적인 측면 중 하나입니다. 벡터 디자인에서 기본적이지만 복잡해 보이는 이 도구를 사용하는 방법에 대한 가장 중요한 팁을 단계별로 소개합니다.

이 튜토리얼이 끝나면 기준점 추가 또는 삭제부터 베지어 곡선을 사용하여 아름다운 모양을 만드는 펜 도구의 모든 기능을 편안하게 사용할 수 있습니다. 이러한 기본 사항을 배우는 데는 시간이 걸리고 마스터하는 데는 더 오래 걸릴 수 있습니다. 그러나 모든 좋은 것은 연습과 함께 제공되며 펜 도구도 예외는 아닙니다.

이 도구를 알고 있다고 느끼면 벡터 일러스트레이션 기술은 상상력에 의해서만 제한될 것입니다. 시작하겠습니다!

펜 도구란 무엇입니까?

펜 도구를 사용하면 앵커 포인트를 정의하고 각 앵커에 연결된 두 개의 핸들을 조작하여 이러한 앵커 포인트와 관련된 곡선을 조정할 수 있습니다. 걱정하지 마세요!

그러나 기본적으로 펜 도구를 사용하면 개별 세그먼트 또는 완전한 모양으로 사용할 수 있는 직선 또는 곡선 경로를 만들 수 있습니다. Vectornator에서 벡터를 만드는 가장 직접적인 방법입니다.

언제제스처

몇 가지 멋진 추가 기능이 있습니다. 삶을 더 쉽게 만들기 위해 메뉴를 사용하지 않고 다양한 종류의 기준점과 경로를 얻을 수 있는 방법은 다음과 같습니다.

#1 - 손가락 하나(더)를 잡고

새 그림을 그리는 동안 펜 도구로 선을 그은 상태에서 캔버스 위에 (두 번째) 손가락을 대고 이전 노드를 연결 끊김 유형(4) 으로 변경합니다. 연결이 끊긴 노드를 사용하면 핸들을 독립적으로 제어하고 다음 곡선의 방향과 호를 변경할 수 있습니다.

#2 두(더) 손가락 잡기

두(더) 손가락 잡기 캔버스에 노드 핸들 모두에 45º 스냅을 활성화합니다. 이렇게 하면 미러 노드(2)를 달성하는 데 도움이 될 수 있습니다.

#3 세(더) 손가락 잡기

캔버스에 세(더) 손가락을 대면 핸들 하나만 45º 스냅 .

#4 두 번 탭

선택한 앵커 포인트를 두 번 탭하여 해당 노드를 단일 노드 유형(1).

기본 설정 지정

펜 도구 및 기타 사용에 영향을 미치는 기본 설정에 액세스할 수 있습니다. 내비게이션 바(왼쪽 상단) 내부의 문서 설정으로 이동하여 관련된 도구.

• 격자에 맞추기. 그리드에 맞추기 기능을 활성화하면 아름다운 기하학적 구성을 쉽게 만들거나 수평/수직 직선 경로를 만드는 데 도움이 될 수 있습니다.
• 지점에 맞추기. Snap to Point를 활성화하면 도움이 될 것입니다.다음(또는 기존) 지점을 다른 지점에 스냅할 수 있습니다. 이것은 복잡한 일러스트레이션이나 아름다운 레터링 디자인을 만들 때 정말 유용할 수 있습니다.

더 많은 펜 도구 연습

1. 직선 세그먼트와 곡선 세그먼트 결합

이것은 표면적으로 어려워 보이는 일반적인 펜 도구 연습입니다. 하지만 아주 쉬운 방법이 있습니다.

간단한 직선 구간으로 시작하세요. 이것은 쉬워요. 펜 도구를 사용하여 한 번 탭한 다음 수평으로 직선으로 다시 탭하십시오. 계속 탭하여 곡선의 가장 높은 지점을 만든 다음 다시 탭하여 곡선이 끝나는 지점을 정의합니다. 우리는 당신이 무엇을 생각하고 있는지 알고 있습니다. 당신은 곡선처럼 보이지 않는 매우 날카로운 모양을 만들었습니다. 하지만 여기서 마법이 일어납니다.

가장 높은 노드를 두 번 탭하세요. 이제 노드 유형이 단일에서 비대칭으로 변경되었습니다. 스타일 탭에서 노드를 비대칭에서 대칭으로 다시 변경합니다. 그런 다음 원하는 모양이 될 때까지 핸들을 수평으로 당깁니다. 최대값까지 드래그하면 C자형 곡선 또는 완벽한 반원이 생성됩니다.

이제 두 번째 반원에 대해 동일한 작업을 수행합니다.

설명하는 짧은 동영상을 확인하세요. 단 19초 만에 위와 같은 작업을 수행할 수 있습니다.

이 직선 경로와 곡선 경로의 조합은 펜 도구의 작동 방식을 배울 수 있는 좋은 방법입니다.

2. 베지어 게임 - 펜 도구 기술을 연습하는 재미있는 방법

IfPen Tool로 작업하는 것을 더 연습하고 싶다면 반드시 The Bézier Game을 확인해야 합니다. 자유로운 형태의 곡선을 만들어 펜 도구를 마스터하는 데 도움이 되는 무료 온라인 게임입니다.

특히 초보자에게 좋은 연습이 되며 기본 사항을 훨씬 쉽게 배울 수 있습니다.

삼. 나만의 타이포그래피 만들기(고급)

펜 도구의 요령을 터득한 후에는 나만의 맞춤 타이포그래피를 만들어 연습하는 것이 좋습니다. 글자를 쓰는 동안 다양한 노드 유형과 곡선 경로를 만드는 흥미로운 방법을 깊이 파고들 것입니다.

Will Paterson이 다음 글꼴을 사용하여 다음 글꼴을 만드는 방법을 정확히 보여주는 이 비디오 자습서를 꼭 시청하십시오. Vectornator의 펜 도구:

펜 도구로 작업하는 것은 본질적으로 직관적인 프로세스가 아닙니다. 하지만 놀라운 디자인을 만드는 데 도움이 됩니다. 모든 팁을 실행에 옮기면 금방 배울 수 있습니다.

Vectornator는 펜 도구를 배우는 가장 쉽고 직관적인 방법 중 하나입니다. Adobe Illustrator와 달리 Vectornator는 고유한 고유한 느낌, 훨씬 더 깔끔한 인터페이스, 학습 과정에 엄청난 도움이 될 많은 보조 기능을 제공합니다.

여러분의 디자인을 저희와 공유하는 것을 잊지 마세요. 우리의 멋진 커뮤니티가 무엇을 하고 있는지 보고 싶습니다! ♡

펜 도구를 사용하기 전에 사용법에 대해 이해해야 할 사항이 있습니다.

펜 도구는 연필, 손가락을 드래그하는 곳마다 그림이 그려지지 않습니다. , 또는 마우스, 브러시 또는 연필 도구와 같습니다. 캔버스에서 연필을 탭하고 드래그하면 두 개의 핸들이 회전하는 앵커 포인트 하나가 나타납니다. 손을 떼면 캔버스를 다시 탭할 때까지 아무것도 연결되지 않는 곡선 경로가 나타납니다. 익숙하지 않으면 이상한 동작입니다!

또한 원, 직사각형 또는 별과 같은 완벽한 모양을 만드는 데 펜 도구가 필요하지 않습니다. 이를 위한 모양 도구가 있습니다. Vectornator의 모양 도구를 사용하면 직사각형, 원, 다각형 또는 직선 세그먼트와 같이 상상할 수 있는 기본 모양을 만들 수 있습니다. 이 방법으로 그리는 것이 훨씬 쉽습니다.

그러나 펜 도구는 곡선을 그릴 때 완전한 정밀도를 얻는 데 환상적입니다. 벡터 일러스트레이션의 예술을 마스터하기 위해 배워야 할 많은 도구와 기술이 있지만 수동으로 자유 경로나 모양을 만드는 방법을 아는 것보다 더 중요한 것은 없을 것입니다.

펜 도구는 특히 이미지의 정확한 경로를 추적하고 래스터 그래픽을 벡터로 변환하는 것과 같은 작업에 유용합니다. 또는 배경 제거를 위해. 그러나 그것은 또한 수동으로 만들 수 없는 사용자 지정 모양을 만드는 데 유용합니다.다른 도구를 사용하여 다시 만들 수 있습니다.

예를 들어, 로고나 맞춤 서체로 변환할 수 있는 세련된 글자 조각을 만들 수 있습니다.

벡터 경로의 해부학

펜 도구는 경로를 그립니다.

해부학적으로 경로는 선이나 곡선의 모양을 특징짓는 수학 공식으로 정의됩니다. 베지어 곡선이라고도 합니다.

곡선을 제어하는 ​​방법에 따라 다양한 유형의 베지어 곡선이 있지만 그래픽 소프트웨어에서 가장 일반적으로 사용되는 것은 "큐빅-베지어"입니다. Vectornator도 예외는 아닙니다. 이것이 의미하는 바는 무엇입니까?

베지어 곡선은 노드라고도 하는 벡터 점에서 확장되는 핸들에 의해 생성됩니다. 각 핸들 끝에는 조정 지점이 있으며 이 지점을 당기면 핸들이 경로를 바깥쪽으로 곡선으로 끌어당기는 것처럼 보입니다.

베지어 곡선의 "내부"에서 실제로 어떤 일이 발생하는지 알아보려면 다음 동영상을 시청하세요.

경로는 단순한 호처럼 열려 있거나 둘 중 하나일 수 있습니다. , 또는 폐쇄, 원처럼. 열린 경로의 경우 경로의 시작과 끝에 있는 앵커 포인트를 끝점이라고 합니다.

노드 유형

Vectornator에서 노드 유형에 따라 경로는 특정 모양.

노드에는 네 가지 유형이 있습니다.

단일 노드 유형(1) 은 경로가 갑자기 방향을 바꿉니다. 만들기에 매우 유용합니다.날카로운 모서리 또는 날카로운 모양. 이 노드 유형은 곡선을 만들지 않기 때문에 핸들이 없다는 점에 유의하십시오.

대칭 노드(2) 는 부드러운 곡선을 정의합니다. 점의 양쪽에서 대칭입니다.

반대로 비대칭 노드(3) 에 의해 정의된 경로는 그렇지 않습니다.

연결이 끊긴 노드(4), 노드를 둘러싼 각 핸들을 서로 독립적으로 제어할 수 있습니다. 그리고 가능한 적은 수의 노드로 복잡한 모양을 만드는 환상적인 방법입니다.

다른 색상의 노드?

이 기능은 디자이너와 일러스트레이터의 창작 과정을 돕기 위한 Vectornator 전용 기능입니다.

아이디어는 매우 간단합니다. 시작 노드는 녹색, 끝은 빨간색, 나머지는 파란색입니다. 이 새로운 색상 코딩 시스템을 사용하면 벡터 경로에 어떤 일이 일어나는지 더 쉽게 이해할 수 있습니다.

펜 도구 사용 방법

키보드를 사용하는 경우 단축키 "P"를 사용하여 펜 도구를 활성화할 수 있습니다.

하지만 키보드 없이 iPad 또는 iPhone에서 작업하는 경우 도구 모음에서 펜 도구 아이콘을 누르기만 하면 됩니다. Vectornator의 도구 모음에서 기본 선택 도구,텍스트 도구, 가위 도구, 브러시 도구, 사각형 도구, 타원 도구 등

펜 도구는 손가락이나 Apple Pencil로 사용할 수 있습니다.

다음 부분에서 자습서에서는 iPad에 중점을 두지만 펜 도구가 다른 장치에서 작동하는 방법에 대한 자세한 내용은 항상 학습 허브 섹션을 참조할 수 있습니다.

직선 경로부터 시작하겠습니다

캔버스를 탭하여 첫 번째 기준점을 추가합니다. 다시 탭하면 다른 기준점을 추가하고 방금 만든 두 지점 사이에 선이 생성됩니다. 방금 매우 기본적인 경로인 선을 만들었습니다.

하지만 계속 탭하면 모서리가 뾰족한 모양 경로를 형성하기 위해 새 기준점을 계속 만들 수 있음을 알 수 있습니다.

앵커 포인트 중 하나를 선택하면 단일 노드 유형(1)이므로 핸들이나 방향선이 표시되지 않습니다.

직선 패스를 닫는 방법

패스를 닫는 것은 쉽습니다.

패스를 닫으려면 두 끝점 중 하나에 펜 도구를 놓고 한 번 탭합니다. 그런 다음 다른 끝점을 다시 탭합니다. 이제 다각형이 남습니다.

경로를 열어 두려면 다른 도구를 선택하거나 아무 곳이나 탭하면 됩니다. 메뉴.

직선 경로로 도형을 만드는 방법

완벽하게 수평 또는완벽한 정사각형을 그리고 싶기 때문에 수직선. 그런 다음 경로를 캔버스의 X 또는 Y축에 고정해야 합니다.

그렇게 하려면 수직 그리드를 활성화한 다음 그리드에 스냅 설정을 활성화하기만 하면 됩니다. 교차하는 그리드 선을 노드의 시작점으로 사용한 다음 손가락이나 연필로 수평, 수직 또는 대각선으로 탭하여 직선과 직각을 만듭니다.

만들기가 쉽지만 직선 경로 세그먼트를 그렇게 자주 사용하지 않을 것임을 알게 됩니다. 언급했듯이 모양 도구를 사용하여 완벽한 모양을 만들 수 있습니다. 그러나 벡터를 사용하여 디자인하는 방법을 선택하는 것은 귀하에게 달려 있습니다.

그럼에도 불구하고 직선 벡터 선의 요령을 터득하는 것은 훌륭한 첫 번째 교훈입니다. 이제 연습할 준비가 되셨나요?

직선 펜 도구 연습

디자인 근육을 작동시켜 봅시다!

이것은 당신의 방법을 쉽게 할 수 있는 매우 쉬운 연습입니다. 펜 도구로 만들 수 있는 더 복잡한 모양으로. 펜 도구 사용의 핵심은 연습 또 연습입니다.

새 Vectonator 문서를 만들고 다음을 수행합니다.

• 지그재그로 열린 경로 그리기
• 첫 번째 기준점이 끝점이 되는 삼각형과 다각형의 닫힌 경로를 그립니다.
• 직사각형, 사각형 및 다이아몬드 모양을 그립니다.

우리가 아래에 그렸습니다. 방법을 배우기 전에 복제해 보십시오.곡선을 그립니다. 자유롭게 창의력을 발휘하고 사용자 정의 색상이나 그라데이션 색상을 사용하여 모양에 생기를 더하세요!

곡선 경로로 이동

곡선 경로 만들기는 펜 도구의 탁월한 기능입니다. at.

Apple Pencil이나 손가락으로 한 번만 탭하면 되는 직선 부분과 달리 곡선 경로는 방향 핸들을 탭하고 드래그하여 생성됩니다.

첫 번째 곡선의 시작점을 설정하려면 캔버스를 한 번 탭하기만 하면 됩니다. 연필이나 손가락을 드래그하면 곡선의 방향과 호가 결정됩니다.

손가락이나 연필을 캔버스 밖으로 떼면 두 번째 점의 방향을 선택하고 다시 드래그하면 두 노드 사이에 곡선 경로가 어떻게 그려지는지 확인할 수 있습니다.

핸들에 따라 얕은 곡선 또는 깊은 곡선을 만들 수 있습니다. 다양한 모양을 만드는 방법을 이해하려면 핸들을 드래그하는 방법을 실험해 보십시오.

다른 동작 없이 단순히 탭하고 드래그하면 Vectornator가 자동으로 비대칭 노드(3)를 생성합니다. 이것은 "노드 유형"이 나타나는 스타일 탭의 상단에서 강조 표시됩니다.

곡선 경로를 닫는 방법

추가 경로를 계속 생성하는 경우 간단히 닫을 수 있습니다. 만든 첫 번째 노드를 한 번 탭하여 모양을 만듭니다.

하지만 캔버스에 기존 열린 경로가 있다고 가정해 보겠습니다.당신이 닫고 싶은. 그런 다음 노드 및 펜 도구 콤보를 사용해야 합니다. 먼저 노드 도구로 전체 경로를 선택합니다. 그런 다음 펜 도구를 활성화하고 닫으려는 두 개의 앵커 포인트 중 하나를 누릅니다. 그런 다음 연결하려는 다른 앵커 포인트를 탭하기만 하면 됩니다. 이제 닫힌 경로가 있습니다.

이를 수행하는 또 다른 매우 간단한 방법은 열린 경로를 선택한 다음 경로 탭으로 이동하고 "닫기" 아이콘(열린 사각형)을 탭하는 것입니다. 가장 아래 레이어에 있는 실제 경로는 해당 위치에 유지되지만 그 위의 경로는 함께 맞춰 이동한다는 점에 유의하세요.

또한 인접한 패스 세그먼트가 없거나 앵커 포인트가 겹치지 않는 경우 Vectornator는 자동으로 새 선 세그먼트를 추가하여 패스를 연결합니다.

이 모든 것은 직선 패스를 닫는 경우에도 마찬가지입니다. .

곡선 경로 편집 방법

곡선 경로 세그먼트를 편집할 수 있는 몇 가지 방법이 있습니다.

• 노드 이동 . 경로에서 하나의 노드를 선택하고 결과 곡선에 만족할 때까지 캔버스 주위로 노드를 이동합니다. 손가락이나 Apple Pencil로 드래그하여 이동할 수 있습니다. 또는 캔버스의 오른쪽 하단에 있는 미니 조이스틱으로. 세 번째 방법은 정렬 탭에서 개체의 XY 좌표를 변경하는 것입니다.
• 핸들 변경 . 경로에서 하나의 노드를 선택하고결과 곡선에 만족할 때까지 핸들의 방향과 길이를 변경합니다.
• 노드 삭제 . 노드를 삭제하면 경로가 자동으로 변경되는 방식을 알 수 있습니다. 더 적은 수의 노드가 더 부드러운 모양과 연속적인 곡선으로 변환됩니다. 노드를 삭제하는 것은 요소의 모양을 크게 변경하는 좋은 방법이며 모양에 만족하면 모양의 컨트롤을 단순화하는 좋은 방법이기도 합니다. 마지막으로 아트웍에서 원치 않는 범프를 제거할 수 있습니다. 노드를 삭제하려면 삭제할 노드를 탭한 다음 작업 표시줄에서 삭제 버튼을 탭하면 됩니다. 또는 경로 탭을 열고 기준점 삭제를 누릅니다.
• 노드 추가 . 경로를 한 번 탭합니다.
• 노드 유형 변경 . 모서리 반경을 조정하고 필요한 모양을 얻기 위해 다양한 유형의 노드 중에서 선택할 수 있습니다.

노드 유형 변경 방법

노드를 변경할 수 있습니다. 스타일 탭에서 사용 가능한 다른 옵션을 탭하여 간단히 입력하세요.

노드와 그에 따라 현재 경로가 어떻게 변경되는지 확인할 수 있습니다.

예를 들어, 기준점을 탭하고 스타일 탭에서 단일 노드(1)를 선택하여 노드 유형을 변경하면 곡선 세그먼트를 다시 직선으로 변경할 수 있습니다. 정말 쉽습니다!

그러나 더 많은 비결이 있습니다!

펜 도구