손 글자를 벡터화

Illustrator에서 언제나 조정할 수 있는 매우 거친 손 글씨의 초기 스케치가 필요합니다. 스케치는 참조 용입니다. 우리는 소프트웨어에서 언제든지 조정할 수 있습니다. 스케치를 스캔하여 Illustrator로 가져온 다음 펜 도구 (P) 를 사용하여 스케치를 시작합니다.

여기에 내 손 글씨가 있습니다. 당신은 자신의 손으로 만든 편지나 복사물을 사용할 수 있습니다.

We need an initial sketch of a hand lettering which can be quite rough as we can always adjust it on Illustrator. The sketch is only for a reference; we can tweak it anytime in the software. We're going to scan the sketch and import it to Illustrator and then begin tracing it using the Pen tool (P).

Here's my hand lettering. You can use your own hand made letters or copy mine.

기본 개념

1 단계

새 문서를 만들고 스캔하거나 사진 찍어서 올린 레터링 아트 파일을 Illustrator로 가져옵니다.

파일> 장소 (파일 선택).

Basic concepts

Step 1

Create a new document and Import your scanned lettering art to Illustrator.

File > Place (select your file).

2단계

이 가져온 이미지는 추적하는 데 도움이 됩니다. 레이어를 "배경 이미지" 또는 의미 있는 것으로 이름을 바꿉니다 .

이 레이어의 불투명도를 줄이면 펜 도구를 더 잘 볼 수 있습니다. 레이어를 잠급니다.

Step 2

This imported image will help you to trace on it. Rename the layer as “background image” or anything that makes sense.

Reduce the opacity of this layer for a better visibility of your pen tool. Lock the layer.

3단계

새 레이어를 만들고 와 배경 이미지를 추적을 시작 펜 도구 (P) . 

1. 펜 도구 (P) 를 선택합니다.

Step 3

Create a new layer and start tracing the background image with the Pen tool (P).

1. Select the Pen tool (P)

2. 펜 도구를 커브를 시작할 위치에 놓습니다. 그런 다음 펜 도구를 곡선 세그먼트를 끝낼 위치에 놓습니다. C 자형 커브를 만들려면 핸들을 이전 선의 반대 방향으로 끕니다. 그런 다음 마우스를 놓습니다.

2. Position the Pen tool where you want the curve to begin. Then position the Pen tool where you want the curve segment to end. To create a C‑shaped curve, drag the handles in the opposite direction to the previous line. Then release the mouse.

3. 마찬가지로 S 자형 커브를 만들려면 이전 선과 같은 방향으로 드래그하고 마우스를 놓습니다.

3. Similarly, to create an S-Shaped curve, drag in the same direction as the previous line and release the mouse.

벡터화

1단계

앵커 포인트 도구 (Shift + C)를 사용하여 앵커 포인트를 계속 조정 하여 스케치와 가장 잘 일치시킵니다. 항상 닫힌 경로마다 별도의 레이어를 만드는 것이 바람직하며 나중에 필요할 경우 병합할 수 있습니다.

Vectorization

Step 1

Keep adjusting the anchor points with the Anchor Point tool (Shift + C) to best match the sketch. It's always preferable to make a separate layer for each closed path and we can merge them later if needed.

가능한 한 앵커 포인트를 적게 사용하여 모양을 만듭니다. 앵커 포인트가 적으면 더 부드러운 커브를 만듭니다.

 "앵커 포인트 도구 추가"(+) 를 사용하여 커브의 방향이 변경되는 앵커 포인트를 추가하십시오 .

배경 이미지보다 더 잘 보이도록 윤곽선을 붉은색으로 그립니다. 나중에 다른 색상으로 변경할 수 있습니다.

Use as few anchor points as possible to create your shape. Fewer anchor points make a smoother curve.

Add anchor points where there is a change in direction of the curve using the “Add Anchor point tool” (+).

I'm drawing the outlines in a red color for better visibility over the background image. We can change it to a different color later.

윤곽선을 그린 후에 "i", "r", "t", "h", "d", "a" 및 "y" 안에 그 작은 경로를 그리고 Pathfinder 옵션을 사용하여 그들을 병합해야 합니다. 단일 경로.

After drawing the outlines, we need to draw those little paths inside the "i", "r", "t", "h", "d", "a" and "y" and use the Pathfinder option to merge them into a single path.

2 단계

모든 내부 경로를 외부 경로와 같은 레이어에 그립니다. 내 예에서는 경로를 다른 색상으로 그려서 볼 수 있습니다. 안쪽과 바깥쪽 레이어를 단일 경로로 병합해야 색상을 지정할 수 있습니다.

Step 2

Draw all the inner paths in the same layer as the outer path. In my example, I'm drawing those paths in a different color so you can see them. We need to merge the inner and outer layers into a single path so that we can color them.

3 단계

이제 각각의 내부 경로를 따로 선택하고 Pathfinder> Divide로 이동해야 합니다.

Step 3

Now, we need to select each inner path separately and go to Pathfinder > Divide.

내부 경로를 먼저 선택하고 외부 경로를 선택한 다음 Pathfinder> 나누기를 클릭하는 것을 잊지 마십시오.

Don't forget to select the inner path first and then the outer path and then click on the Pathfinder > Divide.

이 과정이 끝나면 내부 경로 색상이 외부 경로의 색상으로 자동 변경되어 경로가 병합되었음을 나타냅니다. 모든 내부 레이어에 대해 이를 반복합니다.

After this process, the inner path color automatically changes to the color of the outer path, which shows that the paths are merged. Repeat this for all the inner layers.

착색

1 단계

윤곽을 그린 후, 모든 레이어 선택-> 선택 도구 (V) 와 (x)는 충전을 더블 클릭하고 원하는 색상을 선택합니다.

Colouring

Step 1

After drawing the outlines, select all the layers with the selection tool (v) and double click on the fill (x) and select the color you like.

제 경우에는 Stroke (X)를 제거하고 아래의 색으로 채웁니다.

In my case, I removed the Stroke (X) and filled with this color.

2 단계

자, 더 매력적으로 보이도록 몇 가지 하이라이트를 추가하겠습니다.

현재 레이어를 잠급니다. 새 레이어를 만들고 하이라이트를 그리기 시작하십시오.

하이라이트를 그리는 가장 좋은 방법은 빛이 특정 방향에서 디자인에 빛나는 것처럼 상상하는 것입니다.

Step 2

Now, let's add some highlights to make it more appealing.

Lock the present layer. Create a new layer and start drawing the highlights.

The best way to draw highlights is to imagine as though the light is shining on your design from a specific direction.

펜 도구를 사용하여 강조 표시 경로를 그립니다. 더 밝은 그라디언트 색상은 하이라이트에 적합합니다.

Draw the highlight paths using the Pen tool. A lighter gradient color works well for highlights.

마지막 단계

각 문자에 하이라이트를 채우고 적절한 색상으로 배경 레이어를 추가합니다. ( 텍스트 레이어 아래의 레이어에 사각형 만들기 )

Final Step

Complete drawing the highlights to each letter and add a background layer (create a rectangle in the layer below the text layers) with a suitable color.