Adobe Photoshop Type Character Panel Font Size Leading Tracking Kerning

What This Is and Why It Matters

The Character Panel in Adobe Photoshop is a powerful tool for manipulating text properties. It allows precise control over font, size, leading, tracking, and kerning. Mastering these settings is crucial for creating professional, readable, and visually appealing designs. Incorrect usage can lead to poor legibility and unprofessional results, affecting the overall quality of your work. For instance, improper kerning can make text look uneven and amateurish, reducing the impact of your design.

Core Knowledge (What You Must Internalize)

• Font: The style and design of the typeface (e.g., Arial, Times New Roman). (Why this matters: Different fonts convey different moods and purposes.)
• Size: The height of the text measured in points (pt). (Why this matters: Size affects readability and visual hierarchy.)
• Leading: The space between lines of text. (Why this matters: Proper leading improves readability and visual flow.)
• Tracking: The overall spacing between characters in a block of text. (Why this matters: Adjusting tracking can enhance readability and aesthetic appeal.)
• Kerning: The space between individual pairs of characters. (Why this matters: Fine-tuning kerning can make text look more polished and professional.)
• Typical units: Font size is measured in points (pt), leading in points or percentages, and tracking/kerning in units (1/1000 em).

Step‑by‑Step Deep Dive

1. Open the Character Panel:
2. Go to Window > Character in Photoshop.
3. This panel allows you to adjust text properties.

4. Example: Open a new document and add a text layer.

5. Select a Font:

6. Choose a font from the Font Family dropdown.
7. Different fonts have different personalities.
8. Example: Select "Arial" for a clean, modern look.

9. ⚠️ Common pitfall: Avoid using too many different fonts in one design.

10. Adjust Font Size:

11. Set the font size using the Font Size field.
12. Larger sizes are for headings, smaller for body text.
13. Example: Set the size to 24 pt for a heading.

14. ⚠️ Common pitfall: Too large or too small sizes can affect readability.

15. Set Leading:

16. Adjust the Leading value to control line spacing.
17. Proper leading makes text easier to read.
18. Example: Set leading to 120% for body text.

19. ⚠️ Common pitfall: Too much or too little leading can disrupt the visual flow.

20. Adjust Tracking:

21. Use the Tracking field to change overall character spacing.
22. Positive values increase space, negative values decrease it.
23. Example: Set tracking to 50 for a more spaced-out look.

24. ⚠️ Common pitfall: Extreme tracking values can make text hard to read.

25. Fine-tune Kerning:

26. Place the cursor between two characters and adjust the Kerning value.
27. Kerning is crucial for pairs like "AV" or "To".
28. Example: Adjust kerning between "A" and "V" to -50.
29. ⚠️ Common pitfall: Ignoring kerning can result in uneven text.

How Experts Think About This Topic

Experts view the Character Panel as a toolkit for typographic precision. They focus on the overall readability and visual harmony of the text, adjusting each setting with a clear understanding of its impact on the design. Instead of applying settings randomly, they consider the context and purpose of the text.

Common Mistakes (Even Smart People Make)

• The mistake: Using too many different fonts.
• Why it's wrong: Creates a chaotic and unprofessional look.
• How to avoid: Stick to 2-3 fonts per design.

• Exam trap: Questions about font consistency.

• The mistake: Ignoring leading.

• Why it's wrong: Text becomes hard to read.
• How to avoid: Always adjust leading for body text.

• Exam trap: Scenarios with poor readability.

• The mistake: Extreme tracking values.

• Why it's wrong: Text looks stretched or compressed.
• How to avoid: Use moderate tracking values.

• Exam trap: Identifying poor tracking in designs.

• The mistake: Not adjusting kerning.

• Why it's wrong: Uneven spacing between characters.
• How to avoid: Check and adjust kerning for problematic pairs.
• Exam trap: Spotting kerning issues in text samples.

Practice with Real Scenarios

Scenario: You are designing a poster with a heading and body text.
Question: What font size and leading should you use for the heading and body text? Solution: - Heading: Font size 36 pt, leading 100%.
- Body text: Font size 12 pt, leading 120%.
Answer: Heading: 36 pt, 100% leading. Body text: 12 pt, 120% leading.
Why it works: Larger font size for headings draws attention, while increased leading in body text improves readability.

Scenario: You notice that the text "AVAILABLE" looks uneven.
Question: How can you fix this? Solution: - Place the cursor between "A" and "V" and adjust kerning to -50.
- Repeat for other problematic pairs.
Answer: Adjust kerning between "A" and "V" to -50.
Why it works: Proper kerning creates a visually balanced text.

Scenario: You want to create a modern, clean design.
Question: Which font and tracking settings should you use? Solution: - Choose a sans-serif font like "Helvetica".
- Set tracking to 20 for a slightly spaced-out look.
Answer: Helvetica, tracking 20.
Why it works: Sans-serif fonts and moderate tracking create a modern aesthetic.

Quick Reference Card

• Core rule: Adjust font, size, leading, tracking, and kerning for readability and visual appeal.
• Key formula: Leading = Font Size × Leading Percentage.
• Critical facts: Use 2-3 fonts per design, adjust leading for body text, use moderate tracking values.
• Dangerous pitfall: Ignoring kerning can result in uneven text.
• Mnemonic: "FLTK" (Font, Leading, Tracking, Kerning) for typographic control.

If You're Stuck (Exam or Real Life)

• What to check first: Verify font size and leading for readability.
• How to reason from first principles: Think about the purpose of the text and adjust settings accordingly.
• When to use estimation: Estimate leading as 120% of font size for body text.
• Where to find the answer: Refer to design guidelines or typography resources.

Related Topics

• Paragraph Panel: Controls text alignment and spacing. (Study next to understand text block formatting.)
• Layer Styles: Adds effects like shadows and glows to text. (Study next to enhance text aesthetics.)