Your Ad Here

Friday, January 13, 2012

Abstract Windows 7 wallpaper


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 theRectangle 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:5G: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


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!

No comments:

Post a Comment