This is the web log of Tim Bennett, web designer. He also runs Texelate, offering the best web design Leeds, Yorkshire has to offer

Stripy abstract wallpaper in Photoshop

Thursday, June 26th, 2008 at 4:02 pm

Note: This tutorial is written for Photoshop CS on a Windows XP platform and assumes you have a basic knowledge of Photoshop. However, this technique will work on most versions of Photoshop or similar graphics package.

This tutorial will show you how to create a stripy abstract wallpaper from scratch in just a few steps. It will look like this:

abstractw_6

The wallpaper in this tutorial will be 800 x 600 but it will work in any size. Simply change the canvas size in step 1.

1. Create a new canvas 800 pixels in height and 600 pixels in width.

2. Now you set the 2 base colours for the wallpaper. The example uses #1B5484 and #FFFFFF – any two differing colours will work however. Set your foreground colour to #1B5484 and your background colour to #FFFFFF. Choose Filter > Render > Clouds. Your canvas will look like this:

abstractw_2

3. Next choose Image > Adjustments > Brightness/Contrast… and set the Contrast to +50. It will create this:

abstractw_3

4. Now choose Filter > Distort > Ocean Ripple; set the Ripple Size to 11 and the Ripple Magnitude to 15. It will look like this:

abstractw_4

5. Now to create the stripy effect – choose Filter > Blur > Motion Blur. Set the angle to 90° and the distance to 225.

abstractw_5

6. Finally, choose Filter > Sharpen > Sharpen. Hold down Ctrl and press F to repeat the filter. This brings some subtle clarity to the wallpaper.

abstractw_6

9 Responses to “Stripy abstract wallpaper in Photoshop”

  1. Farrhad A says:

    Nice and easy tut!
    Thanks for sharing.

  2. sivas says:

    very good, thanks

  3. michelle says:

    excellent tutorial, clear and very easy to understand, does not assume you know what to do. thank you.

  4. helix says:

    Looks good, but how come i can’t apply the ocean ripple fliter??

    the option is grayed out, so i can’t use it..

    hope you have an solution!

  5. admin says:

    Sorry, I did this ages ago and cannot remember. Have you definitely got that layer selected? It’s not a locked/background layer is it?

  6. Emilygu27 says:

    To research the this good topic used to be not very easy and really good way out was to buy custom essay papers from the custom writing services.

  7. clippingpath says:

    It’s looks good.Simple and very functional thanks

  8. piter noize says:

    very useful tutorial. understood every step

    need statistics help

  9. Very well explained tutorial. Every step is clearly described with picture. Thanks.

Leave a Reply

You must be logged in to post a comment. If you don't have an account register one now.

Do you need a website or web-related service?
I run an award-winning web design studio.