Character and Paragraph Panels in Photoshop — Complete Typography Guide

Every designer knows: text in a layout can become either the main highlight or a fatal mistake. Chaotically spaced letters, incorrect indents, and unreadable paragraphs ruin even the brightest visual concept. But Adobe Photoshop has two powerful tools that give you control over typography — the Character and Paragraph panels.

In this article, we will go through every button, every slider, and every hidden parameter. You will learn how to adjust fonts, spacing, alignment, and hyphenation to make your text look professional. And at the end, a bonus material and a special offer await you — don't miss it!

How to Open the Character and Paragraph Panels (and Not Lose Them)

First, you need to learn how to bring up the Character panel — go to Window → Character for working with characters and Window → Paragraph for working with paragraphs.

You can also open them via the toggle button on the options bar (the folder‑style icon with text). Both panels are usually grouped together, so it's convenient to dock them in your workspace.

Tip: Dock both panels together in one panel group to quickly switch between character and paragraph settings. This will save you hours of work.

Character Panel — All Character Settings

On the Character panel you see several fields, each responsible for a specific parameter. Here is what the main fields mean:

  • Set the font familySet the font family — selection of the typeface.
  • Set the font styleSet the font style — selection of the style (Regular, Bold, Italic, etc.).
  • Set the font sizeSet the font size — size in points, pixels, or millimeters.
  • Set the leadingSet the leading — distance between lines (leading).
  • Set the kerning between two charactersSet the kerning between two characters — adjustment of spacing between two specific letters.
  • Set the tracking for the selected charactersSet the tracking for the selected characters — uniform spacing adjustment for a group of characters (tracking).
  • Vertically scaleVertically scale — vertical stretching of characters.
  • Horizontally scaleHorizontally scale — horizontal stretching of characters.
  • Set the baseline shiftSet the baseline shift — raising or lowering characters relative to the baseline.
  • Set the text colorSet the text color — text fill color.

Below are buttons for quick style application:

In order: Faux BoldFaux Bold, Faux ItalicFaux Italic, All CapsAll Caps, Small CapsSmall Caps, SuperscriptSuperscript, SubscriptSubscript, UnderlineUnderline, StrikethroughStrikethrough.

The panel also has a dropdown for Set the languageSet the language on selected characters for hyphenation and spelling and anti‑aliasing method selection: None, Sharp, Crisp, Strong, Smooth.

For OpenType fonts, additional features are available: ligatures, alternate glyphs, fractions, etc. They are enabled via the panel menu (the three‑line icon on the right).

Table of All Character Panel Parameters

ParameterDescriptionShortcut / Note
Font FamilySelect a typeface
StyleRegular, Bold, Italic, etc.Depends on the installed font
SizeHeight of charactersCan be entered in points, pixels, mm
LeadingDistance between linesAuto = 120% of the font size
KerningDistance between two charactersSet with cursor between letters
TrackingUniform spacing for a group
Vertical ScaleStretch/squeeze verticallyNot recommended for distorting fonts
Horizontal ScaleStretch/squeeze horizontallyNot recommended
Baseline ShiftRaise/lower charactersUseful for formulas and fractions
ColorText fill
OpenType featuresLigatures, alternates, fractionsAvailable only for OpenType fonts
Styles (bold, italic, etc.)Fake style imitationMay differ from actual font styles

Paragraph Panel — Paragraph Management

The Paragraph panel controls alignment, indents, and spacing between paragraphs. Here are its main elements:

  • Left align textLeft align text
  • Center textCenter text
  • Right align textRight align text
  • Justify last leftJustify last left — justification with last line left‑aligned
  • Justify last centeredJustify last centered
  • Justify last rightJustify last right
  • Justify allJustify all — all lines stretched to full width

Just below are the indent fields:

  • Indent left marginIndent left margin
  • Indent right marginIndent right margin
  • Indent first lineIndent first line (first‑line indent)
  • Add space before paragraphAdd space before paragraph
  • Add space after paragraphAdd space after paragraph

In the additional menu (button at the top right) you will find spacing and hyphenation settings:

Spacing:

  • Word SpacingWord Spacing — min, desired, max
  • Letter SpacingLetter Spacing
  • Glyph ScalingGlyph Scaling — minimum and maximum
  • Auto LeadingAuto Leading — multiplier for leading

Hyphenation:

  • Words Longer ThanWords Longer Than — minimum word length for hyphenation
  • After FirstAfter First — minimum characters before the break
  • Before LastBefore Last — minimum characters after the break
  • Hyphen LimitHyphen Limit — maximum consecutive hyphens
  • Hyphenation ZoneHyphenation Zone — allowed distance to the right edge
  • Hyphenate Capitalized WordsHyphenate Capitalized Words — checkbox for hyphenating capitalized words

Table of All Paragraph Panel Parameters

ParameterDescription
Alignment (Left / Center / Right)Align to left, center, or right edge
Justification (Justify)Stretch to full width with different last‑line behaviour
Indent leftIndent the entire paragraph from the left
Indent rightIndent the entire paragraph from the right
Indent first lineFirst‑line indent (hanging indent)
Space beforeDistance to the previous paragraph
Space afterDistance after the paragraph
HyphenationAutomatic hyphenation with fine‑tuning
Spacing (Word, Letter, Glyph)Control over text density

Comparison of Character and Paragraph Panels

CriteriaCharacter PanelParagraph Panel
What it controlsIndividual characters and wordsWhole paragraphs
ApplicationTo selected textTo the entire paragraph / selected paragraphs
Main parametersFont, size, leading, kerning, trackingAlignment, justification, indents, spacing
OpenTypeYes (ligatures, alternates)No
Works with point textYesOnly alignment
Works with paragraph textYesYes (fully)

Practical Usage Scenarios

  • Logo / headline — use only the Character panel: adjust kerning, tracking, size, and scale for perfect balance.
  • Multi‑page text (booklet, article) — actively use Paragraph: justification, indents, leading, hyphenation for readability.
  • Poster — combine both panels: Character for accent headlines, Paragraph for body text.
  • Infographics — Character for highlighting key numbers, Paragraph for descriptions and call‑outs.
  • Web banner — Character for short slogans, alignment from Paragraph for multi‑line blocks.

Designer Reviews

\u{201c}

«Without the Character panel I feel like I have no hands — kerning saves any logo. And the Paragraph panel is what separates an amateur from a pro in layout. When I learned to use indents and justification properly, my layouts started to look like magazine spreads.»

Anna K.
\u{201c}

«OpenType features in the Character panel opened up new typographic possibilities for me. Ligatures and stylistic alternates add character to the text. And hyphenation settings in Paragraph help avoid ragged edges without manual tweaking.»

Mikhail S.
\u{201c}

«Many beginners ignore the Paragraph panel, thinking that left alignment is enough. But proper spacing between paragraphs and correct indents make the text airy and comfortable to read. This is the foundation every designer should know.»

Ekaterina V.

Common Mistakes and How to Avoid Them

  • ❌ Using spaces for indents → ✅ Use indents in the Paragraph panel (Indent First Line).
  • ❌ Stretching fonts with scaling → ✅ Choose the right typeface with the desired width.
  • ❌ Ignoring leading → ✅ Adjust Leading for comfortable readability (usually 120–150% of font size).
  • ❌ Confusing kerning and tracking → ✅ Kerning for a pair of letters, tracking for a whole word or phrase.
  • ❌ Using justification for short headlines → ✅ For headlines, better use centering or left alignment.
  • ❌ Inserting hyphens manually → ✅ Let automatic settings in Paragraph do it, but control the hyphenation zone.

Conclusion

Now you know that the Character and Paragraph panels are not just a set of fields, but a powerful toolkit for typography. Mastering them allows you to create clean, professional layouts where text works for the design, not against it.

Frequently Asked Questions (FAQ)

How to open the Character panel in Photoshop?

Go to Window → Character. You can also click the panel icon on the top options bar.

What is the difference between Character and Paragraph panels?

The Character panel controls individual characters and words (font, size, kerning, tracking). The Paragraph panel controls entire paragraphs (alignment, indents, spacing, hyphenation).

What are kerning and tracking in Photoshop?

Kerning adjusts the space between two specific characters. Tracking uniformly adjusts the space for a selected block of text (multiple characters or words).

How to set justification (text align) in Photoshop?

On the Paragraph panel, choose one of the four justification options. They differ in the alignment of the last line: left, centered, right, or full stretch.

Can I use the Paragraph panel with point text?

For point text (created with a single click) only alignment (left, center, right) is available. The full functionality of the Paragraph panel (indents, justification, hyphenation) works only with paragraph text (text frame).

What OpenType features are available in the Character panel?

In the Character panel, via the menu (three‑line icon), you can enable ligatures, stylistic alternates, fractions, ordinal numbers, and other features if the font supports OpenType.

How to adjust leading in Photoshop?

On the Character panel, in the Leading field (the icon with two arrows), enter the desired value. The default is "Auto", which equals 120% of the font size. You can manually set a value in points.

Судебный мониторинг - Все дела в одном месте
Отслеживайте процессы, получайте уведомления, анализируйте решения

Tap to react