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 1920×1200px/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 Opacity - 30%, 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

    10.05.09

    Tutorial added to thewebtuts.com

  • priya

    10.05.09

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

  • Pritush

    10.05.09

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

  • Mira

    10.05.09

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

  • G-man

    10.05.09

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

  • Carlos

    10.05.09

    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.