Added: 12 August, 2007
Group: Photoshop
Textured background in Photoshop
Author: John
GO to: Page 1 : Textured Background
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](/img/phpThumb.php?src=10/1.jpg&w=450)
![Tutorial Textured Background 2](/img/phpThumb.php?src=10/2.jpg&w=450)
Now that you have your selected color chosen as your foreground color, with your layer selected, press “Alt + Backspace”.
![Tutorial Textured Background 3](/img/phpThumb.php?src=10/3.jpg&w=450)
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](/img/phpThumb.php?src=10/4.jpg&w=450)
Make sure you have the following gradient settings…
![Tutorial Textured Background 5](/img/phpThumb.php?src=10/5.jpg&w=450)
Now apply…
![Tutorial Textured Background 6](/img/phpThumb.php?src=10/6.jpg&w=450)
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](/img/phpThumb.php?src=10/7.jpg&w=450)
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](/img/phpThumb.php?src=10/8.jpg&w=450)
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](/img/phpThumb.php?src=10/9.jpg&w=450)
Now lower the opacity to 11% and then set the layer style to “Screen”.
![Tutorial Textured Background 10](/img/phpThumb.php?src=10/10.jpg&w=450)
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.
![](/images/banner.jpg)