Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Pattern Text Effect

Pattern Text Effect


Step 1.

Begin by open an existing or new document in photoshop of any size. I will be working with a 400x400 document for this tutorial. I have also filled the background color with black (#000000); however you can choose any color you wish.

Step 2.

Go ahead and select the Text Tool ( image 1 ) and select the font, and text size that you would like to use for this effect.

I am using a font called Bauhaus Md BT.

Here are the exact settings I've used:

The font color used here is: #0048A9

image 2

Note: To add a nice effect try alternating the text size making every other character slightly larger or smaller in size.

image 3

Step 3.

Hold down the CTRL key and click on the layer thumbnail to create a selection of its contents.

Go to Select->Modify->Contract with a setting of 2 pixels:

image 4

image 5

Press 'M' on your keyboard to select the Marquee tool, and move the select down a few pixels by tapping the down arrow on your keyboard two or three times:

image 6

Press Ctrl + Alt + Shift + N on your keyboard to create a new layer.

Set your foreground color to white (#FFFFFF) and your background color to black (#000000).

Get out the Gradient Fill Tool ( image 7 ) and set it up as I have done here:

image 8

image 9

Fill your selection with a black to white linear gradient as I have done here:

image 10

Change the Blending Mode of this layer to "Screen":

image 11

Result:

image 12

Note: Do not de-select the selection.

Step 4.

Go to Select->Modify->Contract and contract the selection by 2 pixels as we did before:

image 13

Press 'M' on your keyboard to get out the Marquee Tool.

Now move the selection up a few pixels by tapping the up arrow on your keyboard.

image 14

Press Ctrl + Alt + Shift + N on your keyboard to create a new layer.

This time apply a black to white gradient using the Gradient Tool ( image 15 ) as I have done here:

image 16

Press Ctrl + D on your keyboard to de-select the selection.

Change the Blending Mode of this layer to "Overlay":

image 17

Result:

image 18

Step 5.

Press Ctrl + E on your keyboard 2 times. Doing so will merge all three of these layers together.

Double click this layer and apply the following blending options:

Bevel & Emboss:

image 19

Pattern Overlay:

image 20

Result:

image 21

Step 6.

Press Ctrl + J on your keyboard to duplicate this layer.

Go to Image->Adjustments->Invert (or press CTRL + i) to invert the colors.

Result:

image 22

Change the Blending Mode of this layer to "Exclusion":

image 23

Result:

image 24

Step 7.

Press Ctrl + J on your keyboard to duplicate this layer.

Change the Blending Mode of this layer to "Screen":

image 25

Result:

image 26

Step 8.

Press Ctrl + E on your keyboard 2 times to merge these three layers together.

Double click this layer, and apply the following blending options:

Satin:

Color used here is #19B6FD

image 27

Stroke:

image 28

Result:

image 29

Step 9.

Press Ctrl + J on your keyboard to duplicate this layer.

Go to Filter->Artistic->Underpainting and apply the following settings:

image 30

Go to Image->Adjustments->Invert (or press Ctrl + i) to invert the colors:

image 31

Change the Blending Mode of this layer to "Overlay":

image 32

Final result:

Pattern Text Effect Tutorial: Final Result

And that concludes this very cool and useful text effect. Try applying this effect to different font styles, as well as adjusting the colors used for some very cool effects!



Author's URL: Sandy
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Pattern Text Effect"

Only registered users can write comment

No comments yet...