Explore the Blog

MORE ABOUT ME
This is where I share occasional musings on all things type, design, and business.
Hi, I’m Jen Wagner

Adding texture to your text in Photoshop can really elevate your designs, and it’s actually really fun and quite simple!

In this blog post, I’m going to show you how I created this dotted fade with a layer mask, and how you can use it in your future designs!

https://t1234239.p.clickup-attachments.com/t1234239/960cd160-07e8-4968-996a-45ccdfbf8570/image.png

Step 1: Duplicate your text layer

Once you have your desired text in place, make sure it’s rasterized, then duplicate that layer. This duplicate layer is where we will create the dotted fade, and the original layer will be our solid text layer that we will later use as a layer mask.

https://t1234239.p.clickup-attachments.com/t1234239/9aabb810-e5fd-4bff-92a7-032362df4370/image.png
https://t1234239.p.clickup-attachments.com/t1234239/28010b5e-9c22-42fc-8834-10f1caf41878/image.png

Step 2: Blur and add Noise to duplicate layer

Make sure your duplicate text layer is selected, then go to filter > blur > Gaussian blur. From here you can adjust the level of blur you want (I used 9.5).

Next, go to filter again, but this time select “noise”. From here you will adjust the noise level pretty high, then select Gaussian in the lower left corner of the adjustment box.

https://t1234239.p.clickup-attachments.com/t1234239/83d3a74a-8b18-4f17-a9d0-908f4913e1c6/image.png
https://t1234239.p.clickup-attachments.com/t1234239/28554dae-011a-4f64-9444-64ac9f857cbe/image.png
https://t1234239.p.clickup-attachments.com/t1234239/0e358cb3-89ae-434f-8bc9-90606e2958ff/image.png
https://t1234239.p.clickup-attachments.com/t1234239/ca920898-3b89-41e5-adee-82f962e4d174/image.png

Step 3: Change the blend mode

At this point, your duplicate text will have a black-and-white noise effect, but we want to work with just the white. So with your duplicate text layer still selected, change the blend mode to “screen” to get rid of the black noise. You should be left with a grainy white text.

https://t1234239.p.clickup-attachments.com/t1234239/f55cbe36-0dc1-4d4c-925a-13e14f0ffab1/image.png

Step 4: Create your layer mask

Go back to your original, solid text layer, and create a layer mask. Fill the whole layer with black so it disappears, then use your white brush to bring back bits and pieces of that solid text over your grainy text. You can adjust the opacity and softness of the brush to your liking to get a more feathered effect.

After you have created the fade effect to your liking, you can save or use the Perfectly Nineties print text for some additional spice to your design (I LOVE to use this!).

https://t1234239.p.clickup-attachments.com/t1234239/6611e0e0-1149-4899-bd50-6fa1149aa3b8/image.png
https://t1234239.p.clickup-attachments.com/t1234239/201a688c-0902-4fd0-95a8-1337adad9669/image.png
https://t1234239.p.clickup-attachments.com/t1234239/3b3c329f-e5aa-4c3b-be16-852087d35d68/image.png

And this doesn’t just work for individual letters or fancy scripts; check out this same effect using Cypress:

I hope you found this blog post helpful for your future designs!

Looking for a video version? Check out the video tutorial here:

– Jen

Comments +

Leave a Reply

Your email address will not be published. Required fields are marked *

FREE DOWNLOAD

Like a Total Pro

In this 13-page PDF, you'll learn the basic principles I follow in my font pairings, plus discover 9 pre-made font combinations (both free and paid) you can start using today!

How to Pair Fonts

to get your free guide!

Complete the form below

FREE DOWNLOAD

0