Abstract Windows 7 wallpaper

October 5th, 2009 by ART-D Posted in Adobe Photoshop, Designing

   

In this tutorial I will show you how to create abstract Windows 7 wallpaper using Adobe Photoshop basic techniques. Let’s get started!

Final Image Preview

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Let’s create a new file (File>New), having 1920x1200px/72ppi with white background. Then choose the Rectangle Tool (U) and represent a rectangle as shown:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Set Fill to 0% and go to Layer Style by clicking on this layer on the layers’ panel:
Styles>Gradient Overlay

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Gradient Editor:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Using the same tool, try to create the next layer for the background.

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Set Fill to 0% and select Layer Style to add Gradient Overlay

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Gradient Editor:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Continue, applying the same tool (Rectangle Tool (U)) and fill our background with new gradient:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Set Fill to 0% for this layer, go to Layer Style and add Gradient Overlay:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Gradient Editor:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Next we’ll put together all those three layers of the background. Hold in this case CTRL button, select the layers and press CTRL+E to Merge Down. Make a copy of this layer and apply on it Filter>Render>Lighting Effects

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Set the Blend Mode for the layer containing the lighting effects to Screen.

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
… and also blur this layer using Filter>Blur>Gaussian blur

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Create a new layer and using the next brush paint the bottom part of the layer. The brush’s color is R:5, G:80, B:210.

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Add a Layer Mask to the layer by clicking on the Add Layer Mask icon on the bottom part of the Layer panel. Make sure you have the Layer Mask selected by clicking on its icon and using a brush of black color with Opacity30%, clean out the blue color on the necessary parts of the background:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Set the Blend Mode for this layer to Luminocity.

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
On the next new layer we’ll apply the same brush of white color (Opacity 10%) to light out the bottom part of the picture:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Set the Blend Mode for this layer to Overlay.

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Next we’ll select the Pen Tool (P) to draw 7 on the middle part of our wallpaper:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Set Fill to 0%. Go to Layer Style and select Drop Shadow

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Add Inner Glow

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Set the Gradient Overlay

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Gradient Editor:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

  •  

  •    
  •  

 

Post Pages: 1 2

Tags: , , , , , ,

  • TheWebTuts

    08/10/2009

    Tutorial added to thewebtuts.com

  • priya

    20/11/2009

    your work is so fantastic . i am really inspired by your work .

  • Pritush

    05/12/2009

    wow, great tutorial, i have seen “7″ like that in other website to, finally found the source :)

  • Mira

    11/01/2010

    Thanks for the tutorial.
    My version: http://www.flickr.com/photos/miranl/4263971832/

  • G-man

    11/01/2010

    this is rubish, the instrutions dont make sence, is this for CS4 or CS3?

  • Carlos

    15/01/2010

    I got stuck after the first rectangle. No idea why. I’m using CS4… Boomer! I would have loved to get this one done. Maybe next time.

  • Steve

    05/06/2010

    The end result is great. I got stuck on the first rectangle due to the way the image above looks, but just did it my ‘own’ way and made it a regular full size rectangle instead of the ‘offset’ way his looks. The lighting and brush parts are what mess me up now….

  • ilcho bogdanovski

    30/11/2011

    i love this Abstract Wallpaper tutorialespecialy when its easy and simple. Here is also another cool abstarct wallpaper photoshop tutorial.Check it out.
    http://bit.ly/vOML0k