How To Scale Layer Styles in Photoshop – Must-Know Techniques
54.4K views 2,270 likes 159 comments
Jump to a step in the video (3)
Click a time to play the video from there.
Your choices stick across every tutorial on this device.
Knowing how to scale layer styles in Photoshop keeps a Stroke, a Drop Shadow, or any other effect looking right after you resize a layer or a whole document.
Here is the problem. When you scale a layer with Free Transform, Photoshop scales the pixels but leaves every Layer Style at its original size. A 20-pixel Stroke stays 20 pixels wide, even on a letter half as big.
This tutorial is for anyone who designs with Layer Styles, whether that is a single Stroke on a logo or the stacked effects in the Black Panther text effect.
By the end, you will be able to fix the effects on one layer with Scale Effects, and resize every style in a document with Image Size. Each method takes a few clicks.
The video was recorded in Photoshop 2019 (version 20.0), and both commands work the same way in the current version of Photoshop.
Key Takeaways
- Free Transform scales the pixels on a layer, but it leaves every Layer Style at its original size.
- Scale Effects lives in the menu you get by right-clicking the fx icon. Right-clicking the layer name opens a different menu without it.
- Type the same percentage you used on the layer. A layer scaled to 50% needs its effects scaled to 50% too.
- Scale Effects changes every effect on the layer at once, so a 20-pixel Stroke becomes 10 pixels at 50%.
- Image Size resizes Layer Styles along with the document as long as Scale Styles is checked under the gear icon.
- Uncheck Scale Styles when you want a smaller document but effects left at their current size.
Table of contents
- What You Will Learn
- Requirements
- Keyboard Shortcuts
- Step 1: Open a Text Layer With Layer Styles Applied
- Step 2: Duplicate the Text With the Move Tool
- Step 3: Shrink the Copy With Free Transform
- Step 4: Scale Layer Styles With Scale Effects
- Step 5: Scale Styles With the Image Size Dialog
- Step 6: Turn Off Scale Styles to Keep the Effects Fixed
- Frequently Asked Questions
- Conclusion
- Related Links
What You Will Learn
- How to duplicate a layer by dragging it with the Move Tool
- How to scale a layer to an exact percentage with Free Transform
- Why a Stroke stays at its original width after you shrink the layer
- How to open Scale Effects from the fx icon and match the layer’s new size
- How to make Image Size scale every Layer Style along with the document
- How to stop Image Size from scaling the effects when you want them left alone
Requirements
Before you start
- Photoshop 2019 (version 20.0 or later) or the current version
- A layer with one or more Layer Styles applied, such as a text layer with a Stroke
Keyboard Shortcuts
| Action | Windows | macOS |
|---|---|---|
| Duplicate a layer by dragging with the Move Tool | Alt drag | Option drag |
| Free Transform | Ctrl T | Command T |
Step 1: Open a Text Layer With Layer Styles Applied
The example document has two layers: a background and a text layer with the letter S. The text layer has several Layer Styles applied to it.
The exact settings do not matter for this technique, but one number will help you see the problem. In the Layers panel, double-click Stroke under the text layer to open the Layer Style dialog.
The Stroke is set to 20 pixels. Keep that number in mind, then click Cancel to close the dialog.
Tip: If you use the Stroke effect on shapes, it rounds off every corner. Learn how to get strokes with pointy corners in Photoshop instead.
Step 2: Duplicate the Text With the Move Tool
Select the text layer in the Layers panel, then click the Move Tool in the toolbar.
Hold Alt (Windows) or Option (macOS) and drag the S to one side. Photoshop duplicates the layer as you drag, so you end up with two S layers that share the same Layer Styles.
The copy is the one you will scale. Keeping the original next to it makes the difference easy to see.
Step 3: Shrink the Copy With Free Transform
With the duplicated layer selected, press CtrlT (Windows) or CommandT (macOS) to enter Free Transform.
In the Options bar, type 50% in the Width field to scale the layer down by half. Then click the check mark to commit the change.
Now compare the two layers. The small S looks very different from the big one, because Photoshop does not scale the Layer Styles when you scale a layer.
Double-click Stroke under the small S. It still reads 20 pixels. A 20-pixel stroke on a half-size letter looks far too heavy.
The same goes for every other effect on the layer, including any drop shadows you built by hand. You designed something, you scaled it, and it no longer looks the same.
Note: Photoshop still works this way in the current version. A long-running request on the Adobe Community forums asks for effects to scale during a transform, but for now Scale Effects is the fix.
Tip: Convert the layer to a Smart Object before you transform it, and its effects scale along with it. The video does not cover this, but it is a good habit for designs you plan to resize often.
Step 4: Scale Layer Styles With Scale Effects
Right-click directly on the fx icon next to the small S in the Layers panel. A short menu appears. Choose Scale Effects.
Note: Right-click the fx icon itself. If you right-click the layer name or the thumbnail, you get a different menu, and Scale Effects is not on it.
A small dialog opens with a Scale field and a slider. Make sure Preview is checked so you can watch the layer update as you work.
Type 50, or drag the slider to 50%, to match the percentage you used in Free Transform. The small S now looks exactly like the big one, only at half the size. Click OK.
Double-click Stroke again to check the result. It now reads 10 pixels, half of the original 20. Click Cancel to close the dialog.
This is the fastest way to scale layer styles on a single layer. Every effect on that layer scales by the same amount, so the whole design holds together.
Note: The same command also lives in the menu bar. With the layer selected, go to Layer > Layer Style > Scale Effects.
Step 5: Scale Styles With the Image Size Dialog
Scale Effects works on one layer at a time. When you resize the whole document, Photoshop can scale every layer’s effects for you.
First, delete the duplicated S. You no longer need it, and the original S is enough to show the next part.
Go to Image > Image Size. Reduce the document to 50% of its current size and click OK.
Double-click the Hand Tool in the toolbar to fit the image on screen. Both the text and its Layer Styles scaled down to 50%, and the design looks the same as before, only smaller.
The reason is a setting inside the Image Size dialog. Click the gear icon and you will see Scale Styles with a check mark next to it.
When that box is checked, resizing the document also resizes every Layer Style. That one check mark is what lets Image Size scale layer styles for you.
Step 6: Turn Off Scale Styles to Keep the Effects Fixed
Sometimes you want a smaller document but effects left exactly as they are. Open Image > Image Size again, click the gear icon, and uncheck Scale Styles.
Set the size to 50% once more and click OK. This time the text shrinks but the Layer Styles stay at their original size.
So the next time you run an Image Size adjustment and want the effects to follow, make sure Scale Styles has a check mark next to it.
Frequently Asked Questions
Free Transform scales the pixels on the layer but not the effects attached to it. A 20-pixel Stroke stays 20 pixels wide after you shrink the layer by half, so it looks much heavier than before. Run Scale Effects at the same percentage to bring the effects back in line.
Right-click the fx icon on the layer in the Layers panel and choose Scale Effects from the menu. You can also select the layer and go to Layer > Layer Style > Scale Effects. Both open the same dialog.
Use the same percentage you used to transform the layer. If you scaled the layer to 50%, type 50 in the Scale field. Leave Preview checked so you can confirm the effects match before you click OK.
Yes. It scales every effect on that layer by the same amount, including the Stroke, the Drop Shadow, and any others. You do not have to open each effect and adjust its numbers one by one.
It does when Scale Styles is checked. Click the gear icon in the Image Size dialog to see the option. With the check mark on, every Layer Style in the document scales by the same percentage as the image.
Open Image > Image Size, click the gear icon, and uncheck Scale Styles. The document resizes but every effect keeps its current settings. Check the box again the next time you want the effects to follow.
Not on a regular layer. Free Transform leaves the effects alone, and a request for automatic scaling is still open on the Adobe Community forums. Convert the layer to a Smart Object first, and the effects inside it scale with the transform.
Conclusion
Photoshop does not scale Layer Styles when you transform a layer, but the fix is two clicks away. Right-click the fx icon, choose Scale Effects, and type the same percentage you used on the layer.
For a whole document, Image Size handles the effects for you as long as Scale Styles is checked under the gear icon. Uncheck it when you want the effects left alone.
Watch the video above to see both methods in action, and comment on the video if you have a question.
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.
