Abstract Windows 7 wallpaper

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

   

Add the Stroke

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 need to insert in a new layer the Windows Flag icon. I used this icon from deviantart. I would like to thank the author of this icon. The sizes may be changed, applying Free Transform option:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Go to Layer Style and add Drop Shadow for the layer containing the Windows icon:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Set the Outer Glow

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

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Set the Bevel and Emboss

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Add the 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
Create a new layer and use here the Line Tool (U) (weight 1 px) to represent several lines around the figure 7 and around Windows icon:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Put together the lines’ layers. Hold CTRL button, select the layers and press finally CTRL+E to Merge Down. Go to Layer Style and add the Drop Shadow

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Click on the same layer on the bottom part of the layers’ panel on Add a Mask option and choose a brush of black color (Opacity 20%) to erase the lines’ edges:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Create a new layer, applying here a brush of white color to represent the lines on the top part and on the bottom part of the Windows icon.

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Click on the same layer on the bottom part of the layers’ panel on Add a Mask option and choose a brush of black color (Opacity 20%) to erase the lines’ edges:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Create a new layer and use on it the Elliptical Marquee Tool (M) to represent a round marking zone the same way demonstrated below:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Click on the right mouse button inside the marked zone and select Stroke.

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

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

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Make two copies of the last made layer and apply Free Transform option to change the copies’ sizes, placing them the same way demonstrated below:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
Click on each layer containing the circles on the bottom part of the layers’ panel on Add a Mask option and select a brush of black color (Opacity 20%) to clean out the circles the same way demonstrated below:

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4

Create abstract Windows 7 wallpaper using Adobe Photoshop CS4
The final result!

View full size here.

  •  

  •    
  •  

 

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