Photoshop Tutorial: Add texture to flat image

This will be a short Photoshop tutorial that will explain how you can make an image richer by adding a texture to it.

We start with this image that can be found on the internet:

HD Wallpapers of Violin - High Resolution Backgrounds of Guitar 3000 x 2000

Then we straighten and flip it in Photoshop using Image > Image Rotation options:

photoshop-1

There is a more or less flat backdrop to the guitar. We want to introduce a texture here. You can download textures from the internet, like this crumpled paper texture that I chose:

crumpled_paper_7_insight_designs

Insert it into the document as a layer, like so:

photoshop-2

Resize it so that it fills the entire area, in this case:

photoshop-3

Now comes the magic. Set the blend mode of this layer to overlay. You can experiment with some of the other modes too to get your desired result:

photoshop-4

This is the result:

photoshop-5

Not quite finished yet. The overlayed texture has fallen on the entire image, including the guitar. Although in this case it is not very conspicuous, I still prefer the smoother, softer original look of the guitar. Also, in other cases it might not do to have the texture sprawl over the entire image, but only lie over a specific area of it. For this we must remove the texture from the unneeded region. This we shall do via a layer mask.

Apply a layer mask to the texture layer by Layer > Layer Mask > Reveal All:

photoshop-6

Now choose a suitable brush:

photoshop-7

Paint with black over the mask of the texture layer. This will start removing the texture from the regions you paint over. Paint with white to restore the texture in that area. Toy around with the brush size, hardness and opacity; change brushes etc. until you are satisfied with the result:

photoshop-8

As you can see, some softness has been restored to the guitar and the surrounding background. Now you may, if you want, merge down the two layers by selecting the top layer and pressing Ctrl+E or choosing Layer > Merge Down and use it as a single layer or save as an image.

This essentially concludes the tutorial on adding a texture. However, I also wanted to increase the extent of this image upwards, filling the expanded region with only the textured background. For this we must first make a layer from the locked background (the original image) by double-clicking it. Then we change the canvas size by Image > Canvas Size:

photoshop-9

If we do not make a layer from the background before expanding the canvas, the new area will be white instead of transparent.

Then I duplicate our layer into a new one and shift that up. I flip it vertically and line it up with the top edge of the original layer below:

photoshop-10

We need to make the top guitar disappear. We do this using the Clone Stamp tool. Choosing a patch of the textured background beside the top guitar as the source, you can paint over the guitar. Again, fiddle with the size, hardness and opacity of the brush to smoothen out the changed region with its surroundings.

photoshop-11

Same goes for the region where the two edges are meeting, because the mirroring is apparent there:

photoshop-12

Here is the final image:

photoshop-tutorial

Share the knowledge and enjoy.

More tutorials:

Photoshop Tutorial: Adding Detail, Texture, Colour and Lens Flares

About these ads

15 thoughts on “Photoshop Tutorial: Add texture to flat image

  1. Pingback: Photoshop Tutorial: Adding Detail, Texture, Colour and Lens Flares « One Life

  2. Pingback: Textured Images | gdmkimages

  3. Pingback: Ape Boy Studio | 20 Brilliant Examples Of Better Effects Using Textures [Photoshop Tutorials]

  4. Pingback: 20 Photoshop Tutorials of Better Effects Using Textures

  5. Pingback: 20 Brilliant Examples Of Better Effects Using Textures [Photoshop Tutorials] |

  6. Hi, I’m new to Photoshop and I liked this article. Quick question though, is there a way to make a background such as the one you demonstrated without using an already existing background?

    • I don’t think you can ‘create’ much new stuff from scratch in PS at least. And I don’t really have the kind of experience to do it some other way either.

  7. Pingback: 20 Brilliant Examples Of Better Effects Using Textures [Photoshop Tutorials] | Duduik

  8. Pingback: 20 Brilliant Examples Of Better Effects Using Textures [Photoshop Tutorials] -

  9. Pingback: 20 Brilliant Examples Of Better Effects Using Textures [Photoshop Tutorials]

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s