Paragraph Styles in Photoshop: Fix the Font Size Problem
89.1K views 2,032 likes 105 comments
Jump to a step in the video (6)
Click a time to play the video from there.
Your choices stick across every tutorial on this device.
Paragraph styles in Photoshop let you control the font, size, and color of multiple text layers from a single dialog box.
They work like CSS in web design. You set the look once, and every text layer that uses the style updates when you change it.
There is a catch. If you scale a text layer with Free Transform instead of changing its font size, the paragraph style comes out the wrong size on that layer.
This tutorial is for anyone who creates infographics, posters, or templates with many text layers.
You will learn how paragraph styles and character styles work, why scaled text breaks them, and the one hack that removes the hidden transformation.
The hack in Step 4 needs Photoshop 2020 or the current version. Paragraph styles themselves have been in Photoshop since CS6.
Key Takeaways
- Scaling a text layer with Free Transform and changing its font size look identical, but Photoshop stores the scale as a hidden transformation.
- A paragraph style applies on top of that hidden transformation. A layer scaled to 200% shows twice the font size the style asks for.
- Character styles override paragraph styles. Create the paragraph style first and use a character style only for exceptions, like an underline.
- Reset Character and the Properties panel cannot remove the transformation. Adding a character style from the Libraries panel does.
- Select a layer that is not a text layer before you create or edit a style. Otherwise Photoshop applies the style to the whole selected text layer.
Table of contents
- What You Will Learn
- Requirements
- Keyboard Shortcuts
- What Are Paragraph Styles in Photoshop
- Step 1: Create a Paragraph Style
- Step 2: Apply the Paragraph Style
- Step 3: Add a Character Style
- Why Scaled Text Breaks Paragraph Styles
- The Font Size Mismatch
- Step 4: The Libraries Panel Hack
- Frequently Asked Questions
- Paragraph Styles in Photoshop, Done Right
- Related Links
What You Will Learn
- How to create a paragraph style and apply it to many text layers at once
- How to use a character style to override part of a text layer
- Why a text layer scaled with Free Transform ignores the font size in a paragraph style
- How to remove the hidden transformation with the Libraries panel
Requirements
Before you start
- Photoshop 2020 or the current version, for the Libraries panel hack in Step 4
- A document with a few text layers. The video uses two identical groups, each with three layers that read Small, Medium, and Large at 100 points.
Keyboard Shortcuts
| Action | Windows | macOS |
|---|---|---|
| Free Transform | Ctrl T | Command T |
| Undo | Ctrl Z | Command Z |
| Hide Extras | Ctrl H | Command H |
What Are Paragraph Styles in Photoshop
A paragraph style is a saved set of text attributes. It can hold the font family, the font size, the color, and anything else you can apply to a text layer.
Go to Window > Paragraph Styles to open the Paragraph Styles panel. From here, you create a style and apply it to as many text layers as you like.
The video uses an infographic of Photoshop keyboard shortcuts as the example. Every orange label describes a shortcut, like CtrlH (Windows) or CommandH (macOS) to hide the extras.
That document has dozens of text layers. Without paragraph styles, changing the font or color means editing each layer individually.
With the paragraph style Shortcuts applied to all of them, double-click the style, change blue to green, and press OK. Every layer that uses the style turns green.
Change the font family to Brush Script in the same dialog box, and every label switches fonts at once. That is the whole point of paragraph styles.
Paragraph styles work on any text layer, including text typed on a circular path.
Step 1: Create a Paragraph Style
Start with a simple document. The video has two identical groups, each containing three text layers labeled Small, Medium, and Large.
Select the Horizontal Type Tool and click on each layer. They all use the same font at 100 points.
Before you create a style, select a layer that is not a text layer. If a text layer is selected, Photoshop applies the style to it as you build it, which can get confusing.
In the Paragraph Styles panel, click the Create New Paragraph Style icon at the bottom. A new style appears in the list.
Double-click the new style to open the Paragraph Style Options dialog box. Rename it Green Text, because that is what it will make.
Set the font size to 60 points. Change the font family to Brush Script, and pick a green for the color. Press OK, then OK again. That defines the paragraph style.
Step 2: Apply the Paragraph Style
Select the Small text layer in the Layers panel. Then click Green Text in the Paragraph Styles panel. The layer turns green, grows to 60 points, and switches to Brush Script.
Sometimes the style does not apply right away, and a plus icon appears next to its name. That plus means the layer still carries settings that override the style.
Click the reset icon at the bottom of the panel to clear the override. Its tooltip reads Clear Override. The style then applies in full.
Repeat for the Medium and Large layers. Select the layer, click Green Text, and reset if you see the plus. All three layers now share one paragraph style.
Now change your mind. Double-click Green Text, pick a darker green, change the font to Arial, and press OK. All three layers update together.
On a small graphic with one or two text layers, this is not much of an advantage. On a complex infographic, or a job where the client keeps asking for changes, it turns an hour of edits into a few clicks.
Step 3: Add a Character Style
Photoshop also has character styles. Think of them as overrides for a paragraph style. Always create the paragraph style first, and reach for a character style only when you need an exception.
An underline is a good example. Click a layer that is not a text layer, then go to Window > Character Styles to open the Character Styles panel.
Click the Create New Character Style icon, double-click the new style, and name it Underline. Check the Underline box and press OK.
Now select the Horizontal Type Tool, click into the Medium layer, and highlight part of the word. Click Underline in the panel. Only the highlighted characters get the underline.
Warning: If you double-click a character style while a text layer is selected, Photoshop applies it to the entire layer. Undo with CtrlZ (Windows) or CommandZ (macOS), select a layer that is not a text layer, and then edit the style.
With a non-text layer selected, double-click Underline. Change the color to red and the font family to Brush Script. The changes show up on the fly, on the highlighted characters only. Press OK.
That is how character styles work. They sit on top of the paragraph style and change only what you tell them to.
To get back to a clean file for the next part, go to File > Revert. That returns the document to the way it looked when you opened it or last saved it.
Why Scaled Text Breaks Paragraph Styles
A lot of instructors say that changing the font size and scaling a text layer give you the same result. They do look the same. Behind the scenes, they are not the same.
Try this. In the first group, change the sizes with the true font size. Set Small to 50 points, leave Medium at 100, and set Large to 200.
In the second group, use Free Transform instead. Select the Large layer and press CtrlT (Windows) or CommandT (macOS).
In the Options bar, make sure the chain link icon is on so the width and height stay linked. Type 200% and commit the transform. Then do the same on the Small layer with 50%.
Note: Since Photoshop CC 2019, Free Transform scales pixel and type layers proportionally by default, and holding Shift (Windows) or Shift (macOS) toggles that off. If you turned on Use Legacy Free Transform in Preferences, it works the old way. Either way, check the chain link icon before you type a percentage.
Now compare the two groups. They look identical. Click each layer with the Horizontal Type Tool and the sizes even match: 50, 100, and 200 points in both groups.
The Font Size Mismatch
The difference shows up when you apply a paragraph style. Create a new one called Green Text with a green color, 150 points, and Brush Script.
Apply it to the three layers in the first group. All three come out the same, at 150 points, just as you expect.
Apply it to the three scaled layers in the second group. Large comes out at 300 points, double the style. Small comes out at 75 points, half the style. Only Medium, which was never transformed, is right.
This happens because Photoshop keeps the scale as a transformation matrix inside the layer. When you apply a paragraph style, Photoshop applies that transformation on top of it.
There is nothing to reset under Transform in the Properties panel. Reset Character in the Character panel flyout menu does not clear it either.
Note: The video shows this mismatch in Photoshop 2020. If a paragraph style ever comes out at the wrong size on one layer, check whether that layer was scaled with Free Transform.
Step 4: The Libraries Panel Hack
There is no button that removes the transformation. There is one hack, and it needs Photoshop 2020 or the current version.
Go to Window > Libraries to open the Libraries panel. Select a regular text layer, one that was never scaled. The Medium layer works.
Click the Add Content icon at the bottom of the panel and choose Character Style. Photoshop adds that layer’s character style to your library.
Now select the scaled Small layer and click that character style in the Libraries panel. When the library style lands on the layer, Photoshop drops the transformation that was baked into it.
Do the same for the scaled Medium and Large layers. All three now behave like any other text layer.
Test it. Make sure no text layer is selected, then double-click Green Text in the Paragraph Styles panel. Change the color to red and the size to 72 points, and press OK.
The first group updates on its own. For the second group, select each layer and click Clear Override so the style applies again.
At this point, all six text layers follow one paragraph style. Change the font size once and every layer comes out the same.
Tip: Avoid the problem in the first place. When a text layer needs to be bigger or smaller, change the font size in the Character panel or the Options bar. Save Free Transform for pixel layers and shapes.
Frequently Asked Questions
A paragraph style is a saved set of text attributes, such as font family, font size, and color. You create it in the Paragraph Styles panel and apply it to any number of text layers. Edit the style once and every layer that uses it updates.
A paragraph style formats a whole text layer. A character style overrides part of it, like underlining a few characters or changing their color. Create the paragraph style first in the Paragraph Styles panel, then use the Character Styles panel only for exceptions.
The text layer was probably scaled with Free Transform instead of a font size change. Photoshop stores that scale as a hidden transformation and applies it on top of the style. A layer scaled to 200% shows twice the size the style asks for.
Select a text layer that was never scaled, click Add Content in the Libraries panel, and choose Character Style. Then select the scaled layer and click that style in the Libraries panel. Photoshop drops the hidden transformation. This needs Photoshop 2020 or the current version.
No. They look the same on screen, and the Character panel even reports the same point size. But Free Transform leaves a transformation matrix inside the layer, and Photoshop applies paragraph styles and character styles on top of it.
The plus sign means the selected layer has settings that override the style. Click the Clear Override icon at the bottom of the Paragraph Styles panel to apply the style in full.
No. Reset Character in the Character panel flyout menu clears character formatting, not the transformation. The Properties panel has nothing to reset either. The Libraries panel character style is the only fix shown in the tutorial.
Paragraph Styles in Photoshop, Done Right
Paragraph styles turn a document full of text layers into something you can change in a few clicks.
The one rule is to set text size with the font size, never with Free Transform. If a layer was already scaled, the Libraries panel hack gets it back under control.
Watch the full tutorial above to see every step in real time. If you know a different fix for an older version of Photoshop, comment on the video.
Selections and Masking Mastery
Complete course includes 2.5 hours of step-by-step lessons, 6 structured modules, downloadable practice files, and custom Photoshop brushes. Everything you need to master selections and masks in one place.
Keep going
Next, learn how to type text in a circle in Photoshop.
