초보자를 위한 커닝의 기초.

커닝은 글자 사이의 간격을 조정하여 활자의 가독성을 개선하는 것입니다. 커닝을 통하여 디자인을 향상시키고 타이포그라피를 개선하는 방법에 대해 알아봅니다.

양호한 커닝과 잘못된 커닝을 보여주는 텍스트 이미지.

커닝이라는 타이포그라피 기법을 탐험해봅시다.

디자인은 겉으로는 단순해보일지 몰라도 훨씬 중요한 세부적인 개념으로 가득 차 있습니다. 커닝이 바로 그 예입니다. 효과적으로 사용할 경우, 커닝은 활자를 통해 미적 요소와 의사소통에 영향을 주는 강력한 도구가 될 수 있습니다. 잘 사용하면 일반적인 독자들에게는 눈에 띄지 않는 도구이기도 합니다.

 

디자이너 Madeline DeCotes는 “만약 커닝을 알아보기 시작하면, 생각했던 것보다 글자가 훨씬 더 많다는 사실을 깨닫게 될 겁니다.”라고 말합니다.

 

커닝이란 무엇인가?

커닝이란 개별 글자, 즉 문자 사이의 간격을 뜻합니다. 전체 단어의 문자 사이의 공간을 동일한 증분으로 조정하는 자간과 달리, 커닝은 활자가 시각적으로 어떻게 보이는지에 초점을 맞추어 보기 좋고 가독성 있는 텍스트를 만듭니다. 서체 디자이너가 각 글자 주변과 글자 쌍 사이에 공간을 만들지만, 디자이너가 예측하지 못한 방식으로 서체를 사용한다면 그러한 공간들이 항상 잘 어울리지는 않습니다. 바로 그럴 때 수동 커닝이 필요합니다. 아름다움은 보는 사람의 눈에 달려있기 때문에, 커닝 작업은 그때 그때 다릅니다.

 

DeCotes는 “커닝은 매우 주관적인 예술 형태입니다.”라고 설명합니다. “디자이너는 한 단어 안의 글자 사이의 공간을 보고 '공간이 충분해 보이나? 너무 공간이 넓어 보이나? 글자가 너무 빽빽한가?’를 자문합니다.”

두 가지 다른 방법으로 커닝을 보여주는 단어 사진

커닝이 필요한 경우 판단하기.

활자에 수동 커닝이 필요한 상황에는 여러 가지 경우가 있습니다. 잡지 페이지의 단락에서처럼 작은 포인트에 잘 맞는 글꼴이 기사 헤드라인이나 광고판처럼 큰 사이즈에서는 어색해 보일 수 있습니다. 이는 텍스트 크기가 작을수록 가독성을 유지하기 위해 문자 사이에 공간이 더 많이 필요하기 때문입니다. 문자 사이의 공백을 수동으로 축소하지 않고 문자 크기만 확대하면 결과가 마음에 들지 않을 가능성이 큽니다.

 

글꼴의 자동 커닝을 통한 잘라내기가 적용다른 예에는 로고가 있습니다. 로고를 디자인할 때는 서명, 웹 사이트, 머그잔, 연필 등 다양한 곳에 사용될 것을 염두에 둔 커닝이 필요하며, 유능한 디자이너는 이러한 잠재적인 용도를 염두에 두고 커닝을 합니다.

 

DeCotes는 “디자이너들은 일반인들이 생각하는 것보다 훨씬 더 많이 커닝을 고려합니다.”라고 말하며 다음과 같이 덧붙입니다. “사람들은 포스터, 광고판, 웹 사이트, 헤드라인의 큰 텍스트를 볼 때 글꼴이 주의 깊은 커닝 작업을 거친 것임을 전혀 인식하지 못합니다.”

 

인터넷에서 무료로 다운로드할 수 있는 글꼴은 기본 커닝(메트릭 커닝이라고도 함)이 전문적으로 설정되어 있지 않기 때문에 디자이너에게 문제가 될 수 있습니다. 디자이너 Nick Escobar는 무료 글꼴은 보통 아마추어들이 만든다고 언급합니다. “커닝이 상당히 좋지 않은 경우가 많아서 들어가서 수동으로 조정해야 합니다.”

 

Escobar는 일반적으로 “글꼴이 잘 만들어지고, 예술가의 숙련도가 높을수록 커닝을 조절하지 않아도 됩니다.”라고 말합니다.

 

스킬 숙달을 위한 커닝 배우기.

커닝을 배우는 것은 연습과 반복을 통해 안목을 발달시키는 것이 전부이지만, 전문적인 지식을 이용하는 것도 타이포그라피의 세계를 여행하는 데 있어서 중요합니다. BehanceAdobe YouTube 채널을 통하여 더 많은 내용을 배우고 다른 예술가들로부터 영감을 얻을 수 있으며, 기사를 통하여 기술적인 노하우를 얻을 수도 있습니다. 다음 세 개의 튜토리얼을 보고 스킬 쌓기를 시작해봅시다:

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

 

Adobe Illustrator에서의 행과 문자 간격

Illustrator에서의 커닝 작업을 자세히 살펴보고 자간, 기준선 및 행간과 같은 타이포그라피 관련 개념에 대해 알아봅니다.

자간과 커닝의 차이를 시각적으로 보여주는 예시

 

Adobe InDesign에서 커닝 및 자간

'InDesign'에서 작업하기 위한 키보드 단축키뿐만 아니라 메트릭, 수동 및 광학 커닝 사이의 차이점에 대해 알아봅니다.

사용자 정의 텍스트 조정을 사용하여 여러 가지 스타일로 디자인한 단어 'and’.

 

OpenType을 사용한 글꼴 사용자 정의.

'OpenType' 글꼴을 사용하여 활자를 사용자 정의하고 재미있게 맞춤 조정하는 방법을 알아봅니다. OpenType 글꼴에서 시도해볼 수 있는 기능으로는 합자, 스와시 문자 및 상황별 대체 기능 등이 있습니다. 사용자 정의 조정에는 커닝과 관련하여 고유한 어려운 점들이 있습니다. Adobe Fonts에서 여러 가지 OpenType 글꼴을 찾아보십시오.

장식품 옆에 놓인 타이포그라피 디자인 액자.

 

Illustrator에서 타이포그라피 작품 만들기.

단계별 튜토리얼에서 사용자 정의 커닝 및 OpenType 글꼴 조정을 통해 타이포그라피 작품을 만드는 방법을 알아봅니다.

커닝 활용 방법.

커닝에 대해서는 정해진 규칙이 없기때문에, 디자이너가로고 디자인이나 편집 작업과 같은 작업에서 활자를 더욱 창의적으로 다룰 수 있다는 큰 장점이 있습니다. 따라서 커닝을 디자인의 모양과 톤에 느낌을 부여하는 수단으로 활용할 수 있습니다.

 

디자이너 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'에서 사용되는 고급 기법을 살펴볼 수 있습니다.

 

커닝 전문 지식을 세밀하게 가다듬기 위해서는 꾸준히 연습하고 많이 보는 것이 핵심입니다. 이제 위와 같은 팁과 요령을 얻었으니, 커닝 노하우를 실천으로 옮겨봅시다.

관련 정보

로고 벡터 일러스트 개발과 디자인.

영감을 탐구하여 로고 아이디어에 활력을 불어 넣습니다.

브랜드를 심볼로 나타낼 때 고려해야 할 기술적, 심미적 측면에 대해 알아봅니다.

세리프와 산세리프 폰트 세트의 디지털 예시.

알맞은 글꼴 고르기: 세리프와 산세리프.

고객의 사용자 경험, 지향하는 태도, 연혁을 고려하여 산세리프와 세리프 글꼴 중 알맞은 것을 고릅니다.

묠니르를 든 토르를 그린 만화책 작품

만화책 아트를 만드는 방법

연속적인 스토리텔링 아트 기법을 확인하고 이 흥미로운 미디어의 작업 스킬을 강화하는 방법을 살펴보세요.

벡터 파일로 저장된 아름다운 디지털 일러스트

벡터 파일이란 무엇인가?

벡터 파일 유형의 유용성을 알아보고, 이것을 디자인 업무에서 사용하는 방법을 알아봅니다.

Adobe InDesign 다운로드.

인쇄, 디지털 미디어용으로 세련된 페이지 레이아웃 제작.

7일 무료 후 ₩24,000/월.