How to create textured typography in Photoshop

Typography is considered as the most powerful way of communication because of its intense visual impact. We can use typography and text effects in websites to bring the attention of viewers. Here we are using Photoshop to design typography by applying a nice metallic pattern over it. By going through this tutorial, you will get an idea about creating a pattern, applying it on text and background, choosing a right gradient and other beautiful effect.
Follow this step by guide to learn how to create textured typography in Photoshop.


Step # 1 – Designing a Pattern

In the first step, launch Adobe Photoshop and open up a new document of 4×4 pixels in dimension and zoom in to have a clear view. Now select the “Pencil” tool and draw two half lines on the page.

Create a pattern

Step # 2 – Saving the Pattern

In the next step, go to the “Edit” menu and click on the “Define Pattern” option from the list. Enter its name as “Text Pattern” and click on the “OK” button to save it. Now move over to a new blank page.

Choose to save the pattern

Step # 3 – Inserting the Text

Select the “Text” tool from the menu and insert some text on the page. Once done, align it with the background and open its blending options.

Enter the text

Step # 4 – Adjusting the Gradient Overlay Settings

In the blending options panel, move over to the “Gradient Overlay” tab and set its opacity to “95 percent”. Now choose the right gradient as “313131” and set the scale to “120 percent”.

Change the gradient overlay settings

Step # 5 – Adjusting the Pattern Overlay Settings

Now move over to the “Pattern Overlay” tab and select the “Text Pattern” from the menu which we have created in the previous step.

Change the pattern overlay settings

Step # 6 – Adjusting the Stroke Settings

After choosing the pattern, click on the “Stroke” tab, set its size to “1px” and click on the “OK” button to apply it.

Change the stroke settings

Step # 7 – Creating the Text Outline

Once done, fill the background layer with black color and click on the “Text” layer by holding down the “Ctrl” key to select its outline. Now insert a new layer, go to the “Select” menu, move over to “Modify” and click on the “Expand” option. Set the expansion by “3 pixels”, fill the selection with white color and you’re done.

Design the text outline