Photoshop Basics: Introduction to Using Textures

I recently had the opportunity of giving a small presentation on using textures in Adobe Photoshop, and since it went fairly well I thought I would put it online for everyone to learn from.

If you’re fairly new to Photoshop, but know enough and want to start making your images look a little more interesting, then I think this tutorial is for you. I’ll be teaching you how to take a rather boring image, and turning it into something much more with just a few simple steps (by adding some basic texture(s) to it).

So, we’re going to take this simple Illustrator document:

Before Using Textures - Photoshop Tutorial

And turn it into something more like this:

After Using Textures - Photoshop Tutorials

Step 1

If you have Illustrator, you can go ahead and download the Illustrator source file and then export it as a PSD file (File > Export). 150 ppi may be best to start off with.

Export from Illustrator

If you don’t have Illustrator, you can download the exercise PSD file from here.

Open up the PSD and make any changes you may want before getting started.

Modify your PSD

I recommend merging the logo layers together and having the text on a single layer (not inside of a group).

Merged Layers in Photoshop

Step 2

Once you’re all set with your document that you want to add texture to, you need to find some textures to work with.

For this, we’ll be using a very simple paper texture that I scanned in, and some textures from Bittbox.

There are tons of great textures on BittBox and CG Textures.

Step 3

Drag the wrinkled paper texture into your document, preferably underneath the text and logo to start with. Now it’s time to change the layer mode. Multiply or Linear Burn will probably yield the best result. You may also want to lower the Fill after changing the layer mode.

Layer Mode and Fill Opacity Changed

Step 4

Now you may want to repeat this with a different texture, maybe something with grungy edges.

Added Grungy Paper Texture

If the texture you’re using is showing more than you want to after changing the layer mode, consider using Levels adjustments (image > adjustments > levels) to lighten or darken it.

Step 5

Duplicate your first paper texture, clear the layer effects from it and place it on top of your layers. Bring up the Levels (image > adjustments > levels) and drag the sliders so as to bring out the dark ripples of your texture:

Levels Adjustment on Paper Texture

In your Photoshop menus go to Select > Color Range and select the black area of your image. With your selection active, you can either select your logo layer and click the layer mask button at the bottom of the layer’s palette, or you can go to Layer > Layer Mask > Reveal Selection. If your layer mask hasn’t worked correctly, simply selected the layer mask in your layer’s palette and press CTRL+I on your keyboard. This will have inverted the layer mask.

Color Range Selection

Layer Mask Added to Logo

As you can see in the above image, some of the logo has disappeared because of the wrinkled paper. Well, that’s what it’s supposed to look like! :P

Change the layer mode for your logo layer to Multiply and lower Fill if necessary.

Logo Layer Mode Changed

If you like you can repeat this with the text layer.

Step 6

We are basically finished (as we have given much more character to our very flat poster. If you want to continue adding more and experimenting with different layer modes, then by all means please do! I can also recommend using a levels adjustment layer to tone down the contrast just a little bit.

After Using Textures - Photoshop Tutorials

I hope my short explanation was sufficient! If I missed something out or you would like to know something else, please leave a comment below and I’ll get back to you as soon as possible!

Download Source PSD File

Recommended for designers
Comments
  1. Padwan Leinad said at 3:10 am on April 30, 2009

    TANX ! ! !
    I’ve bean wayting for a tootarial like this one… you saved my weakend.

  2. Anonymous said at 10:15 pm on June 7, 2009

    ^^Now we need to find a way to save your spelling.

  3. els said at 3:52 am on July 15, 2009

    very helpful! but, what method do you suggest for adding this to a photograph rather than just a blank/colored page?
    best regards

Leave a Reply