Adobe free photoshop cs tutorials website

Website for Adobe Photoshop cs3 tutorials for free

Cool green website background image or wallpaper idea

October 31st, 2007 · 1 Comment

Ever get bored with the wallpaper you have or the background image of your website? Now Lets design a website background image using Cool Green photoshop design techniques.

[1]-First of all Open New Document of Custom size, Height & Width 500×500 Pixels, Resolution 72 and Mode RGB Color

pun222-cool-green-wallpaper-background-image1.gif

[2]-Now create the following selection with the help of Rectangular Marquee Tool

pun222-cool-green-wallpaper-background-image2.gif

[3]-Now fill the selection with any color & then click on ‘f’ which is indicating by Hand sign as shown below

pun222-cool-green-wallpaper-background-image3.gif
[4]-Now select Drop Shadow and use the following settings

pun222-cool-green-wallpaper-background-image4.gif

[5]-Now select Inner Glow and use the following settings

pun222-cool-green-wallpaper-background-image5.gif

[6]-Now select Satin Structure & apply the following settings

pun222-cool-green-wallpaper-background-image6.gif

[7]-Now select Gradient Overlay & use the following settings

pun222-cool-green-wallpaper-background-image7.gif
pun222-cool-green-wallpaper-background-image8.gif

[8]-Now select Pattern Overlay and use the following settings
pun222-cool-green-wallpaper-background-image9.gif

[9]-Now select Stroke Structure & apply the following settings

pun222-cool-green-wallpaper-background-image10.gif

10]-Now your image will be look as shown below

pun222-cool-green-wallpaper-background-image11.gif

[11]-Now select Custom shape Tool & use the following shape & settings
pun222-cool-green-wallpaper-background-image12.gif

[12]-Now create the following selection with the help of Custom Shape Tool
pun222-cool-green-wallpaper-background-image13.gif

[13]-Now select Pen Tool and then click & select Make Selection

pun222-cool-green-wallpaper-background-image14.gif

[14]-Now apply the following settings in Make Selection
pun222-cool-green-wallpaper-background-image15.gif

[15]-Now your image will be look as shown below

pun222-cool-green-wallpaper-background-image16.gif

[16]-Now fill the selection with any color & then click on ‘f’ which is indicating by Hand sign as shown below

pun222-cool-green-wallpaper-background-image17.gif

[17]-Now select Bevel & Emboss & apply the following settings

pun222-cool-green-wallpaper-background-image18.gif

[18]-Now select Gradient Overlay & use the following settings

pun222-cool-green-wallpaper-background-image19.gif
pun222-cool-green-wallpaper-background-image20.gif

[19]-Now your image will be look as shown below

pun222-cool-green-wallpaper-background-image21.gif

[20]-Now select Brush Tool & apply the following settings

pun222-cool-green-wallpaper-background-image22.gif

[21]-Now create the following Shape of Leaves with the help of Brush Tool

pun222-cool-green-wallpaper-background-image23.gif

[22]-Now select Custom shape Tool and use the following shape & settings

pun222-cool-green-wallpaper-background-image24.gif

[23]-Now draw the following line with the help of Custom Shape Tool

pun222-cool-green-wallpaper-background-image25.gif

[24]-Now select Pen Tool & then click and select MaKe Selection

pun222-cool-green-wallpaper-background-image26.gif

[25]-Now add New Selection in Make selection & Feather Radius 0 Pixels, & then ‘OK’ & after that your
image will be look as shown below

pun222-cool-green-wallpaper-background-image27.gif

[26]-Now fill the selection with any color & then go to Blending Options & select “Stroke Structure”
and use the following settings

pun222-cool-green-wallpaper-background-image28.gif

[27]-Now reduce the Opacity of this Layer

pun222-cool-green-wallpaper-background-image29.gif

[28]-Now your image will be look as shown below

pun222-cool-green-wallpaper-background-image30.gif

[29]-Now create the Duplicate Layer with the help of Press Ctrl+J & then select Move Tool and create
the following Sepration

pun222-cool-green-wallpaper-background-image31.gif

[30]-At last, all settings have been completed & your final image will be look as shown below

pun222-cool-green-wallpaper-background-image32.gif

Tags: Photoshop - Learn to draw effects

1 response so far ↓

Leave a Comment