1. Design & Illustration
  2. Typography
  3. Hand Lettering

손 글씨 : 스크립트, 소용돌이 & 장식 곡선

Scroll to top
Read Time: 10 min
This post is part of a series called Hand Lettering Fundamentals.
Hand Lettering: Understanding Types of Type
Hand Lettering: Mastering Brush Script

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

자, 이 튜토리얼은 스크립트 레터링에 대한 나의 사랑과 다양한 메시지를 전달할 수 있는 능력 때문에 아마 개인적으로 좋아하는 것입니다. 이 튜토리얼에서는 비공식(캐주얼 이라고도 함)및 공식 스크립트 레터링의 기본사항을 배우게 됩니다. 결국 스트로크 가중치, 대비, 커닝, 번성, 속도, 각도 및 스크립트 레터링을 개발하는데 사용되는 기타 기술을 파악하게 됩니다.

스크립트 레터링을 먼저 다루어 봅시다. 앞으로 활발하게 같이 진행해 보겠습니다. 시작을 위한 기본 사항을 다루고 장식 및 기타 종들과 휘슬을 추가하여 타이포그래피가 나머지 부분보다 두드러지고 "맞춤"으로 보입니다. 결국, 그것은 "레터링"에 관한 것입니다 : 커스텀과 독특한 손으로 그린 ​​타이포그래피!

사전 튜토리얼 읽기

이 튜토리얼을 실제로 시작하기 전에 아래의 메소드에 대한 전반적인 이해를 돕기 위해 많은 필요한 정보를 모두 제공하고자 합니다.

이 자료는 중급 레벨의 문자를 사용하기 때문에 이 수업을 시작하기 전에 이전 두 과목을 살펴보는 것이 좋습니다. 타이포그래피에 대한 좋은 지식은 유용합니다! 이러한 수업은 여기에서 찾을 수 있습니다 : Hand Lettering: Letterforms at Their Core and Understanding Types of Type.

그래서 정확하게 "스크립트 글자"를 정의하는 것은 무엇입니까? 스크립트, 필기체, 칼리그래피 및 기타 용어는 모두 같은 의미로 사용됩니다. 스크립트는 본질적으로 손의 한 동작에 의해 결합된 문자 양식을 말합니다. 그러나, 이 경우, 우리가 그림을 그릴 것이기 때문에 그것은 연필 획의 빌드업일 것입니다. 서체에서와 같이 한 번의 움직임으로 문자 양식을 완성하기보다는 편지 양식을 개발하고 다듬기 위해 많은 획을 긋습니다.

이제 여러분 중 일부는 궁금해 할 것입니다. 공식과 비공식 스크립트 글자의 차이점은 무엇입니까? 공식 스크립트는 16세기 이후부터 실제로 좋은 일이었을때 좋은 옛날의 필기 기법으로 연결됩니다. 슬프게도, 펜 기법은 기술로 인해 죽어가는 예술입니다. 공립학교(미국에서)는 더 이상 교과 과정의 일부로 초서체를 요구하지 않습니다.

어쨌든, 주제에 관해서는, Roundhand, Spencerian 및 Copperplate와 같은 스크립트는 모두 문자를 구성하는 방법 및 구성 방법 때문에 공식적인 스크립트로 간주됩니다. 그들 모두는 뾰족한 펜과 잉크로 쓰여졌습니다. 이 글자 형태는 특정 경사, 각도 (약 50도 이상 - 펜맨마다 다름), 속도 등을가집니다. 여러분 이 멋진 펜맨쉽을 볼 수 있는 곳이 궁금하다면, 독립 선언서는 Copperplate 스크립트로 작성되었습니다! Coca-Cola 로고는 Spencerian 스크립트의 일부 특성을 포함합니다.

반면에 우리는보다 유연한 비공식적인 스크립트를 가지고 있습니다. 그것은 letterform 구조와 같은 형식 스크립트 내에서 몇 가지 뿌리를 가지고 있지만 그것은 원산지에서 완전히 고유 한 능력을 가지고 있습니다. 전반적인 속도, 구성, 색상, 크기 및 기타 요인은 비공식 스크립트에 따라 다릅니다. 문자 양식의 너비, 각도, 크기, 대비 및 기타 특성을 변경하면 고유 한 비공식 스크립트 문자 양식을 만들 수 있습니다.

이 자습서 중 또는 이후에 스크립트 관련 질문이 있으면 언제든지 물어보십시오! 저는 항상 당신과 더 많은 지식을 공유하고 싶습니다.

이제 시작해 보겠습니다!

1. 필요한 도구 준비

  1. 투사지
  2. 모눈 종이
  3. 연필
  4. PDF 파일(우리가 번성할때를 위해)

우리는 우리의 글자를 많이 다듬을 것입니다! 그래서 많은 양의 투사지가 필요합니다. 문자 양식을 그리기 만하면 되므로 좋아하는 연필, 지우개, 깎기 도구 등그리는데 도움이되는 모든 것을 사용할 수 있습니다.

보는데 편리함을 위해 첨부 된 PDF 파일을 다운로드하십시오. 내 조언은 이 튜토리얼을 완료하는 동안 그것을 앞에 인쇄 할 수 있도록 하는 것입니다 (나중에 채색하는 옵션이 있습니다)!

ScriptLettering-ToolsScriptLettering-ToolsScriptLettering-Tools

2. 정식 스크립트

우리는 공식적인 스크립트 문자 양식을 만드는 기본적인 모양과 획을 이해 함으로써 시작할 것입니다. 이 튜토리얼의 전체 부분에서는 "디자인"이라는 단어를 그리는 데 중점을 둘 것입니다 (모두 소문자). 이 단어에는 나중에 공식적인 레터링 부분에 활용할 수 있는 기본 획이 많이 결합되어 있습니다.

이 단어의 획을 활용하고 그 형성을 이해하면 거의 모든 문자 / 단어를 그릴 수 있습니다. 모두 같은 기본 획으로 구성되어 있기 때문입니다.

각 문자 양식을 구성하는 각 획의 분류를 볼 수 있도록 일부 gif를 제공했습니다. 이러한 스트로크 마스터링은 성공의 열쇠입니다! 시작해봅시다.

1 단계

튜토리얼의 이 부분을 위해 모눈지를 준비하십시오! 이제 글자가 들어갈 베이스 라인, 뚜껑 높이, x 높이를 만들어 보겠습니다. 페이지 중간에서 시작하여 점선을 추가하여 x 높이를 형성하십시오. 다음으로 가운데에서 세 개의 사각형을 위로 세어 라인을 그립니다. 그런 다음 세 개의 사각형을 아래쪽으로 끌어서 선을 그립니다.

붐! 이제 캡 높이, x 높이 및 기준선을 얻었습니다.

ScriptLettering-GuideScriptLettering-GuideScriptLettering-Guide

2 단계

여기에서 우리는 따라야 할 모든 글자에 대해 각도 / 기울기를 설정해야합니다. 하나 또는 두 개의 사각형마다 각진 선 (45도 정도)을 그리십시오. 완료되면 아래 사진과 같이 보입니다.

ScriptLettering-Slope-GuideScriptLettering-Slope-GuideScriptLettering-Slope-Guide

3 단계

좋습니다! 이제 가이드로 모눈지를 준비 했으므로 방금 만든 가이드 위에 빈 용지 조각을 놓으십시오.

이제 단어 디자인의 "d"를 구성하기 시작하십시오. 소문자 "d"에는 두 개의 획이 들어 있습니다. 하나는 타원형 (이것은 "d"의 보울을 형성 함)이고 다른 하나는 줄기입니다. 모눈지의 x 높이까지 타원형을 형성하십시오. 그런 다음 캡 높이까지 늘어나는 줄기를 추가하십시오. 아래 그림과 같이 보일 것입니다.

ScriptLettering-Formal-dScriptLettering-Formal-dScriptLettering-Formal-d

4 단계

"e"로 이동하면이 글자 형식이 동일한 타원형 모양을 사용한다는 것을 알 수 있습니다. "e"의 기울기 / 각도에주의를 기울여 방금 그린 "d"의 각도와 일치시킵니다.

ScriptLettering-Formal-eScriptLettering-Formal-eScriptLettering-Formal-e

5 단계

다음으로, "s"를 다루겠습니다. 이 글자체는 복잡한 구조로 인해 마스터하기가 가장 어려울 것입니다. 보고 싶은 작은 팁 : "s"의 보울은 둥글고 너무 평평하지 않아야합니다. 또한 "s"구조의 맨 위가 x 높이보다 실제로 확장됩니다. 이것은 글자 형태의 음수 공간과 무게의 균형을 다른 것과 비교하는 것입니다. "s"의 꼭대기가 x 높이로 만난다면 오히려 규모가 작아 보일 것입니다.

ScriptLettering-Formal-sScriptLettering-Formal-sScriptLettering-Formal-s

6 단계

자, 이제 우리는 복잡한 "s"를 연습 했으므로 "i"라는 훨씬 쉬운 문자 양식을 그려 보겠습니다. 이것은 본질적으로 반 줄기입니다 ( "d"의 줄기와 비슷하지만 크기의 절반 정도입니다). 성공적인 "i"를 얻으려면 눈의 점과 줄기의 거리에 주의를 기울이십시오. 너무 멀면 주위에 너무 많은 음수의 공간이 생깁니다. 작은 부분의 거리에 의해 생성된 음수의 공간을 보면 황금색이 될 것입니다.

ScriptLettering-Formal-iScriptLettering-Formal-iScriptLettering-Formal-i

7 단계

계속해서,이 "g"는 너무 어렵지 않아야합니다. 크기와 구조면에서 거의 거꾸로된 "d" 입니다. 주의를 기울여야 할 한 가지 점은 "g"의 디센더가 "n"방향으로 위로 올라감에 따라 가중치가 변하다는 것입니다. 이 양식은 연습 후에 쉬운 일 이어야 합니다. 그것은 "g"의 보울을 위한 또 다른 타원형 모양과 디센더를 형성하는 줄기를 포함합니다.

ScriptLettering-Formal-gScriptLettering-Formal-gScriptLettering-Formal-g

8 단계

이것입니다! 우리 단어의 마지막 문자 양식, "n". 이 문자 양식의 구조는 두 개의 스트로크로 구성됩니다. 짧은 줄기 하나 (이 경우 g에 연결됨)와 첫 번째 줄기에 연결된 두 번째 줄기.

ScriptLettering-Formal-nScriptLettering-Formal-nScriptLettering-Formal-n

그리고 아래에 우리의 완성된 단어인 "디자인"이 있습니다. 다시 말하지만 이 단어에서 그린 이 기본 획은 다른 모든 문자 / 단어에 사용할 수 있습니다. 연습을 계속하면 구조를 훨씬 더 이해하게 됩니다! 연습에 관한 전부입니다!

결론

ScriptLettering-Formal-completeScriptLettering-Formal-completeScriptLettering-Formal-complete

완성된 단어에 대해 이상한 점이 있습니까? "g"와 "n"사이의 커닝은 나머지 문자 양식 쌍보다 약간 더 개방적으로 보입니다. 맞습니까? 정식 스크립트를 사용하면 합치기 스트로크를 수용하기 위해 약간 더 큰 공간이 필요합니다. 모든 문자 서식이 급격한 결합이 아닌 coulée (프랑스어 의미, 흐르다는 의미)와 정상적으로 연결되기를 원합니다.

3. 비공식 / 캐주얼 스크립트

1 단계

공식 스크립트에 대해 알고 있는 것을 생각해 보면, 이제는 비공식적인 레터링을 그리기 위한 기본 기술을 적용해 보겠습니다.

이 전체 자습서에서는 같은 문구를 반복해서 그릴 것입니다. 이제 문구가 무엇을 말해야 할지를 결정하는 것은 전적으로 당신의 몫입니다. 그러나, 당신은 나와 같은 문구를 사용하는 것을 환영합니다. 그것은: Bury The Past.

그래서 내가 제공한 위의 구절을 사용하지 않는다면, 시간을내어 브레인 스토밍하거나 노래 가사, 영화 등에서 하나를 검색하십시오.

ScriptLettering-PhraseScriptLettering-PhraseScriptLettering-Phrase

2 단계

대부분의 레터링 프로젝트와 마찬가지로 개념화 및 브레인 스토밍 단계부터 시작하겠습니다. 우리는 타이포그래피가 실제로 최대한의 잠재력을 발휘할 수 있도록 광고 문안을 그리기 시작합니다. 아이디어를 신속하게 스케치하는 가장 좋은 방법은 유형이나 호, 선 등을 활용하여 유형을 살리거나 따르는 것입니다. 아래 예와 같이 일부 아이디어를 스케치하여 선택한 구문에 가장 적합한 레이아웃을 결정하는 데 도움을 줍니다.

이 단계의 프로세스에서는 작은 작업을 시작하여 모든 아이디어를 신속하게 페이지에 적용 할 수 있습니다. 그런 다음 나중에 문자 모양을 미세 조정하기 위해 눈금을 늘립니다.

ScriptLettering-ConceptsScriptLettering-ConceptsScriptLettering-Concepts

3 단계

다음으로, 몇 가지 품종을 스케치 한 후에, 계속 작업을 계속 진행하는 것이 가장 효과적이라고 생각되는 것 중 하나를 선택하십시오. 이 단계에서 필자는 그 글자를 컴퓨터로 스캔하여 더 크게 확장하기 시작했습니다.

따라서 가장 쉬운 방법이 무엇이든간에 컴퓨터로 스캔하여 인쇄하거나 큰 사이즈로 글자를 다시 그립니다.

ScriptLettering-Selected-ConceptScriptLettering-Selected-ConceptScriptLettering-Selected-Concept

4 단계

대규모 레터링을 사용 할 수있게되면 이제 더 세분화 할 수 있습니다. 당신의 글자를 그려서 다시 그릴 준비를 하십시오. 이 단계에서 커닝, 음수의 공간, 연결 및 전반적인 구성을 세부적으로 조정하려고 합니다. 일단 당신이 세련되고, 세련되고, 세련되면, 당신은 당신의 글자의 완성 된 "해골"을 갖게 될 것입니다.

ScriptLettering-Informal-1ScriptLettering-Informal-1ScriptLettering-Informal-1

5 단계

다음으로, 우리는 레터링을 계속 수정하고 대비를 추가 할 것입니다. 이것은 당신이 원하는 어떤 방향으로 글자를 쓸 수 있는 단계입니다. 나를 위해, 나는 정말로 유동적이고 솔질 같은 느낌으로 기울고 있습니다. 나는 좋은 리듬과 독특한 스타일을 통합하여 세로 스트로크에 "박차"를 가하고 싶습니다.

이 시간을 내어 당신의 글자에 무게를 더하십시오. 이것은 당신이 당신의 레터링이 두껍고 얇은 타점 사이에 높은 콘트라스트 또는 낮은 콘트라스트를 가지기를 원하는지 결정하는 곳입니다.

ScriptLettering-Informal-2ScriptLettering-Informal-2ScriptLettering-Informal-2

6 단계

다시 말하지만, 우리는 글자 양식이 완벽해질 때까지 계속 정제 할 것입니다. 이 시점에서, 나는 커닝, 음수의 공간 및 문자 양식 간의 연결에 주의를 기울일뿐만 아니라 가중치를 늘리고 있습니다. 글자에 가중치를 추가하면 모든 변수가 변경됩니다! 당신의의 글자에에 추가하고 있는 여분의 가중치로 너무 어두워지면 글자 형태 사이의 공간을 열어 주십시오.

ScriptLettering-Informal-3ScriptLettering-Informal-3ScriptLettering-Informal-3

7 단계

이전 단계와 이 단계 사이에 많은 차이점을 알지 못할 수도 있습니다. 그러나 당신이 자세히 보면 나는 특정 문자 모양의 커닝과 배치를 바꾸고 있습니다. 보시다시피, 이전 이미지에서 나는 커닝을 열기 위해 나에게 메모를 남겼습니다. 또한 모든 글자체가 같은 각도를 유지하도록 각진 선을 그렸습니다. 색상 (전반적인 양수 및 음수 공간)과 구성이 유동적으로 작동 할 때까지 해당 문자 서식에 더 많은 조정과 세부 조정을 하십시오.

이 시간을 내어 더 많은 조정이 필요한 문자 양식을 다시 그리십시오. 간격이나 연결을 미세 조정하거나 동일한 각도를 따르지 않은 경우 수정해야 할 수도 있습니다.

ScriptLettering-Informal-3ScriptLettering-Informal-3ScriptLettering-Informal-3

8 단계

이것은 내 글자의 마지막 단계입니다! 나는 글자 전체에 고른 균형, 리듬, 그리고 심지어 구도를 가질만큼 글자를 미세하게 조정 했습니다.

완료될 때까지 글자 양식을 깨끗이 다시 그려주십시오. 다시 그리기의 많은 단계 후에, 우리는 자신을 멋지게 구성된 글자 그룹으로 만들었습니다!

ScriptLettering-Informal-4ScriptLettering-Informal-4ScriptLettering-Informal-4

여기에 전체 과정이 있습니다. 세련미에 관한 모든 것입니다!

ScriptLettering-Informal-ProcessScriptLettering-Informal-ProcessScriptLettering-Informal-Process

벡터링은?

컴퓨터에서 글자를 더보고 싶습니까? 일러스트 레이터에서 펜 도구를 더 잘 이해하고 싶습니까? 향후 튜토리얼에서는 이 글자를 사용하여 벡터 형식으로 바꾸는 방법을 진행합니다. 계속 지켜봐 주세요!

4. 번영하기

이 튜토리얼의 이 섹션을 시작하기 전에 기억해야 할 몇 가지 규칙과 사항을 제공하고자 합니다. 가장 먼저, 번영은 자동으로 글자를 향상시키지 않으며, 완성한 모든 글자에 필요하지 않습니다. 다음 번 글자에 번성을 더하는 적절한 시기를 정할 때 주의하십시오.

다음으로 기억해야 할 또 다른 중요한 규칙은 문자 양식의 출입구에서 번창을 추가하는 것입니다. 올라가는 사람과 내려가는 사람은 완벽한 위치입니다. 그러나 당신이 그것을 자연스럽게 일어나는 대신에 자연스럽게 하도록하십시오.

우리가 시작하기 전에 알아야 할 마지막 사항 : 번성은 당신의 글자로 위에서 한 것처럼 균형 잡히고 세련되어야 할 필요가 있는 것입니다. 번성은 긍정적이고 부정적인 공간을 창출하므로 당연히 당신은 자신이 창안한 긍정적이고 부정적인 공간의 균형을 맞춰야합니다. 번성은 번영의 열쇠입니다.

1 단계

우리는 기본적인 번성의 스트로크를 연습하기 시작할 것입니다. 제공된 PDF 파일을 다운로드하여 인쇄하면 기본 스트로크를 볼 수 있습니다. 우리는 단지 스트로크에 집중할 것입니다. 일단 이러한 기술을 정하면, 당신은 당신의 레터링에 그것을 적용 할 수 있습니다.

나선형을 그리기 시작합시다. 인쇄된 PDF 위에 빈 종이를 올려 놓습니다. 당신의 팔과 손목이 수행하는 근육 운동을 박살 낼 때까지 나선형의 움직임을 추적하십시오. 반복해서 연습한 후에는 추적하지 않고 그려보십시오!

ScriptLettering-Flourish-SpiralScriptLettering-Flourish-SpiralScriptLettering-Flourish-Spiral

2 단계

이제 번성한 스트로크와 같은 것을 반복해 봅시다. 인쇄된 참조 시트 위에 새 용지를 놓고 루프 스트로크 추적을 시작하십시오. 추적하지 않고 실천할 때까지 연습하십시오.

이 스트로크를 완성하기위한 핵심은 겹치는 선에 의해 생성된 양수 및 음수 공간의 균형을 맞추는 것입니다. 또한 스트로크의 더 무겁고 가중치가 많은 부분이 스트로크의 경량 부분을 가로 지르는지 확인하십시오. 매우 두꺼운 스트로크가 상호 작용하는 것을 허용하지 마십시오. 다시 말하지만, 균형에 관한 모든 것입니다!

ScriptLettering-Flourish-LoopScriptLettering-Flourish-LoopScriptLettering-Flourish-Loop

3 단계

다음으로 꼬리선을 다루겠습니다. 이것은 정확한 용어가 아니며, 이 특별한 스트로크를 분류하는 나의 방법 일 뿐입니다. 어쨌든, 전에 우리가 했던 것처럼 추적을 시작하십시오. 이 스트로크에 대해 잘 알고 있다면 여러 차례 스트로크 연습을 하십시오. 규모, 명암은 물론 일관성에도 주의를 기울이십시오!

ScriptLettering-Flourish-TailScriptLettering-Flourish-TailScriptLettering-Flourish-Tail

4 단계

계속해서 우리는 s- 곡선을 연습할 것입니다. 그것은 충분히 간단하게 보일지도 모르지만, 미묘한 높이의 변화뿐만 아니라 무게의 미묘한 변화를 지켜보십시오. 이전처럼 우리가 기술을 잘 이해할 때까지 이 스트로크를 반복 연습하십시오.

ScriptLettering-Flourish-SCurveScriptLettering-Flourish-SCurveScriptLettering-Flourish-SCurve

5 단계

마지막으로 그림 8의 스트로크를 연습해 봅시다. 이것은 스트로크 교차점에 주의를 기울일 뿐만 아니라 모든 것을 균형 잡을 필요가 있기 때문에 더 복잡한 스트로크 중 하나입니다. 루프와 마찬가지로 선이 교차할 때 선의 가중치를 확인하십시오. 프리 핸드를 추적하거나 연습함으로써 이들 중 몇 가지를 그리는 연습을 해보십시오!

ScriptLettering-Flourish-Figure8ScriptLettering-Flourish-Figure8ScriptLettering-Flourish-Figure8

6 단계

이 기술을 다음 글자에 적용하십시오!

Bury The Past 작품에서 소문자의 종료 스트로크에서 연장되는 과장된 s- 커브가 번창하고 있음을 눈치 챘을 것입니다. 이것은 강제로 사용하는 대신 "자연스럽게" 번성하는 것을 의미합니다. 단순한 S 커브가 번성하여 음수 공간의 균형을 유지하고 전반적인 구성을 훨씬 좋게 만들기 위해 모든 것을 적절하게 맞춥니다.

Bury the Past finished compositionBury the Past finished compositionBury the Past finished composition

결론

확실히 어렵습니다. 그렇죠? 연습과 반복은 성공의 열쇠입니다! 계속 추적하고 도면을 유지하고 정제를 계속하면 진행 상황을 확인할 수 있습니다. 스크립트 레터링은 모든 기능을 완벽하게 파악하기 위해 수년간의 연습이 필요하므로 절대로 실망하지 마십시오. 궁금한 점이 있으시면 언제든지 아래 게시하십시오. 당신을 도와 드릴 수 있습니다. 행운을 빕니다!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads