- 웹사이트 개발이든, 그래픽이든, 멀티미디어이든 - 커닝 작업의 복잡성을 알아야 합니다. 이 요소는 비전문가에게는 거의 보이지 않지만 어디서 찾아야 하는지 아는 사람들의 시선을 즉시 사로잡습니다.

효과적인 커닝을 배우는 것은 무엇보다 세부 사항에 대한 관찰과 주의를 훈련하는 것입니다.

그럼에도 불구하고 이 개념은 무엇을 의미합니까?

커닝은 단어를 구성하는 문자 사이의 거리를 줄이거나 늘리는 것입니다. 문자가 다른 방식으로 공간을 채우기 때문에 올바른 간격을 선택하는 것은 단순한 작업과는 거리가 멀다(경우에 따라 주 획의 높이(문자의 줄기), 확장, 세리프의 유무, 등.).

타이포그래피의 이 중요한 요소에 주의를 기울이는 방법과 다음 링크를 공유하는 방법을 알려드립니다. 유용한 리소스추가 정보와 함께.

글꼴의 문자 간격이 정의되지 않은 경우 각 후속 문자는 이전 문자 옆에 위치합니다. 종점. 이것은 "AWE"라는 단어가 있는 상단 이미지에서 분명히 볼 수 있습니다. A와 W 사이에 빈 공간이 많고, W와 E는 거의 붙어 있다. 결과적으로 텍스트는 엉성해 보이고 독자를 오도합니다. "A WE"입니까 아니면 "AWE"입니까?

대부분의 텍스트 처리 및 편집 프로그램은 지정된 글꼴의 표준 문자 간격을 결정하는 자동 커닝 알고리즘을 사용합니다. 두 가지 방법이 있습니다 오토 튜닝커닝: 미터법 및 광학.

선택할 때 광학적 방법문자 간격은 에 내장된 커닝 쌍 테이블의 값에 따라 설정됩니다. 이 설정을 사용하면 글꼴을 깔끔하게 정렬할 수 있으며 대부분의 경우 표준입니다. 텍스트 편집기. 미터법 커닝은 전문 텍스트 소프트웨어로 작업할 때만 사용됩니다.

이 경우 각 개별 문자의 윤곽 정보를 기반으로 최적의 문자 간격을 계산합니다.

서체를 디자인할 때 입력할 때 문자가 나란히 배치되는 방식을 완벽하게 제어할 수 있기를 원합니다. 이 경우 커닝을 수동으로 설정해야 합니다. A와 W는 자동 커닝에서 두 개의 대각선에 의해 생성된 빈 공간을 제거하기 위해 더 가깝게 이동되었습니다.

성공적인 디자이너는 모든 세부 사항에서 완벽을 위해 노력하고 손으로 커닝하면 완벽한 결과를 얻을 수 있습니다.

제대로 핵심 텍스트를 배우십시오!

자신만의 서체 디자인을 시작하기 전에 필요한 요구 사항과 기술에 대해 엄선된 리소스를 확인하십시오.

선택한 캡의 채우기와 유사하게 스트로크를 적용합니다(그림 4.27). 기본 획 두께는 1pt이지만 대화 상자에서 변경할 수 있습니다. 윈도우 스트로크, 팔레트를 여는 뇌졸중(그림 4.28).

커닝

큰 크기의 비례 글꼴로 입력된 텍스트를 고려할 때 글자 사이의 거리가 다르다는 잘못된 인상을 주는 경우가 많습니다. 이 현상은 "WA" 및 "AY"(또는 예를 들어 러시아어 "GA")와 같은 문자 쌍에서 가장 명확하게 나타납니다. 약간 탁상 출판 시스템글꼴 크기에 따라 단어의 문자 쌍으로 문자 간 간격을 조정할 수 있습니다. 이 조정 프로세스를 커닝이라고 합니다. 커닝의 결과, 광학 효과고르지 않은 글자 간격. 글자 G와 A(PAPER라는 단어) 사이의 커닝 예가 그림 1에 나와 있습니다. 4.29.

시각적으로 텍스트를 최적으로 인식하려면 문자 간 공백이 동일하지 않아야 합니다. 텍스트가 클수록 가치가 커집니다. 모습커닝이 있습니다. 작은 크기의 텍스트는 커닝되지 않을 수 있습니다. 따라서 예를 들어 CorelXARA 프로그램에서 수동 커닝의 경우 커서는 연속 문자 사이에 위치해야 합니다. 커닝 값을 변경할 때 첫 번째 문자는 그대로 유지되고 두 번째 문자는 이동합니다. 회사 글꼴에는 커닝 테이블, 즉 입력할 때 공간을 줄여야 하는 쌍 목록이 있습니다. 예를 들어 GO, GA, AU 등이 있습니다. 레이아웃 프로그램에는 자동 커닝의 가능성이 있습니다. 모든 길이의 텍스트에서 커닝 쌍의 공백 자동 수정을 구성할 수 있습니다. 텍스트를 자동 커닝으로 처리한 후, 제목 및 기타 큰 텍스트에 대해 수동 커닝을 추가로 수행하는 경우가 있습니다.

추적

자간은 커닝과 달리 설정되지 않습니다. 커플, 그리고 몇몇의문자 및 이 프로그램에서 문자 간 공간의 양을 특성화합니다. 그룹문자. 공백은 선택한 모든 문자에 대해 동일하게 변경됩니다. 선택한 쌍에 대해 추적을 설정하면 커닝과 유사합니다. 추적은 개별 문자 사이의 간격을 결정하므로 텍스트 색상에 가장 큰 영향을 미칩니다. 문자 사이의 간격이 클수록, 즉 추적이 자유로울수록 착색이 더 옅어집니다. 추적이 최대값에 도달하면 균일성이 깨져 텍스트가 찢어지고 색상이 손실되기 시작합니다. 추적 기술(문자 사이의 거리 변경)은 크고 작은 글꼴 크기에서 텍스트의 광학 속성을 향상시킵니다. 즉, 추적은 문자 간격을 글꼴 크기의 함수로 정의합니다. 추적이 필요한 이유를 최종적으로 이해하려면 그림 1을 보십시오. 4.30. 보시다시피, 포지티브 트래킹이 있는 첫 번째 옵션(그림 4.30, 1)이 늘어져 보입니다. 글자 사이의 거리가 상당히 큽니다(다른 글꼴에서는 더 강하게 볼 수 있음). 두 번째 예에서는 텍스트를 더 읽기 쉽게 만들고 전체적으로 인식하기 위해 네거티브 추적이 적용됩니다(그림 4.30).

추적을 사용할 때 인쇄상의 텍스트에 대한 인간 인식의 여러 기능을 고려하는 것이 좋습니다. 예를 들어, 큰 글자의 텍스트는 단어의 문자 간격이 더 좁으면(표준 간격을 사용할 때보다) 더 잘 보입니다. 이것은 단어가 완전히 대문자로 입력될 때 특히 두드러집니다. 문자 사이의 필요한 수정 정도는 크기뿐만 아니라 서체에 따라 다릅니다. 일부 헤드셋은 더 많은 촉각 추적이 필요하고 다른 헤드셋은 추적이 거의 또는 전혀 필요하지 않습니다. 추적은 예를 들어 테이블의 개별 열에서와 같이 텍스트의 일부 부분을 조밀하게 설정해야 하는 상황에서 특히 유용합니다. 추적을 높이는 것은 비교적 드물지만 두 가지 경우에 매우 바람직합니다. 굵은 제목은 글자가 자리를 다 차지해서 숨이 막힐 것 같습니다. 따라서 프린터에서 공기라고 부르는 소량의 방전이 발생합니다. 추적을 성공적으로 사용하는 두 번째 경우는 프린터에서 점점 더 인기를 얻고 있는 특수 효과를 얻는 것입니다. 개별 문자 사이의 간격이 기호의 너비를 초과하는 방식으로 단어의 문자 간격입니다. 이 기술은 대문자로 입력된 텍스트, 특히 텍스트가 작고 한 줄에 있고 머리글 또는 부제목인 경우에 좋습니다.

커닝 및 추적 단위

커닝 및 자간은 특수 상대 단위(ems / 1000의 1/1000)로 측정됩니다. 쌍으로 이동할 때 중요한 것은 정확한 값이 아니라 특정 서체의 문자 크기와의 관계이기 때문입니다. 이러한 상대 단위를 사용하면 자동으로 이러한 오프셋이 글꼴 크기에 비례하게 됩니다. 거짓말 탐지기에서는 글꼴의 가로 크기를 특징 짓는 둥근 간격, 반원 간격, 얇은 간격과 같은 추가 측정 단위가 사용됩니다. 대문자 M, N 및 소문자 t의 너비와 일치합니다. em 간격은 글꼴 크기와 거의 같으며 세미 방정식은 글꼴 크기의 0.5이며 fine em은 글꼴 크기의 0.25입니다. 모든 글꼴이 다르기 때문에 문자 M의 너비도 다를 수 있습니다. 따라서 em 공백의 값은 크기와 서체에 따라 다릅니다. 공백은 들여쓰기, 커닝 및 기타 문자 움직임을 측정하는 데 사용됩니다.

InDesign에서 커닝 및 자간 조정

커닝과 자간 모두 동일한 텍스트에 적용할 수 있습니다. 그래서:

커닝 문자 쌍에서 문자 사이의 간격을 변경하는 방법을 살펴보겠습니다. 우리는 시각적 구멍의 간격을 줄이고 시각적 결로를 증가시킵니다. 예를 들어, 그림에서 M과 O 사이의 간격을 줄여봅시다. 4.33.

도구 선택 텍스트클릭하여 "Diploma"라는 단어의 "M"과 "O" 문자 사이에 커서를 놓습니다. 팔레트에서 상징이 쌍의 커닝과 단어의 나머지 문자 쌍을 조정합니다. 졸업 증서(그림 4.34). 인접한 두 글자의 모양이 미학적으로 적합할 때까지 글자 사이의 간격을 변경합니다.

이제 팔레트를 사용하여 상징"코로복의 짧은 삶과 비극적인 죽음에 대한 이야기"라는 제목의 추적 값을 변경합니다. 추적 값을 설정하기 전에 추적하려는 전체 문자 범위를 선택해야 합니다(그림 4.35 및 4.36).

탭 작업

탭을 사용하여 프레임의 특정 수평 위치에 텍스트를 배치할 수 있습니다. 팀 선택 텍스트 탭팔레트를 열려면 탭. 빈 텍스트 프레임을 만들고 팔레트에서 자석 아이콘을 클릭합니다. 탭 (

커닝입력할 때 - 모양에 따라 글자 사이의 간격을 선택적으로 변경합니다.

간단히 말해서, 커닝- 기호를 올바르게 배치하고 기호 사이의 거리를 조정하여 결과적으로 조화를 이루는 과정. 많은 사람들이 커닝에 많은 관심을 기울이지 않지만(일반적으로 알지 못함) 세부 사항에 대한 관심은 매우 좋은 결과를 얻는 데 도움이 됩니다.

1) 트래킹(Tracking)과 커닝(Kerning) - 혼동하지 말아야 할 두 가지 개념. 추적- 모양과 크기에 관계없이 단어나 문장에서 문자 사이의 거리를 나타냅니다. 그러나 커닝은 보다 "로컬" 개념입니다.

2) 각 글꼴 파일에는 내부 커닝 테이블이 있습니다. 디자이너는 선 쌍 사이의 거리를 조정하여 천분의 일 단위로 정의합니다. 예를 들어 VA의 커닝은 -80이고 ry의 커닝은 30입니다.

3) Photoshop, InDesign 및 Illustrator에는 표시 시 광학 커닝 기능이 있습니다. 대체 옵션. 거의 차이가 없지만.

4) 자본금 T, V, W 및 Y항상 문제. 위쪽이 아래쪽보다 넓기 때문입니다. 따라서 단어를 수동으로 정렬하려면 추적을 사용하십시오.

5) 그러한 기술이 있습니다-글자 사이에 공기로 채워진 같은 부피의 공이 있다고 상상해보십시오. 우리의 목표는 이 공이 어디에도 퍼지지 않고 글자 사이에 단단히 고정되는 것입니다.

6) 가장 흔한 실수 중 하나는 단위에 있습니다.) 이 기호는 좁고 주변에 많은 빈 공간을 형성합니다. 이러한 이유로 커닝을 개선해야 합니다.

7) 숫자 7은 또 다른 문제가 되는 문자입니다. 당신은 또한 그것에주의를 기울여야합니다.

레이아웃 디자이너 또는 디자이너가 아닌 경우 다음과 같은 단어를 들어 본 적이 없을 것입니다. 크기, 선행, 작은 대문자, 글리프, 커닝. 오늘 우리는 커닝이 무엇인지 분석할 것입니다.

커닝은 타이포그래피의 요소입니다. 단어 또는 로고에 복잡한 문자가 있고 돌출 요소가 있어 그들 사이에 큰 거리를 생성하는 경우 단어 또는 로고의 밀도가 시각적으로 더 균일하도록 서로 더 가깝게 배치하는 것이 좋습니다. 즉, 커닝은 인접한 문자 사이의 간격을 변경하는 것입니다. 글자가 서로 가까워지면 음수이고 글자가 멀어지면 양수일 수 있습니다.

커닝은 컴퓨터 과학에서 문자 간 간격이며 압축, 희소 또는 일반의 세 가지 매개변수 중 하나를 할당할 수 있습니다. 글꼴의 일반 간격은 자동으로 결정됩니다. 수동으로 글꼴을 희박하거나 축소할 수 있습니다.

텍스트 디자인에서 커닝의 중요성은 무엇입니까?

문자 사이의 거리는 텍스트의 매우 중요한 특성입니다. 이 기사를 읽고 있는 지금 당신은 커닝의 효과를 경험하고 있습니다. 글자 사이의 간격을 적절하게 선택하면 텍스트를 쉽게 읽을 수 있으며, 텍스트의 정보가 정확하고 흥미롭게 제시된다면 이 모든 것이 함께 새로운 정보의 동화를 촉진할 것입니다.

kernig의 훌륭한 예는 Adidas 로고입니다. 조밀하고 엄격하여 독자에게 평온함과 자신감을 불러 일으킵니다.

어떤 종류의 커닝이 있습니까?

커닝은 다음을 사용하여 수행할 수 있습니다. 자동 기능광학(광학) 또는 미터법(미터법) 커닝.

광학 커닝은 글자의 모양에 주의를 기울이고 이러한 모양을 고려하여 인접한 글자 사이의 간격을 선택하고 최적화합니다. 일부 프로그램에서는 커닝에 대한 자세한 권장 사항을 제공하지만 글꼴에 내장된 커닝 데이터가 거의 없거나 전혀 없거나 한 줄 또는 한 단어에 다른 크기와 서체를 함께 사용하는 경우 라틴 텍스트에 광학 커닝을 적용해야 합니다.

미터법 커닝은 대부분의 기존 글꼴을 포함하는 특정 문자 쌍을 사용합니다. 여기에는 Ty, Tr, Ta, To, La, Wa, Yo 등과 같은 특정 문자 쌍의 문자 사이에 필요한 간격에 대한 정보가 포함됩니다.

경우에 따라 자동 커닝을 사용해도 상황이 개선되지 않는 경우 수동 커닝을 사용할 수 있습니다. 기술이 이상적으로 완성되면 미터법 또는 광학식 커닝보다 수동 커닝을 사용하는 것이 좋습니다. 재미있는 게임기술 연마 - KERNTYPE.

마이크로 소프트 워드

Word에서 커닝은 매우 간단합니다. 커닝을 적용하려면 다음을 수행해야 합니다.

1. 변경할 텍스트를 선택합니다.
2. 홈 → 글꼴 → 고급(2007 Word에서는 "문자 간격"으로 이동해야 함)으로 이동합니다.
3. 문자 크기에 대해 "커닝" 확인란을 설정하고 필드에 원하는 숫자를 입력합니다.

계단식 테이블의 글꼴 커닝 속성

CSS에서 커닝은 font-kerning 속성의 구현입니다. 구문은 다음과 같습니다.

• 글꼴 커닝: 없음 |정상|자동|초기|상속|설정 해제

자동(또는 초기)의 경우 클라이언트 브라우저는 커닝이 필요한지 여부를 스스로 결정합니다. none을 사용하면 브라우저가 커닝을 적용하는 것을 방지하고 normal은 텍스트에 커닝을 적용한다고 말합니다. 초기 또는 설정되지 않음 - 텍스트는 상위 값을 상속합니다.

헤더 커닝

많은 사람들은 커닝이 다음에만 적용되어야 한다고 생각합니다. 큰 글자특정 문자 쌍에만 적용되지만 커닝은 모든 텍스트의 가독성을 높이는 방법이므로 이 의견은 옳지 않습니다. 미국과 유럽의 전통에서는 대문자에 커닝을 두는 것이 일반적이며 키릴 자모에서는 자동 옵션이 ​​아닙니다. 지금까지 인터넷에서는 머리글을 대문자로 입력하는 것이 관례였으며 이것이 격변입니다. 일반적으로 대문자보다 더 예쁘고 멋지게 보입니다. 사람이 쓰여진 단어 자체가 아니라 이미지를 인식하기 때문에 대문자로 작성된 텍스트는 읽기가 어렵습니다.

결론보다는 글의 기원이 오래되었다는 점을 기억하고 싶습니다. 이전에는 첨필과 점토판, 가죽, 널빤지, 자작나무 껍질 두루마리를 사용하여 음성을 녹음했습니다. 그들은 종이와 펜으로 대체되었습니다. 펜으로 작업할 때 한 번의 잘못된 동작으로 전체 텍스트가 손상되고 다시 작성해야 하기 때문에 사람이 조심해야 했습니다. 그러나 사람들은 그러한 어려운 상황에서도 텍스트를 장식하고 강조하기 위해 노력했습니다. 대문자붉은 진사로 장식되어 있습니다. 텍스트는 소용돌이 장식으로 장식되었으며 장식은 여백에 그려졌습니다. 캘리그라피가 있었습니다.

인쇄 과정도 매우 까다로웠다. 원고는 인쇄소에서 인쇄되는데, 이를 위해서는 부피가 크고 값비싼 장비와 많은 숙련공이 필요했습니다. 자신의 원고를 출판하는 것은 불가능했습니다. 그리고 컴퓨터의 출현과 보편적인 가용성과 함께 인쇄술 기술은 모든 사람이 사용할 수 있게 되었습니다. 커닝은 텍스트의 가독성을 향상시키는 가장 일반적인 예이며, 출판물에 대한 독자의 관심을 끌기 위해 필수입니다.

그러나 더 복잡한 형태가 등장하자마자 "고착 및 구멍"이 시작됩니다. 여기에서 문자 사이의 영역을 균등화해야 합니다. 많은 기하학적 기법이 있지만 솔직히 말해서 매우 복잡하고 커닝 쌍의 배열을 생성할 때 글꼴을 디자인할 때만 유용합니다.

따라서 우리는 "세 쌍으로"배열하는 일반적인 규칙과 방법을 고려할 것입니다. 일반적인 규칙간단합니다: 최대 거리"직사각형 문자" 사이에 있습니다. 직선 요소가 있는 문자가 둥근 문자에 접하는 경우 약간 더 작은 거리가 필요합니다. 두 개의 둥근 글자 사이에는 훨씬 더 작은 거리가 필요합니다. 그리고 더 적은 - 열린 형태의 편지.

트리니티 방식

1. 가장 복잡한 커닝 쌍이 단어에서 선택되며 문자 사이의 간격이 가장 좁습니다. 이는 두 개의 둥근 문자 또는 열린 형식의 문자 조합입니다. 그런 쌍이 먼저 던져집니다.
2. 또한 단어는 이 쌍의 오른쪽과 왼쪽에 커닝됩니다. 우리는 선택된 otkernenny 쌍에 인접한 문자를 추가하여 세 개의 문자를 얻고 이 트리플만 고려합니다. 새 문자를 이동하여 이 트리오에서 흰색 영역의 균일성을 달성합니다. 그런 다음 3을 한 글자씩 옆으로 이동하고 다음 글자를 코어로 만듭니다. 그래서 우리는 전체 단어를 살펴봅니다. 적절한 기술을 사용하면 이 작업을 자동으로 매우 빠르게 수행할 수 있습니다.

추상적 인 단어 "ingovy"의 예에서 이것을 고려하십시오. 우리는 복잡한 문자 쌍을 선택합니다. 이 말은 "가다"입니다. 그리고 이 글자들 사이의 최소 거리를 설정합니다.