How To Add A Pattern To Text In Photoshop

Want to larn how to apply texture to text in Photoshop? In this tutorial, nosotros'll walk through how to fill text with texture, Photoshop style. These techniques would utilize to well-nigh any font, besides equally shapes. So take hold of your favorite text and let'southward starting time designing.

Love Text Effects? Check Out Envato Elements

If you love text effects, make sure to cheque out Envato Elements. There are and then many text effect templates you can download and endeavor right now. The best part is, you lot tin download them all for ane low price. They're all included.

Just this too includes unlimited textures, photos, fonts, and more than. Information technology's a peachy choice for a library of professional assets at a bargain price.

What Y'all'll Need

This tutorial uses the following assets:

Somalia Modern Calligraphy Font
Vibrant Watercolor Textures
Old Paper Textures
Watercolor Brush Stroke Bundle
5 Watercolor Text or Shape Effect Templates

You lot tin utilize these files to piece of work forth as we explore unlike approaches to how to use texture in Photoshop. All the same, you can too use these text texture techniques and templates with other fonts and other textures. Experience gratuitous to work with your own, if yous adopt.

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

1. How to Put a Texture on Text in Photoshop

Step 1

Begin by creating a New Document. It can be whatsoever size you prefer for your project. In this walkthrough, we'll be working at nine inches wide by six inches high, at 300 pixels per inch. This could work well for a mini-affiche impress.

Step 2

Select the Type Tool and and then click in one case on your canvass to begin typing. We'll use the Somalia font, from Envato Elements, in this example. The text tin can say annihilation you prefer, just ours will say "welcome".

Step three

Have a look at your Layers panel. If you don't see this console, go to Window > Layers to open information technology up. This is what information technology looks similar at this point in the walkthrough.

Notice how we have our background layer and our text layer. Photoshop automatically created our text layer for usa.

Step 4

Next, let'due south give this font a texture.

Open up the texture image y'all'd like to employ to your text, past going to File > Open. We're going to employ a set of Vibrant Watercolor Textures from Envato Elements in this demonstration. Information technology comes with a collection of textures to choose from.

Pace 5

With your texture image open, select it all past going Select > All.

Step half dozen

Then, go to Edit > Copy, to copy the entire image.

Now, return to our original document, where we wrote out our text. Go to Edit > Paste to paste our texture paradigm into this document. You'll find that Photoshop automatically pastes it onto a new layer, on pinnacle of our text.

Otherwise, if you find this new layer below the text, make sure to click and elevate to reposition this layer. We want the texture on summit of our text.

Step 7

Looking at your Layers panel, select the layer containing your texture. Right-click on PC or Control-click on Mac. In the resulting menu, select Create Clipping Mask.

The resulting visual looks like this. We only see the texture in the space occupied past our text.

Step 8

The cool affair well-nigh this is that we can nevertheless motion and edit the texture. Let'southward demonstrate this by selecting the Move Tool. Then, select the layer containing your texture prototype. It should still be a Clipping Mask.

Click and elevate with the Move Tool selected to hands adjust and movement the way the texture is applied to your text.

Pace 9

Note that you tin can also adjust this texture in other means. For instance, you lot tin can utilise different blending modes to your texture layer.

Let'due south try this out past copying our texture layer. You tin do this by right-clicking on PC or Command-clicking on Mac and then selecting Duplicate Layer.

Step ten

Next, change this duplicate layer'due south Blending Manner to Difficult Light, at the meridian of the Layers panel. Observe how this changes how the layers alloy and look together.

Use the Motion Tool to reposition this layer, until the textures look and align the way you lot like.

Step 11

Adjacent, let's add some Layer Styles to our text layer. Yous can detect this option at the lesser of your Layers panel.

There are many options and possibilities when information technology comes to Layer Styles. You can add together different types of shadows, overlays, and more, to create all kinds of furnishings. Let'southward keep information technology simple with a basic Color Overlay.

Step 12

With the Layer Styles console open up, choose a purple color like hex code #9019c8, and ready the Opacity to 28%. Once yous have the values you prefer, click OK to utilise them.

Step 13

To finish things up, let's add some texture to the background. Let'due south add 1 of these Old Paper Textures from Envato Elements to the groundwork.

As we did before, open the image, re-create it, and paste information technology into your document. And then, endeavor lowering the Opacity in the Layers panel to 38%. This will get in look softer and lighter confronting the existing white groundwork.

Stride xiv

Permit's repeat this procedure, but instead with the same Vibrant Watercolor Textures we applied to the text. Open, re-create, and paste this texture onto your background.

This time, permit'southward utilise Soft Low-cal as our Blending Mode in our Layers console. Notice how information technology adds some soft watercolor elements to our newspaper texture.

Step 15

Finally, just to add together some contrast, let's add a watercolor brush stroke backside our text. Again, we're repeating the same process. Open up the paradigm, re-create the image, and then paste it into your document.

Employ the Motion Tool to position the castor stroke behind the text. Change the Blending Style of this layer to Overlay, so it actually pops confronting our background.

As you can see, there are many possibilities you could create by using Blending Modes and Layer Styles. This is only a taste of the possibilities.

2. How to Add Texture in Photoshop With a Template

Step i

Looking to salve some time? How virtually experimenting with some circuitous combinations of Layer Styles and Blending Modes? Let'due south also look at how to add texture in Photoshop with a template file.

It's a lot of fun to create this await from scratch, but templates can exist a fun way to try out different styles, quickly and easily. Let's attempt this out with this Watercolor Effect Template from Envato Elements. It'due south got a really lovely text texture nosotros can try.

Footstep 2

A template similar this already has our layers ready for us, ready to become, with effects, textures, and blending modes already set.

Here'south a look at the Layers panel. Observe that some layers here are Smart Objects. Let's double-click on the layer thumbnail to go inside this Smart Object and edit its contents.

Stride iii

Here we are inside the Smart Object. Utilize the Text Tool to write out whatever text y'all'd adopt. Once again, in this sit-in, we'll utilise the Somalia font, and we'll make it say "Welcome".

Once you're happy with your text, make sure to salve this document. Saving information technology will then update the text in the template file.

Step four

Looking dorsum at our template, the font and text accept been updated. We tin can hide any extra layers that we don't want to run across, in the Layers panel. To toggle visibility on and off, click on the eye icon to the left of each layer.

Use the Move Tool to reposition content, and there you accept it. Yous tin easily fill text with texture in Photoshop templates like this 1.

What Font Texture Would You Use?

There are plenty of possibilities when considering how to put a texture on text in Photoshop. You could go with a watercolor look, or you could try other types of newspaper textures. Yous could effort metal textures, grass, foliage, abstract textures, and more than.

Give all kinds of different textures a try. Now that you know how to apply texture in Photoshop, what would you try?

Want to try out some textured text styles correct now? Check out these text effects from Envato Elements. They largely rely on layer styles that have already been created for you lot. It'south as unproblematic every bit opening the file, calculation your text, and enjoying your rendered text result.

i. Holochrome Text Effects (PSD)

Check out these fashionable and shiny holo text effects! Using these absurd font texture furnishings, y'all can turn annihilation you want into a retro space-inspired vibe. This set comes with x different PSD files, each with its ain unique have on the concept! Just download and edit the smart objects to become started.

ii. Fume Logo Text Effect (PSD)

Looking for a peppery, smoky consequence for your text textures? This automated effect can be applied to any text yous identify! Merely open the smart object and edit your text to become a customized fume issue. Information technology comes with a variety of different effects and will really depict attention!

3. Pencil Sketch Text Effect (PSD)

Looking for something a petty more than personal? Then check out this is really fun pencil sketch Photoshop effect. Add a sketchy style to your font textures! It's also really unproblematic to employ and start making custom text right abroad. But open the smart object and edit the text!

4. Fancy Glitter Text Effect (PSD)

Check out this cool glitter text texture effect! Information technology's smashing for crafty projects or for when you need a realistic only shining effect. It comes with a PSD where you can simply edit the smart object to customize your text. This consequence comes with iii different color variations.

five. Acrid Glitch Text Effect (PSD)

Check out this colorful and glitchy-looking text effect! Merely edit the smart object within the PSD to become your customized glitch text texture! It'southward perfect for any project with a retro tech or perhaps fifty-fifty a cyberpunk vibe, and it comes with four dissimilar colour solutions to try!

Want to Learn More Nearly Photoshop Text Effects?

At present that you've explored how to apply texture to text, Photoshop has a lot more options you could explore. Adding manner and flair to text can be a lot of fun. Check out these free text event tutorials on Envato Tuts+, and create some impressive text effects for your next projection today.

Source: https://design.tutsplus.com/tutorials/how-to-apply-texture-to-text-in-photoshop--cms-36611

Posted by: bloomarou1944.blogspot.com