Added: 12 August, 2007
Group: Photoshop
Textured background in Photoshop
Author: John
page: 1

Textured Background

Definitions are brought to the top level, making this easy to handle. Picking the main color and the color of a foreground are individual but there’s a few tips on how to make it vivid.


And here is another short tutorial on creating a textured background. Though not very complex or hard, sometimes you just need a background but nothing else seems to fit. Use this textured background as a base and build upon it or just use the background without changing anything on it.

Step 1. Pick a color to base this background on. Try not to go with your typical colors – what I mean is: don’t go green, instead go dark green (for example). In fact, for this tutorial I think I’ll go with a dark green.

Tutorial Textured Background 1

Tutorial Textured Background 2

Now that you have your selected color chosen as your foreground color, with your layer selected, press “Alt + Backspace”.

Tutorial Textured Background 3

Step 2. Now first, reflect upon that screenshot you are looking at right now or look at you own document. Flat colors are extremely…disgusting. Let’s fill the layer with a radial gradient. With your foreground the same, choose the background (eyedrop the foreground then just lower the brightness, essentially).

Tutorial Textured Background 4

Make sure you have the following gradient settings…

Tutorial Textured Background 5

Now apply…

Tutorial Textured Background 6

Step 3. With your colors still selected, duplicate the layer and then go to Filter > Render > Fibers…. Man, I always loved that look. Drop the variance and strength down to “10” and “3” respectively.

Tutorial Textured Background 7

Finally, drop the layer opacity down to 30% or so.

Step 4. It is still looking too plain. To liven it up a bit, duplicate this “fibered” layer and apply a Filter > Sketch > Water Paper. Fiber length to something like 15, and leave brightness and contrast alone.

Tutorial Textured Background 8

Step 5. Make sure the layer we just applied the water paper filter to is set at around 30% opacity and then to highlight any areas (such as where your artwork or logo will go on top of this background), get out the brush tool.

With a 125px but 0% hardness brush (white foreground), draw a sort of loose zig zag or whatever shape you like. Do this on a new layer, by the way.

Tutorial Textured Background 9

Now lower the opacity to 11% and then set the layer style to “Screen”.

Tutorial Textured Background 10

There, we’re finished!


GO to: Page 1 : Textured Background


TechTut.com This tutorial is copyrighted. Partial duplication or full duplication is prohibited and illegal. Translation or usage of any kind without author’s permission is illegal.
  • Photo retouch add makeup and create clear face in Photoshop
  • Create low poly house
  • Setting up FTP in windows XP
  • Creating a Flash Photo Slideshow Tutorial
  • Create shadow in Photoshop
  • Drop-Down Menu Tutorial
  • Learn how to create pool in 3D studio
  • Create a realistic chrome car rims
Join our RSS feed
Use our RSS feed to get the latest published tutorials directly to your news reader.
Add to Google
Best tutorials for maya 3d max photoshop and more