무엇을 위한 커닝입니까? 텍스트의 간격 변경

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

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

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

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

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

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"의 예에서 이것을 고려하십시오. 우리는 복잡한 문자 쌍을 선택합니다. 이 말은 "가다"입니다. 그리고 이 글자들 사이의 최소 거리를 설정합니다.

선택한 텍스트와 개별 문자 모두에 대해 문자 간격을 변경할 수 있습니다. 또한 전체 단락의 텍스트를 늘리거나 줄여 원하는 모양을 만들 수 있습니다.

문자 간격 변경

옵션을 선택할 때 부족한또는 꽉 찬모든 문자의 간격은 동일합니다. 커닝은 개별 문자 쌍 사이의 간격을 조정하여 더 작거나 크게 만듭니다.

선택한 모든 문자 사이의 간격을 균일하게 늘리거나 줄입니다.

지정된 크기보다 큰 커닝 문자

커닝은 두 문자 사이의 거리를 조정하는 것을 말합니다. 아이디어는 문자 사이의 간격(예: "A" 및 "V")을 줄이고 그렇지 않은 문자 사이의 간격을 늘려 모양을 개선하는 것입니다.

텍스트를 가로로 크기 조정

배율을 변경하면 지정된 백분율에 따라 문자 모양이 변경됩니다. 텍스트를 짜거나 늘이면 크기가 조정됩니다.

줄 간격 변경

단락에서 텍스트 줄 사이의 세로 간격을 늘리거나 줄이려면 단락에 사용된 스타일을 사용하는 것이 가장 좋습니다.

스타일에 특정 줄 간격을 적용하려면 버튼을 클릭하십시오. 체재대화 상자의 왼쪽 하단 모서리에 있는 화살표를 클릭하십시오 " 스타일 변경"를 선택하고 절. 드롭다운 목록 포함 줄 간격보다 구체적인 줄 간격을 선택하거나 설정할 수 있습니다.

Word에서 스타일 변경에 대한 자세한 내용은

1. 텍스트 편집기에 없는 목록은 무엇입니까?

a) 번호가 매겨진

나) 점;

c) 표시.

2. 텍스트 편집기에서 페이지 매개변수를 설정할 때 다음이 설정됩니다.

A) 여백, 방향 및 페이지 크기

b) 단락 사이의 간격과 글꼴 유형;

c) 페이지 배경 및 테두리, 들여쓰기.

3. 문서에 오늘 날짜를 삽입하려면 어떤 키 조합을 사용해야 하나요??

a) Ctrl + Alt + A;

b) Shift + Ctrl + V;

다) Shift + Alt + D.

4. 다음 설명 중 옳은 것은?

A) 커닝은 한 단어의 글자 사이의 간격 변화입니다.

b) 보호된 문서의 비밀번호를 분실한 경우 키워드를 사용하여 복원할 수 있습니다.

c) Shift + Home 키 조합을 누르면 문서의 첫 페이지로 이동합니다.

5. 다음 중 잘못된 설명은 무엇입니까?

a) 대문자는 두 가지 방법으로 인쇄할 수 있습니다.

b) Tab 키를 사용하여 빨간색 선을 만들 수 있습니다.

다) Delete 키는 깜박이는 커서 앞의 문자를 삭제합니다.

6. 컴퓨터가 영어 알파벳으로 설정되어 있을 때 쉼표를 입력하려면 어떤 키를 눌러야 합니까?

A) 러시아 문자 B가 쓰여진 곳;

b) 러시아 문자 Yu가 쓰여진 곳;

c) 러시아 문자 Zh가 쓰여진 곳.

7. 바닥글은 다음과 같습니다.

가) 상단 및 하단 필드에 위치하며 각 페이지의 텍스트에 작업 제목을 배치하기 위한 영역

b) 사용자가 텍스트 편집기 창에서 보는 인쇄된 문자의 모양;

c) 명령 모음이 포함된 Word 편집기 창의 맨 윗줄(예: "삽입", "디자이너", "레이아웃" 등).

8. 텍스트 문서에 링크를 삽입하려면 다음 탭으로 이동해야 합니다.

비) 파일 – 페이지 설정 – 링크 삽입;

9 - 테스트. 기본 글꼴은 무엇으로 설정되어 있습니까?단어 2007?

a) 타임즈 뉴 로만;

c) 마이크로소프트 야 헤이.

10. 작업 표시줄의 맨 윗줄에는 플로피 디스크가 있는 아이콘이 표시됩니다. 클릭하면 어떻게 되나요?

a) 문서가 삭제됩니다.

B) 문서가 저장됩니다.

c) 문서는 컴퓨터에 삽입된 디스크 또는 플래시 드라이브에 기록됩니다.

11. 한 문서 텍스트의 다른 요소를 복사할 때 어떤 키를 누르고 있어야 합니까?

12. 텍스트 페이지 위의 맨 윗줄에 있는 두 개의 곡선 화살표로 무엇을 할 수 있습니까?

a) 한 글자를 오른쪽이나 왼쪽으로 이동합니다(누를 화살표에 따라 다름).

b) 한 줄을 위 또는 아래로 이동합니다(클릭할 화살표에 따라 다름).

C) 하나의 완벽한 동작을 앞뒤로 움직입니다(누를 화살표에 따라 다름).

13. 활성화된 "비인쇄 문자" 버튼으로 무엇을 볼 수 있습니까?

A) 단어와 단락 끝 사이의 공백

b) 모든 구두점;

c) 텍스트의 오류.

14. 탭에서 그려진 테이블의 셀을 병합하거나 분할할 수 있습니다.

a) "생성자";

B) "레이아웃";

c) "테이블 매개변수".

15. 텍스트 문서에 겹쳐진 워터마크는 무엇을 할 수 있습니까?

A) 문서를 고유하게 만듭니다.

b) 바이러스로부터 문서를 보호합니다.

c) 제3자 사용자가 문서에 있는 텍스트를 복사할 수 있습니다.

16. 자동 하이픈 넣기를 활성화하려면 다음 탭으로 이동해야 합니다.

하지만) 형세 – 페이지 설정 – 하이픈 넣기;

비) 끼워 넣다 – 텍스트 – 하이픈 삽입;

17. 새 페이지를 만들려면 다음 키를 동시에 눌러야 합니다.

A) Ctrl 및 Enter

b) 시프트와 공백

c) Shift 및 Enter.

18. 복사한 요소를 빠르게 붙여넣으려면 다음 키 조합을 사용하십시오.

테스트 - 19단어특정 목표를 달성하기 위해 미리 결정된 일련의 작업을 다음과 같이 호출합니다.

a) 바닥글

B) 매크로

c) 지침.

20. 텍스트 편집기에서 언어를 변경하는 데 사용할 수 없는 단축키는 무엇입니까?

a) Alt + Shift;

b) Ctrl + Shift;

다) Alt + Ctrl.

21. 문서에서 콘텐츠를 만들려면 다음을 수행해야 합니다.

a) Ctrl 키를 사용하여 텍스트에서 몇 단어를 선택하고(제목이 됨) "삽입" 탭으로 이동하여 "내용" 아이콘을 클릭합니다.

B) 텍스트의 제목을 강조 표시하고 "링크" 탭으로 이동한 다음 "내용" 아이콘을 클릭합니다.

c) 새 페이지에서 각각의 새 장을 시작하고 "삽입" 탭으로 이동하여 "내용 삽입" 아이콘을 찾아 클릭합니다.

A) "하이퍼링크" 탭의 후속 선택으로 마우스 오른쪽 버튼;

b) "하이퍼링크" 탭을 선택한 후 마우스 왼쪽 버튼을 클릭합니다.

c) 마우스 왼쪽 버튼을 두 번 클릭한 다음 "하이퍼링크" 탭을 선택합니다.

23. 수식을 텍스트 문서에 삽입하려면 다음 탭으로 이동해야 합니다.

하지만) 파일 – 페이지 설정 – 수식 붙여넣기;

비) 끼워 넣다 – 기호 – 공식;

입력) 끼워 넣다 – 삽화 – 수식 붙여넣기.

24. 어떤 페이지 방향이 존재하지 않습니까?

가) 메모장

b) 책;

c) 풍경.

25. 이 대화 상자는 어떤 옵션을 제어합니까?

A) 단락 들여쓰기의 변경

b) 텍스트의 글꼴을 변경합니다.

c) 시트 여백의 크기를 변경합니다.

26. 다음 중 단어와 구두점 사이의 간격 규칙에 해당하는 문장은 무엇입니까?

) Word는 학생에게 이상적인 도우미입니다. 텍스트 문서를 만들고, 보고, 편집할 수 있습니다.

B) Word는 학생에게 이상적인 도우미입니다. 텍스트 문서를 만들고, 보고, 편집할 수 있습니다.

c) Word는 학생에게 이상적인 도우미입니다. 텍스트 문서를 만들고, 보고, 편집할 수 있습니다.

27. 실용적인 문제를 해결하십시오. Alexander는 53페이지에 걸쳐 기말 논문을 썼습니다. 이제 그는 정보를 다른 문서에 복사해야 합니다. 그 사람은 마우스 왼쪽 버튼을 두 번 누르고 끌었습니다 ... Alexander에게 한 번의 클릭으로 모든 텍스트를 선택하는 방법을 조언합니다.

a) "파일" 탭을 클릭하고 거기에서 "모두 복사" 기능을 선택합니다.

b) 필드 위로 마우스 커서를 이동하고 한 번 클릭합니다.

C) Ctrl 및 A 키 조합을 누릅니다.

a) Alt + Ctrl + F2;

b) Ctrl + Shift + F2;

다) Alt + Shift + F2.

29 MS 워드 -이것:

가) 텍스트 편집기

b) 스프레드시트

c) 데이터베이스 관리.

30. 농담 질문입니다.오늘날의 젊은이들은 이 단어로 오디오 통신을 위한 컴퓨터 액세서리를 말하고 프로그래머는 같은 단어를 사용하여 한 유형의 글꼴 스타일을 나타냅니다. 무슨 단어야?

B) 헤드셋

웹 디자인에 관심이 있지만 여전히 개선할 여지가 있다면 타이포그래피에 대한 짧은 기사에 관심이 있을 수 있습니다. 웹사이트 디자인을 개발할 때 텍스트 작업 방법, 즉 줄 간격, 문자 간격 및 일반적으로 글꼴 선택 방법을 명확하게 이해해야 합니다. 이 기사에서 우리는 행간 및 커닝과 같은 웹 타이포그래피의 측면을 명확하게 하려고 노력할 것입니다. 우리는 그것들을 적용하는 방법과 시기를 배울 것입니다.

먼저 Photoshop에서 "문자" 패널을 엽니다. 필요한 텍스트 설정이 있습니다. 작업 공간에서 이 패널을 찾을 수 없으면 Window-Character를 통해 엽니다.

리드(리딩)

단락으로 작업하거나 단순히 한 줄 이상에 걸쳐 있는 텍스트로 작업할 때 Leading 매개변수에 직면하게 됩니다. 이것이 줄 간격입니다. 전체적인 그림은 이 매개변수에 크게 좌우됩니다.

리드의 표준 비율은 120%입니다. 즉, 글꼴의 크기(크기)가 20포인트(pt)이면 행간은 24포인트(pt)여야 합니다.

120% 미만으로 줄이면 너무 많은 "밀집"과 문자 밀도가 발생하고 문자 요소가 서로 충돌할 위험이 있습니다.

Photoshop에서 행간을 조정하려면 문자 패널에서 적절한(인터페이스 언어에 따라 행간/행간) 필드를 사용하십시오. 현재 선택된 텍스트 레이어의 행간이 편집됩니다.

경우에 따라 일부 줄 사이에 다른 줄보다 더 많은 공간이 필요할 수 있습니다. 개별 행의 행간을 편집할 때 전체 텍스트 레이어를 선택하지 않고 행간을 변경해야 하는 행만 선택하는 것을 제외하고 작업은 거의 변경되지 않습니다.

커닝

커닝 - 간단히 말해서 두 문자 사이의 거리입니다. 커닝의 목적은 문자 그룹 내에서 조화로운 공간을 만들고 경우에 따라 텍스트에 특별한 모양을 주기 위해 의도적으로 이 공간을 크게 늘리거나 줄이는 것입니다. 사용하는 거의 모든 글꼴에는 이미 문자 조합 사이에 일부 규정된 간격이 포함되어 있습니다. 이를 미터법 커닝이라고 합니다. 글꼴 크기를 늘리거나 예를 들어 텍스트의 행간을 변경하면 미터법 커닝이 이러한 변경 사항에 올바르게 응답하지 않을 수 있습니다. 광학 커닝이 설정되어 있으면 Photoshop(또는 사용하는 모든 프로그램)이 자동으로 커닝을 적용합니다. 그러나 이상하게도 대부분의 디자이너는 이 기능이 유용하지 않다고 생각합니다. 가장 선호되는 것은 수동 커닝입니다.

수동 커닝이란 무엇입니까? 기본적으로 이것은 수동 커닝입니다. 기호 사이의 거리가 약간의 액체로 채워져 있고 동일한 양의 액체가 모든 거리 사이에 명확하게 맞아야 한다고 상상해 보십시오. 눈으로 글자 사이의 거리를 조절하지만 눈이 예리하면 이것이 최고의 기술입니다.

커닝은 Photoshop의 문자 패널에서 수동으로 조정할 수 있습니다. 그 전에 조정하려는 문자 사이에 커서를 놓습니다. 더 빠른 방법이 있습니다. 또한 이 두 문자 사이에 커서를 놓고 Option 키를 누른 상태에서 왼쪽/오른쪽 화살표를 누릅니다. 결과는 분명할 것입니다.

다음은 커닝에 대해 기억해야 할 몇 가지 사항입니다.

1. 가장 어려운 캐릭터 조합부터 시작하세요. 예를 들어 대문자와 소문자 사이의 커닝.
2. 커닝 조정은 디자인의 끝까지 남겨두십시오. 이것이 마지막 단계 중 하나가 되게 하십시오. 시간을 헛되이 낭비하지 않도록 선택한 글꼴에 대해 이미 100% 확신할 때 작업하십시오.
3. 커닝의 목적은 텍스트를 시각적으로 올바르게 만드는 것입니다. 수학 공식, 정경 및 기타 사항이 없습니다. 연습만 하면 모든 것이 해결될 것입니다. 가끔 이 게임을 플레이하세요 - Type.method.ac