(Go: >> BACK << -|- >> HOME <<)

SlideShare a Scribd company logo
Basics of Typography
Anatomy of Type
Historic Families of Type and Classification
Type / Typeface / Font / Families of Type
Studying a Typeface
Kerning, Leading,
Tracking, Measuring Type
A designer measures type as well as the spatial intervals between
typographic elements. These intervals occur between letters,
between words, and between two lines of type
The spatial interval between letters is called letterspacing
Adjusting the letterspacing is called kerning
The spatial interval between words is word spacing
The spatial interval between two lines of type is line spacing,
traditionally called leading in metal type, where strips of lead of
varying thickness (measured in points) were used to increase the
space between lines of type
Kerning
Kerning adjusts the distance between two letters.
Set too closely together, words are indecipherable;
set too far apart, and they're awkward to read.
Basics of typography kerning
Basics of typography kerning
How to Adjust Kerning in
Adobe Illustrator / Photoshop
Open the character palette
located under Window and then Character
Change the number in the Kerning field.
The Kerning field is below the type size.
Don’t forget to highlight the text you want to change before adjusting it
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Leading
Leading is an essential design aspect that
determines how text is spaced vertically in lines.
Leading refers to the distance between the baselines of
successive lines of type
You'll want to make sure the distance from the bottom of the
words above to the top of the words below has appropriate
spacing to make them legible.
Basics of typography kerning
How to Adjust Leading in
Adobe Illustrator / Photoshop
Open the character palette
located under Window and then Character
Change the number in the leading field.
The leading field is next to the type size.
Don’t forget to highlight the text you want to change before adjusting it
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Tracking
Tracking is often confused for kerning,
but the concept is a little different.
Tracking involves adjusting the spacing
throughout the entire word.
Tracking
Once you've determined the right spacing between
each letter, tracking can be used, with great restraint,
to change the spacing equally between every letter at once.
You should be very careful when changing the
tracking, as it can quickly lead to difficulty in reading.
How to Adjust Tracking in
Adobe Illustrator / Photoshop
Open the character palette
located under Window and then Character
Change the number in the Tracking field.
The Tracking field is below the kerning field.
Don’t forget to highlight the text you want to change before adjusting it
Basics of typography kerning
Basics of typography kerning
Basics of typography kerning
Measuring Type
The traditional system of typographic measurement
utilizes two basic units: the point and the pica.
The height of type is measured in points
The width of a letter or a line of type is measured in picas
Measuring Type
Most type is available in sizes ranging from 5 points to 72 points
Type that is 14 points and less is used for setting text
and is called text type or body copy.
Sizes above 14 points are used for display type.
Measuring Type
Measuring Type
In metal type, letterspacing and word spacing are
produced by the insertion of
quads
-a metal block shorter than
the type height—between pieces of metal type.
Both traditionally and today,
an “em” is used as a unit of measure.
Basics of typography kerning
Measuring Type
Originally the em was a unit of measurement roughly
equivalent to the width of the capital M in a given typeface
at a specific point size. Now the em is usually sized to be
equivalent to the point size of a given font.
For 12 point type, a 2-em indent would be 24 points — 2 x 12.
One half of an em is called an “en.”
Measuring Type

More Related Content

What's hot

Typography
TypographyTypography
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
Jennifer Janviere
 
Typography
TypographyTypography
Typography
Kabir Malkani
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
sbernalmarcial
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
Big Fish Presentations
 
Typography ppt
Typography pptTypography ppt
Typography ppt
ArtfulArtsyAmy
 
Typography
TypographyTypography
Typography
Derek Miller
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
Greg Sarles
 
typography
 typography typography
typography
Rahul Gupta
 
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
Shawn Calvert
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
shira73
 
Design Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenDesign Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin Cullen
Hazlin Aisha Zainal Abidin
 
Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The Basics
Mainstreethost
 
Composition and layout
Composition and layoutComposition and layout
Composition and layout
ABY AUGUSTINE
 
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Tomasz Charnas
 
What is Graphic Design?
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
Jennifer Janviere
 
The typography
The typographyThe typography
The typography
Fady El-Masry
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2
Jennifer Janviere
 
Typography - History, Basics and Trends
Typography - History, Basics and TrendsTypography - History, Basics and Trends
Typography - History, Basics and Trends
Rida Farooq
 
Fundamental of typography
Fundamental of typographyFundamental of typography
Fundamental of typography
Rayn HOWAYEK
 

What's hot (20)

Typography
TypographyTypography
Typography
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 
Typography
TypographyTypography
Typography
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
 
Typography ppt
Typography pptTypography ppt
Typography ppt
 
Typography
TypographyTypography
Typography
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
 
typography
 typography typography
typography
 
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
 
Design Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenDesign Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin Cullen
 
Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The Basics
 
Composition and layout
Composition and layoutComposition and layout
Composition and layout
 
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
 
What is Graphic Design?
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
 
The typography
The typographyThe typography
The typography
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2
 
Typography - History, Basics and Trends
Typography - History, Basics and TrendsTypography - History, Basics and Trends
Typography - History, Basics and Trends
 
Fundamental of typography
Fundamental of typographyFundamental of typography
Fundamental of typography
 

Viewers also liked

Typography Anatomy presentation 2016
Typography Anatomy presentation 2016Typography Anatomy presentation 2016
Typography Anatomy presentation 2016
alfiyafalak
 
1.letterAnatomy
1.letterAnatomy1.letterAnatomy
1.letterAnatomy
Renée Cossutta
 
Repaso
RepasoRepaso
Repaso
arlettcbta90
 
Mapa mental
Mapa mentalMapa mental
Mapa mental
Ana Romano
 
myprofile112715
myprofile112715myprofile112715
myprofile112715
Rodolfo (Rudy) Vazquez
 
2016_07_11 ТАРАСЕНКО Т.М. завідувач обласної консультативної поліклініки
2016_07_11 ТАРАСЕНКО Т.М. завідувач обласної консультативної поліклініки2016_07_11 ТАРАСЕНКО Т.М. завідувач обласної консультативної поліклініки
2016_07_11 ТАРАСЕНКО Т.М. завідувач обласної консультативної поліклініки
Дніпропетровська обласна клінічна лікарня ім. І.І. Мечникова
 
Valores, creencias y normas
Valores, creencias y normasValores, creencias y normas
Valores, creencias y normas
arlettcbta90
 
Benchmarking PPP 2017 - WB
Benchmarking PPP 2017 - WBBenchmarking PPP 2017 - WB
Benchmarking PPP 2017 - WB
Javier Caravantes
 
IFS Article - Exporter 90
IFS Article - Exporter 90IFS Article - Exporter 90
IFS Article - Exporter 90
Saahd Ghouse
 
Participación de los padres
Participación de los padresParticipación de los padres
Participación de los padres
samumanja
 
79-Dr Ahmed Esawy imaging oral board MRI TMJ JOINT
79-Dr Ahmed Esawy imaging oral board MRI TMJ JOINT79-Dr Ahmed Esawy imaging oral board MRI TMJ JOINT
79-Dr Ahmed Esawy imaging oral board MRI TMJ JOINT
AHMED ESAWY
 
69-Dr Ahmed Esawy imaging oral board diagnostic imaging spine brain head nec...
69-Dr Ahmed Esawy imaging  oral board diagnostic imaging spine brain head nec...69-Dr Ahmed Esawy imaging  oral board diagnostic imaging spine brain head nec...
69-Dr Ahmed Esawy imaging oral board diagnostic imaging spine brain head nec...
AHMED ESAWY
 
Historiaurrea june galan
Historiaurrea june galanHistoriaurrea june galan
Historiaurrea june galan
Lourdes Macicior
 
71-Dr Ahmed Esawy imaging oral board of MRI hip joint part I
71-Dr Ahmed Esawy imaging oral board of  MRI hip joint part I71-Dr Ahmed Esawy imaging oral board of  MRI hip joint part I
71-Dr Ahmed Esawy imaging oral board of MRI hip joint part I
AHMED ESAWY
 
Las funciones de la educación
Las funciones de la educaciónLas funciones de la educación
Las funciones de la educación
maluque
 
66-Dr Ahmed Esawy imaging oral board of function MRI MRS DWI MRI PERFUSION
66-Dr Ahmed Esawy  imaging oral board of  function MRI MRS DWI MRI PERFUSION66-Dr Ahmed Esawy  imaging oral board of  function MRI MRS DWI MRI PERFUSION
66-Dr Ahmed Esawy imaging oral board of function MRI MRS DWI MRI PERFUSION
AHMED ESAWY
 
Better Typography
Better TypographyBetter Typography
Better Typography
markboultondesign
 
Google Analytics & AdWords 101
Google Analytics & AdWords 101Google Analytics & AdWords 101
Google Analytics & AdWords 101
Roberto Lopez
 
EL CUERPO HUMANO
EL CUERPO HUMANOEL CUERPO HUMANO
EL CUERPO HUMANO
migescnav
 

Viewers also liked (19)

Typography Anatomy presentation 2016
Typography Anatomy presentation 2016Typography Anatomy presentation 2016
Typography Anatomy presentation 2016
 
1.letterAnatomy
1.letterAnatomy1.letterAnatomy
1.letterAnatomy
 
Repaso
RepasoRepaso
Repaso
 
Mapa mental
Mapa mentalMapa mental
Mapa mental
 
myprofile112715
myprofile112715myprofile112715
myprofile112715
 
2016_07_11 ТАРАСЕНКО Т.М. завідувач обласної консультативної поліклініки
2016_07_11 ТАРАСЕНКО Т.М. завідувач обласної консультативної поліклініки2016_07_11 ТАРАСЕНКО Т.М. завідувач обласної консультативної поліклініки
2016_07_11 ТАРАСЕНКО Т.М. завідувач обласної консультативної поліклініки
 
Valores, creencias y normas
Valores, creencias y normasValores, creencias y normas
Valores, creencias y normas
 
Benchmarking PPP 2017 - WB
Benchmarking PPP 2017 - WBBenchmarking PPP 2017 - WB
Benchmarking PPP 2017 - WB
 
IFS Article - Exporter 90
IFS Article - Exporter 90IFS Article - Exporter 90
IFS Article - Exporter 90
 
Participación de los padres
Participación de los padresParticipación de los padres
Participación de los padres
 
79-Dr Ahmed Esawy imaging oral board MRI TMJ JOINT
79-Dr Ahmed Esawy imaging oral board MRI TMJ JOINT79-Dr Ahmed Esawy imaging oral board MRI TMJ JOINT
79-Dr Ahmed Esawy imaging oral board MRI TMJ JOINT
 
69-Dr Ahmed Esawy imaging oral board diagnostic imaging spine brain head nec...
69-Dr Ahmed Esawy imaging  oral board diagnostic imaging spine brain head nec...69-Dr Ahmed Esawy imaging  oral board diagnostic imaging spine brain head nec...
69-Dr Ahmed Esawy imaging oral board diagnostic imaging spine brain head nec...
 
Historiaurrea june galan
Historiaurrea june galanHistoriaurrea june galan
Historiaurrea june galan
 
71-Dr Ahmed Esawy imaging oral board of MRI hip joint part I
71-Dr Ahmed Esawy imaging oral board of  MRI hip joint part I71-Dr Ahmed Esawy imaging oral board of  MRI hip joint part I
71-Dr Ahmed Esawy imaging oral board of MRI hip joint part I
 
Las funciones de la educación
Las funciones de la educaciónLas funciones de la educación
Las funciones de la educación
 
66-Dr Ahmed Esawy imaging oral board of function MRI MRS DWI MRI PERFUSION
66-Dr Ahmed Esawy  imaging oral board of  function MRI MRS DWI MRI PERFUSION66-Dr Ahmed Esawy  imaging oral board of  function MRI MRS DWI MRI PERFUSION
66-Dr Ahmed Esawy imaging oral board of function MRI MRS DWI MRI PERFUSION
 
Better Typography
Better TypographyBetter Typography
Better Typography
 
Google Analytics & AdWords 101
Google Analytics & AdWords 101Google Analytics & AdWords 101
Google Analytics & AdWords 101
 
EL CUERPO HUMANO
EL CUERPO HUMANOEL CUERPO HUMANO
EL CUERPO HUMANO
 

Similar to Basics of typography kerning

Typography class 3
Typography class 3Typography class 3
Typography class 3
Pedro Aguirre
 
Chap6
Chap6Chap6
Chap6
dkd_woohoo
 
Typography manual2pages
Typography manual2pagesTypography manual2pages
Typography manual2pages
KristinaNiesova
 
Pamela p. 41 to 54
Pamela p. 41 to 54Pamela p. 41 to 54
Pamela p. 41 to 54
ruedardz
 
Pamela p. 41 to 54
Pamela p. 41 to 54Pamela p. 41 to 54
Pamela p. 41 to 54
ruedardz
 
Cyberworx Brand identity
Cyberworx Brand identityCyberworx Brand identity
Cyberworx Brand identity
JAVIER™
 
Text
TextText
2010 04 Formatting Text
2010 04 Formatting Text2010 04 Formatting Text
2010 04 Formatting Text
Buffalo Seminary
 
Cristina gzz exam
Cristina gzz examCristina gzz exam
Cristina gzz exam
cristinagzzg
 
CHAPTER – 3 Text
CHAPTER – 3    TextCHAPTER – 3    Text
CHAPTER – 3 Text
Amir Ibrahim Tahir
 
Typography
TypographyTypography
Typography
JessicaCheung1998
 
Formatting Text
Formatting TextFormatting Text
Formatting Text
Buffalo Seminary
 
Tips and Tricks how to use Typography
Tips and Tricks how to use TypographyTips and Tricks how to use Typography
Tips and Tricks how to use Typography
Ravi Bhadauria
 
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
prologuitoedic
 
VA1160 - Class 11
VA1160 - Class 11VA1160 - Class 11
VA1160 - Class 11
Bryan Chung
 
Basic formatting
Basic formattingBasic formatting
Basic formatting
nancylg98123
 
Chapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdgChapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdg
FarisZainudin1
 
Basic formatting
Basic formattingBasic formatting
Basic formatting
valell
 
Font new edit
Font new editFont new edit
Font new edit
Attaporn Ninsuwan
 
P. 41 to 54 Regina Cuevas
P. 41 to 54 Regina CuevasP. 41 to 54 Regina Cuevas
P. 41 to 54 Regina Cuevas
rexcuevas
 

Similar to Basics of typography kerning (20)

Typography class 3
Typography class 3Typography class 3
Typography class 3
 
Chap6
Chap6Chap6
Chap6
 
Typography manual2pages
Typography manual2pagesTypography manual2pages
Typography manual2pages
 
Pamela p. 41 to 54
Pamela p. 41 to 54Pamela p. 41 to 54
Pamela p. 41 to 54
 
Pamela p. 41 to 54
Pamela p. 41 to 54Pamela p. 41 to 54
Pamela p. 41 to 54
 
Cyberworx Brand identity
Cyberworx Brand identityCyberworx Brand identity
Cyberworx Brand identity
 
Text
TextText
Text
 
2010 04 Formatting Text
2010 04 Formatting Text2010 04 Formatting Text
2010 04 Formatting Text
 
Cristina gzz exam
Cristina gzz examCristina gzz exam
Cristina gzz exam
 
CHAPTER – 3 Text
CHAPTER – 3    TextCHAPTER – 3    Text
CHAPTER – 3 Text
 
Typography
TypographyTypography
Typography
 
Formatting Text
Formatting TextFormatting Text
Formatting Text
 
Tips and Tricks how to use Typography
Tips and Tricks how to use TypographyTips and Tricks how to use Typography
Tips and Tricks how to use Typography
 
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
 
VA1160 - Class 11
VA1160 - Class 11VA1160 - Class 11
VA1160 - Class 11
 
Basic formatting
Basic formattingBasic formatting
Basic formatting
 
Chapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdgChapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdg
 
Basic formatting
Basic formattingBasic formatting
Basic formatting
 
Font new edit
Font new editFont new edit
Font new edit
 
P. 41 to 54 Regina Cuevas
P. 41 to 54 Regina CuevasP. 41 to 54 Regina Cuevas
P. 41 to 54 Regina Cuevas
 

Recently uploaded

Coleman_Lana_DMBS_PersonalBrand1_2024-09.pptx
Coleman_Lana_DMBS_PersonalBrand1_2024-09.pptxColeman_Lana_DMBS_PersonalBrand1_2024-09.pptx
Coleman_Lana_DMBS_PersonalBrand1_2024-09.pptx
lanajaneerin57
 
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
xedese
 
Amourochure20 we don't know at the 24-1.pdf
Amourochure20 we don't know at the 24-1.pdfAmourochure20 we don't know at the 24-1.pdf
Amourochure20 we don't know at the 24-1.pdf
GamerLover1
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
92nqjwr76x
 
Mahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model Safe
Mahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model SafeMahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model Safe
Mahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model Safe
hina ojha$A17
 
Vashikaran Specialist in Delhi +𝟗𝟏-0000000000 ᓚᘏᗢ Black Magic Specialist In ...
Vashikaran Specialist in Delhi  +𝟗𝟏-0000000000 ᓚᘏᗢ Black Magic Specialist In ...Vashikaran Specialist in Delhi  +𝟗𝟏-0000000000 ᓚᘏᗢ Black Magic Specialist In ...
Vashikaran Specialist in Delhi +𝟗𝟏-0000000000 ᓚᘏᗢ Black Magic Specialist In ...
ranjeetsinginfo009
 
EDC Tech presentation: Event Management Class
EDC Tech presentation: Event Management ClassEDC Tech presentation: Event Management Class
EDC Tech presentation: Event Management Class
gmbarton
 
一比一原版(mcgill文凭证书)加拿大麦吉尔大学毕业证如何办理
一比一原版(mcgill文凭证书)加拿大麦吉尔大学毕业证如何办理一比一原版(mcgill文凭证书)加拿大麦吉尔大学毕业证如何办理
一比一原版(mcgill文凭证书)加拿大麦吉尔大学毕业证如何办理
ecoyd
 
Right Choice Landscaping offers exceptional villa landscape maintenance servi...
Right Choice Landscaping offers exceptional villa landscape maintenance servi...Right Choice Landscaping offers exceptional villa landscape maintenance servi...
Right Choice Landscaping offers exceptional villa landscape maintenance servi...
rightchoicelandscapi
 
Glasgow University degree Certificate
Glasgow University degree CertificateGlasgow University degree Certificate
Glasgow University degree Certificate
tezeqes
 
Summer Sunrise (Slideshow by: Kal-el Marcus)
Summer Sunrise (Slideshow by: Kal-el Marcus)Summer Sunrise (Slideshow by: Kal-el Marcus)
Summer Sunrise (Slideshow by: Kal-el Marcus)
Kal-el Shows
 
一比一原版(UQ毕业证)澳洲昆士兰大学毕业证如何办理
一比一原版(UQ毕业证)澳洲昆士兰大学毕业证如何办理一比一原版(UQ毕业证)澳洲昆士兰大学毕业证如何办理
一比一原版(UQ毕业证)澳洲昆士兰大学毕业证如何办理
ijk38lw
 
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
antonellispunches643
 
@Call @Girls Howrah 0000000000 Priya Sharma Beautiful And Cute Girl any Time
@Call @Girls Howrah 0000000000 Priya Sharma Beautiful And Cute Girl any Time@Call @Girls Howrah 0000000000 Priya Sharma Beautiful And Cute Girl any Time
@Call @Girls Howrah 0000000000 Priya Sharma Beautiful And Cute Girl any Time
versagrag
 
South Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
South Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model SafeSouth Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
South Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
nikhilkumarji0156
 
Site Safety Observation Report 20230617.pdf
Site Safety Observation Report 20230617.pdfSite Safety Observation Report 20230617.pdf
Site Safety Observation Report 20230617.pdf
ArpitaYadav68
 
Product Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptxProduct Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptx
wojakmodern
 
十大热门2024欧洲杯投注首页-十大2024欧洲杯投注网站 |【​网址​🎉ac10.net🎉​】
十大热门2024欧洲杯投注首页-十大2024欧洲杯投注网站 |【​网址​🎉ac10.net🎉​】十大热门2024欧洲杯投注首页-十大2024欧洲杯投注网站 |【​网址​🎉ac10.net🎉​】
十大热门2024欧洲杯投注首页-十大2024欧洲杯投注网站 |【​网址​🎉ac10.net🎉​】
andreassenrolf537
 
Best Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in Delhi
Best Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in DelhiBest Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in Delhi
Best Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in Delhi
bookkdreamsgirls
 
Mastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern WebsitesMastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern Websites
webOdoctor Inc
 

Recently uploaded (20)

Coleman_Lana_DMBS_PersonalBrand1_2024-09.pptx
Coleman_Lana_DMBS_PersonalBrand1_2024-09.pptxColeman_Lana_DMBS_PersonalBrand1_2024-09.pptx
Coleman_Lana_DMBS_PersonalBrand1_2024-09.pptx
 
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
 
Amourochure20 we don't know at the 24-1.pdf
Amourochure20 we don't know at the 24-1.pdfAmourochure20 we don't know at the 24-1.pdf
Amourochure20 we don't know at the 24-1.pdf
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
 
Mahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model Safe
Mahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model SafeMahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model Safe
Mahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model Safe
 
Vashikaran Specialist in Delhi +𝟗𝟏-0000000000 ᓚᘏᗢ Black Magic Specialist In ...
Vashikaran Specialist in Delhi  +𝟗𝟏-0000000000 ᓚᘏᗢ Black Magic Specialist In ...Vashikaran Specialist in Delhi  +𝟗𝟏-0000000000 ᓚᘏᗢ Black Magic Specialist In ...
Vashikaran Specialist in Delhi +𝟗𝟏-0000000000 ᓚᘏᗢ Black Magic Specialist In ...
 
EDC Tech presentation: Event Management Class
EDC Tech presentation: Event Management ClassEDC Tech presentation: Event Management Class
EDC Tech presentation: Event Management Class
 
一比一原版(mcgill文凭证书)加拿大麦吉尔大学毕业证如何办理
一比一原版(mcgill文凭证书)加拿大麦吉尔大学毕业证如何办理一比一原版(mcgill文凭证书)加拿大麦吉尔大学毕业证如何办理
一比一原版(mcgill文凭证书)加拿大麦吉尔大学毕业证如何办理
 
Right Choice Landscaping offers exceptional villa landscape maintenance servi...
Right Choice Landscaping offers exceptional villa landscape maintenance servi...Right Choice Landscaping offers exceptional villa landscape maintenance servi...
Right Choice Landscaping offers exceptional villa landscape maintenance servi...
 
Glasgow University degree Certificate
Glasgow University degree CertificateGlasgow University degree Certificate
Glasgow University degree Certificate
 
Summer Sunrise (Slideshow by: Kal-el Marcus)
Summer Sunrise (Slideshow by: Kal-el Marcus)Summer Sunrise (Slideshow by: Kal-el Marcus)
Summer Sunrise (Slideshow by: Kal-el Marcus)
 
一比一原版(UQ毕业证)澳洲昆士兰大学毕业证如何办理
一比一原版(UQ毕业证)澳洲昆士兰大学毕业证如何办理一比一原版(UQ毕业证)澳洲昆士兰大学毕业证如何办理
一比一原版(UQ毕业证)澳洲昆士兰大学毕业证如何办理
 
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
 
@Call @Girls Howrah 0000000000 Priya Sharma Beautiful And Cute Girl any Time
@Call @Girls Howrah 0000000000 Priya Sharma Beautiful And Cute Girl any Time@Call @Girls Howrah 0000000000 Priya Sharma Beautiful And Cute Girl any Time
@Call @Girls Howrah 0000000000 Priya Sharma Beautiful And Cute Girl any Time
 
South Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
South Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model SafeSouth Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
South Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
 
Site Safety Observation Report 20230617.pdf
Site Safety Observation Report 20230617.pdfSite Safety Observation Report 20230617.pdf
Site Safety Observation Report 20230617.pdf
 
Product Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptxProduct Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptx
 
十大热门2024欧洲杯投注首页-十大2024欧洲杯投注网站 |【​网址​🎉ac10.net🎉​】
十大热门2024欧洲杯投注首页-十大2024欧洲杯投注网站 |【​网址​🎉ac10.net🎉​】十大热门2024欧洲杯投注首页-十大2024欧洲杯投注网站 |【​网址​🎉ac10.net🎉​】
十大热门2024欧洲杯投注首页-十大2024欧洲杯投注网站 |【​网址​🎉ac10.net🎉​】
 
Best Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in Delhi
Best Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in DelhiBest Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in Delhi
Best Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in Delhi
 
Mastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern WebsitesMastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern Websites
 

Basics of typography kerning

  • 2. Anatomy of Type Historic Families of Type and Classification Type / Typeface / Font / Families of Type Studying a Typeface Kerning, Leading, Tracking, Measuring Type
  • 3. A designer measures type as well as the spatial intervals between typographic elements. These intervals occur between letters, between words, and between two lines of type The spatial interval between letters is called letterspacing Adjusting the letterspacing is called kerning The spatial interval between words is word spacing The spatial interval between two lines of type is line spacing, traditionally called leading in metal type, where strips of lead of varying thickness (measured in points) were used to increase the space between lines of type
  • 4. Kerning Kerning adjusts the distance between two letters. Set too closely together, words are indecipherable; set too far apart, and they're awkward to read.
  • 7. How to Adjust Kerning in Adobe Illustrator / Photoshop Open the character palette located under Window and then Character Change the number in the Kerning field. The Kerning field is below the type size. Don’t forget to highlight the text you want to change before adjusting it
  • 21. Leading Leading is an essential design aspect that determines how text is spaced vertically in lines. Leading refers to the distance between the baselines of successive lines of type You'll want to make sure the distance from the bottom of the words above to the top of the words below has appropriate spacing to make them legible.
  • 23. How to Adjust Leading in Adobe Illustrator / Photoshop Open the character palette located under Window and then Character Change the number in the leading field. The leading field is next to the type size. Don’t forget to highlight the text you want to change before adjusting it
  • 29. Tracking Tracking is often confused for kerning, but the concept is a little different. Tracking involves adjusting the spacing throughout the entire word.
  • 30. Tracking Once you've determined the right spacing between each letter, tracking can be used, with great restraint, to change the spacing equally between every letter at once. You should be very careful when changing the tracking, as it can quickly lead to difficulty in reading.
  • 31. How to Adjust Tracking in Adobe Illustrator / Photoshop Open the character palette located under Window and then Character Change the number in the Tracking field. The Tracking field is below the kerning field. Don’t forget to highlight the text you want to change before adjusting it
  • 35. Measuring Type The traditional system of typographic measurement utilizes two basic units: the point and the pica. The height of type is measured in points The width of a letter or a line of type is measured in picas
  • 36. Measuring Type Most type is available in sizes ranging from 5 points to 72 points Type that is 14 points and less is used for setting text and is called text type or body copy. Sizes above 14 points are used for display type.
  • 38. Measuring Type In metal type, letterspacing and word spacing are produced by the insertion of quads -a metal block shorter than the type height—between pieces of metal type. Both traditionally and today, an “em” is used as a unit of measure.
  • 40. Measuring Type Originally the em was a unit of measurement roughly equivalent to the width of the capital M in a given typeface at a specific point size. Now the em is usually sized to be equivalent to the point size of a given font. For 12 point type, a 2-em indent would be 24 points — 2 x 12. One half of an em is called an “en.”