#1e1e1e

illustrator

초보자를 위한 커닝의 기초

커닝은 문자 간격을 조정하여 문자를 읽기 쉽게 합니다. 커닝을 사용하여 디자인의 완성도와 타이포그래피의 가독성을 높이는 방법을 살펴보세요.

Illustrator 살펴보기

좋은 커닝과 잘못된 커닝을 보여주는 텍스트 이미지

타이포그래피를 위한 커닝 기법

디자인은 겉으로는 단순해 보일지 몰라도 중요한 세부적인 요소가 많이 담겨 있습니다. 그중 하나가 바로 커닝입니다. 커닝을 효과적으로 사용하면 타이포그래피의 미적인 측면과 메시지 전달을 강화할 수 있습니다. 독자가 커닝이 조정되었음을 알아채지 못하면 성공한 것입니다.

디자이너 Madeline DeCotes는 “글자는 생각보다 신경 써야 할 요소가 많습니다”라고 말합니다.

#ebeefa

커닝이란?

커닝이란 개별 글자 또는 문자의 간격을 말합니다. 단어 전체의 글자 간격을 동일하게 조정하는 자간과 달리, 커닝은 문자가 어떻게 보이는지에 중점을 두면서 가독성이 높고 보기 좋은 텍스트를 만듭니다. 서체 디자인에서 각 글자 또는 글자 쌍 사이에 간격을 두지만, 예상하지 못한 방식으로 서체를 사용한다면 이러한 간격이 항상 잘 어울리는 것은 아닙니다. 이때 수동 커닝이 필요합니다. 미학의 기준은 보는 사람에 따라 다르기 때문에, 커닝 작업은 그때그때 다릅니다.

DeCotes는 “커닝은 매우 주관적인 예술 형식입니다. 한 단어 안의 글자 간격을 보면서 공간이 충분한지, 간격이 너무 넓은지, 글자가 너무 붙어 있는지 생각해야 합니다”라고 설명합니다.

#ebeefa
두 가지 방법으로 커닝을 보여주는 단어

커닝이 필요한 경우

직접 커닝을 조정해야 하는 상황은 많습니다. 잡지 페이지의 단락과 같이 작은 포인트가 잘 맞는 텍스트는 기사 헤드라인이나 광고판처럼 더 큰 크기의 텍스트에는 어울리지 않을 수 있습니다. 텍스트 크기가 작을수록 가독성을 유지하기 위해 문자 간격을 넓게 해야 합니다. 문자 간격을 수동으로 줄이지 않고 텍스트 크기를 확대하면 결과가 마음에 들지 않을 것입니다.

글꼴의 자동 커닝이 적합하지 않은 또 다른 예로 로고가 있습니다. 로고를 디자인할 때는 간판, 웹 사이트, 머그잔, 연필 등 다양한 용도를 염두에 두고 커닝을 조정해야 합니다.

DeCotes는 “디자이너가 아닌 이상 포스터, 광고판, 웹 사이트, 헤드라인의 큰 텍스트를 볼 때 글꼴의 커닝이 신중하게 조정되었음을 모릅니다”라고 말합니다.

인터넷에서 무료로 다운로드할 수 있는 글꼴은 기본 커닝(메트릭 커닝)이 전문적으로 설정되어 있지 않기 때문에 디자인 시 문제가 될 수 있습니다. 디자이너 Nick Escobar는 무료 글꼴은 아마추어가 제작하는 경우가 많다고 언급하며, “커닝이 좋지 않아 수동 조정이 필요합니다”라고 말합니다.

Escobar는 “글꼴의 완성도와 아티스트의 숙련도가 높을수록 커닝을 조정하지 않아도 됩니다”라고 말합니다.

커닝 조정을 위한 튜토리얼

커닝을 배우는 방법으로 연습과 반복을 통해 안목을 기르는 것이 가장 좋지만, 전문 지식을 활용하는 것도 타이포그래피를 개선하는 데 중요합니다. BehanceAdobe YouTube 채널을 통해 더 많은 것을 배우고 다른 아티스트로부터 영감을 얻을 수 있으며, 기사를 통해 기술적 노하우를 얻을 수도 있습니다. 스킬을 쌓는 데 도움이 되는 다음 튜토리얼을 확인하세요.

한 단어의 서로 다른 줄 간격을 보여주는 인포그래픽

Adobe Illustrator에서 줄과 문자의 간격 조정

Illustrator에서의 커닝 작업을 자세히 살펴보고 자간, 기준선, 행간 등 타이포그래피와 관련된 개념을 알아보세요.

자간과 커닝의 차이점을 보여주는 예시

Adobe InDesign의 커닝 및 자간

InDesign에서 작업하기 위한 키보드 단축키와 메트릭 커닝, 수동 커닝, 광학 커닝의 차이점을 살펴보세요.

맞춤형 텍스트 조정을 통해 다양한 스타일로 디자인한 'and’ 단어

OpenType을 사용하여 자유롭게 글꼴 변경

OpenType 글꼴을 사용하여 문자를 자유롭게 조정하는 방법을 알아보세요. OpenType에서 활용할 수 있는 기능으로는 합자, 스와시 문자, 상황에 맞는 대체 문자 등이 있습니다. 문자를 직접 조정할 때 커닝 설정이 어려울 수 있습니다. Adobe Fonts를 통해 다양한 OpenType 글꼴을 찾아보세요.

장식품 옆에 놓인 글자 기반의 아트 디자인 액자

Illustrator에서 글자 기반의 아트 제작

단계별 튜토리얼에서 맞춤 커닝과 OpenType 글꼴 조정을 통해 타이포그래피 아트를 만드는 방법을 살펴보세요.

#ebeefa

커닝 활용하기

커닝에 대한 정해진 규칙이 없기 때문에, 로고 디자인이나 편집 작업 시 문자를 더욱 창의적으로 사용할 수 있습니다. 따라서 커닝을 활용하여 디자인의 느낌과 분위기를 살리세요.

디자이너 Jimmy Presler는 “로고에 재미있는 모양이나 에너지를 더하고 싶다면 커닝을 다양하게 실험하면서 글씨체가 어떻게 상호 작용하는지 확인하세요”라고 말합니다. FedEx 로고를 예로 들어보면, 글자 사이의 네거티브 스페이스로 형성된 화살표가 숨어 있습니다.

DeCotes는 의도적인 커닝의 또 다른 예로 Nike를 언급합니다. “클래식한 'Just Do It' 광고를 보면 글자가 너무 가까이 붙어 있어서 기본 글꼴처럼 보이지 않습니다. 이렇게 커닝을 조정하지 않았다면 강렬한 인상을 주지 못했을 것입니다”라고 그녀는 말합니다.

다시 말해, 커닝의 유연성을 최대한 활용하세요. 창의력을 발휘하다 보면 느낌과 분위기, 심지어 문자의 의미까지도 조정하는 새로운 방법을 찾을 수 있습니다.

Presler는 “펑크록, 재즈, 클래식을 듣는 것처럼, 문자 간격에 따라 다른 느낌을 받게 됩니다”라고 설명합니다.

커닝 팁

커닝은 주관적이지만, 스킬 향상에 도움이 되는 전문가의 팁을 확인하세요.

1. 작업 영역을 나누세요. 두 글자씩 작업하는 것이 좋습니다. 커닝 쌍을 분리하면 조정이 필요한 부분을 더 쉽게 찾을 수 있습니다.

2. 다른 사람의 피드백을 받으세요. 처음에는 오류를 직접 발견하기가 쉽지 않습니다. Escobar는 “처음 시작할 때는 다른 사람의 의견을 구하세요”라고 조언합니다.

3. 작품을 멀리서 바라보세요. 아무리 경험이 많더라도 작업에서 거리를 두고 바라볼 줄 아는 것이 중요합니다. Presler는 “모든 것을 완벽하게 만들기 위해 세부 사항에 너무 빠질 수 있으니, 작업한 후에는 잠시 떨어져 보세요”라고 말합니다.

4. 인쇄해 보세요. 작품을 인쇄해 보면 새로운 관점을 얻을 수 있습니다. Presler는 “다양한 크기로 인쇄하면 커닝을 조정해야 하는 부분을 알 수 있습니다”라고 설명합니다.

5. 일반적으로 문제가 되는 글자 조합을 알아두세요. A 또는 V와 같은 대각선이 있는 글자 쌍처럼, 특정 글자 조합은 조정이 필요합니다. 대문자 뒤에 소문자가 오는 경우도 커닝 쌍이 문제가 될 수 있습니다. 디자이너 Robin Casey는 “대문자 다음에 오는 첫 글자는 특히 세리프 글꼴인 경우 더 많은 조정이 필요합니다”라고 말합니다.

6. 연습하세요. 글자 간격을 연습할 수 있는 Kern Type은 피드백을 즉시 받기에 유용하며, Illustrator 또는 InDesign 튜토리얼을 통해 고급 기법을 살펴볼 수 있습니다.

커닝 스킬을 쌓기 위해서는 꾸준히 연습하고 많이 조사하세요. 커닝 팁과 기법을 활용하여 커닝을 매력적으로 조정해 보시기 바랍니다.

https://main--cc--adobecom.hlx.page/cc-shared/fragments/seo-articles/do-more-illustrator-color-blade