I have to say, patterned text is probably my favourite effect ever! I know it’s simple and it’s been done thousands of times, but I just can’t get enough. This is something you can do to spice up your blog / web page / logo / infographic and give the impression that you know what you’re doing even though, in reality, you’ve only spent a couple of minutes.
I always use patterned text it to bring a little life into my images. Yes, I could have just used a regular old dot in the following pictures, but I didn’t. I made it gold and shimmery because it’s the smallest things that count – and I love gold. Maybe that’s the real reason. But without further ramblings, let’s get this party started!
How to make patterned text in Photoshop
STEP 1: Create a new document and select the width and height you want. 72 pixels/inch is the resolution recommended for web images so that’s what I’m going with.
STEP 2: Type out your words and choose the font you want. When you’re done, click the checkmark.
STEP 3: If you want to move your text around or transform it in any way, press Ctrl+T (Win) or Command+T (Mac) to get to the Free Transform tool.
This is how I want my text to look.
STEP 4: Now, drag your image into your project. When you first import it, it probably isn’t the right size so make sure it covers the text you want to transform. Hold down shift to be sure you keep the original proportions. This may not be important with a texture like the one in my image, but if you are working with a photo, you will want to make sure the proportions don’t get messed up.
STEP 5: This is when the magic happens! When you have covered your text, the only thing you have to do is create a clipping mask. Just go to Layer and choose Create Clipping Mask and you will get your patterned text.
This is the final result. However, if you want to use your new effect on photos, in your header or something like that, you may want to get rid of the white background.
If you press the eye icon to the left of your background layer, the background will disappear and then you’re left with only your text. Save as a PNG and you’re done!
This wasn’t hard at all now, was it?
Now you know how to make patterned text in Photoshop. You’re ready to spice up your life and create a unique look for your blog. Maybe the effect isn’t unique in itself, but what you choose to put in it can be. That’s the beauty of it. Okay guys, that’s it. If you likes this tutorial, you may also want to take a look at this post on how to create a round image in Photoshop.
I hope you enjoyed this post! If you did, it would be awesome if you pinned it 🙂 If you have any questions or comments, make sure to leave them down below!