How To Overlay Words On A Picture In Photoshop

Always wanted to apply Photoshop'southward Blueprint Overlay layer style issue, but never knew exactly where or how to beginning?

From what a pattern overlay is used for to how to add a pattern overlay in Photoshop, this tutorial will cover all the concepts that you need to know in gild to get started.

So if yous want to acquire how to create a pattern overlay in Photoshop, how to create a gold pattern overlay in Photoshop, or even how to rotate a pattern overlay in Photoshop, then follow forth then that in the end y'all tin can add a blueprint overlay in Photoshop on your own.

Follow along with us over on our Envato Tuts+ YouTube channel:

The Uses for Pattern Overlay

Blueprint Overlay is used, every bit the proper name implies, to add a pattern to a particular layer. Using Blueprint Overlay in conjunction with other effects tin help y'all create styles with depth.

The Layer Styles Design Overlay Dialog Box

Pattern Overlay doesn't have a ton of options, only that's because it's more of an "On/Off" effect, unlike some of the others that tin can be manipulated to drastically modify the way they look.

Blend Mode

The Blend Mode allows y'all to set up the blending style for your Pattern Overlay. The default setting is Normal, which simply displays a pattern on your layer. If you lot are unfamiliar with how all the dissimilar Blending Modes work, I highly recommend checking out the Blending Is Fun Basix tutorial.

In the following example, you can run into how changing the Blend Fashion from Normal to Linear Burn makes our striped blueprint plough from solid white and red into transparent and dark red.

example of using different blending modes

Opacity

The Opacity slider controls how come across-through our Pattern is. A smaller number hither makes your Pattern Overlay more transparent, while a college number is more opaque.

In the following example, you tin can see that a lower Opacity makes our pattern slightly transparent, with the black color of the text showing through.

example of using different opacity levels

Pattern

This is where you cull your pattern. Photoshop comes with a lot of default patterns, but y'all can also create your own.

To create your ain pattern, but open an image in Photoshop, press Control-A to select the entire canvas, and click Edit > Define Design. Yous will then find it in the list of patterns within the Pattern Overlay dialog.

The small icon next to the pattern swatch will create a new preset using the currently selected pattern.

Additionally, the Snap to Origin button volition let you to align your blueprint with the layer it is applied to.

You can besides click and drag in your document while the Blueprint Overlay dialog is open to manually position your pattern.

In the following example, you lot can run across how changing the Pattern while leaving other settings unchanged affects our mode.

Scale

You tin can resize your pattern by increasing or decreasing the Scale slider. Photoshop doesn't do a very good task at resampling patterns inside the Layer Styles dialog, and then it's usually best to use numbers similar 10%, 25%, 50%, etc.

Checking the Link with Layer checkbox locks your pattern to the layer so that if you move your layer around later, the pattern follows. If you uncheck this box and move your layer, the pattern does not move.

In the following instance, reducing the Scale of the pattern gives it more than item, because more of the pattern is showing. The issue is more prominent when using more detailed patterns.

Saving And Loading Default Settings

You lot tin can salve and load default settings for each effect in the Layer Styles dialog box. When yous click Make Default, Photoshop volition shop whatever settings are currently active as the new default settings for that effect.

When you click Reset to Default, Photoshop will then load whatever settings were last saved. This allows yous to experiment and just reload the default settings if you want to start over.

example of saving and resetting the pattern overlay settings

Grow Your Layer Styles Library

Desire to build an extended Photoshop Layer Styles Library, but don't quite have the time to make them yourself? Well, if that'due south the instance then yous should definitely head over to Envato Elements, where you'll discover a great selection such as these ones:

Retro Layer Styles

Requite your artwork the retro treatment using these incredible-looking layer styles, which are going to turn heads no matter where you apply them.

retro photoshop layer styles — Retro Photoshop Layer Styles by Envato Elements

Material Layer Styles

This 1 is another off my favorites list, since information technology gives your text that handmade feeling that'due south going to capture the viewer's attending and mind.

fabric photoshop layer styles — Fabric Photoshop Layer Styles by Envato Elements

80s Layer Styles

Give your artwork a blast from the by using this amazing 80s-inspired layer styles pack that volition blow the mind of those that come in contact with information technology.

80s photoshop layer styles — 80s Photoshop Layer Styles by Envato Elements

Expand Your Photoshop Skills

Just started out using Adobe Photoshop and experience similar learning more? Well, today'south your lucky 24-hour interval since I've put together a petty list of tutorials that should proceed going for the adjacent few days!

The A to Z of Adobe Photoshop

Adobe Photoshop CC (and versions earlier it) is filled with tools, panels, and furnishings meant to requite users equally much control as possible over their...
Introduction to Photoshop Layer Styles

Photoshop layer styles are a pop way to add furnishings, such as driblet shadows and strokes, to layers in a not-destructive style. With the right knowledge and...
Agreement Inner Shadows in Photoshop

Photoshop layer styles are a popular way to add furnishings, such as drop shadows and strokes, to layers in a non-subversive way. With the right cognition and...
How to Create a Realistic Embroidery Text Effect in Adobe Photoshop

Learn how to brand an embroidery effect in Photoshop using run up brushes and layer styles. The end effect will be an awesome embroidery texture! Also, find...
How to Create a Realistic Chrome Text Consequence in Adobe Photoshop

This super like shooting fish in a barrel and quick tutorial will show yous how to utilize a couple of textures and layer styles to create a shiny, reflective chrome text effect. Allow'south get...
How to Apply Drop Shadows in Photoshop

Photoshop layer styles are a pop way to add effects, such as drop shadows and strokes, to layers in a non-subversive way. With the right knowledge and...
How to Create a 'Stranger Things' Inspired Text Consequence in Adobe Photoshop

Learn an like shooting fish in a barrel way to create a Stranger Things series inspired text effect, using but layer styles and some simple adjustments.
How to Create a Stylized Chalk Text Effect in Adobe Photoshop

Use a texture, a couple of filters, and some drop shadow furnishings to create a super easy and quick stylized chalk text effect
How to Create a Disney Frozen Inspired Text Result in Photoshop

In this tutorial we are going to create a text upshot inspired by the 'Frozen' Disney movies. The chief concept is to show you how to create an water ice texture...
How to Create a Drinking glass Text Effect in Photoshop Using Layer Styles

In this quick tip tutorial we will bear witness you how to create a glass text effect using layer styles in Photoshop. Allow'south get started!