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
[2]-Now create the following selection with the help of Rectangular Marquee Tool
[3]-Now fill the selection with any color & then click on ‘f’ which is indicating by Hand sign as shown below

[4]-Now select Drop Shadow and use the following settings
[5]-Now select Inner Glow and use the following settings
[6]-Now select Satin Structure & apply the following settings
[7]-Now select Gradient Overlay & use the following settings
[8]-Now select Pattern Overlay and use the following settings

[9]-Now select Stroke Structure & apply the following settings
10]-Now your image will be look as shown below
[11]-Now select Custom shape Tool & use the following shape & settings

[12]-Now create the following selection with the help of Custom Shape Tool

[13]-Now select Pen Tool and then click & select Make Selection
[14]-Now apply the following settings in Make Selection

[15]-Now your image will be look as shown below
[16]-Now fill the selection with any color & then click on ‘f’ which is indicating by Hand sign as shown below
[17]-Now select Bevel & Emboss & apply the following settings
[18]-Now select Gradient Overlay & use the following settings
[19]-Now your image will be look as shown below
[20]-Now select Brush Tool & apply the following settings
[21]-Now create the following Shape of Leaves with the help of Brush Tool
[22]-Now select Custom shape Tool and use the following shape & settings
[23]-Now draw the following line with the help of Custom Shape Tool
[24]-Now select Pen Tool & then click and select MaKe Selection
[25]-Now add New Selection in Make selection & Feather Radius 0 Pixels, & then ‘OK’ & after that your
image will be look as shown below
[26]-Now fill the selection with any color & then go to Blending Options & select “Stroke Structure”
and use the following settings
[27]-Now reduce the Opacity of this Layer
[28]-Now your image will be look as shown below
[29]-Now create the Duplicate Layer with the help of Press Ctrl+J & then select Move Tool and create
the following Sepration
[30]-At last, all settings have been completed & your final image will be look as shown below



























1 response so far ↓
1 How to design a website layout in Photoshop|Free Photoshop Website Templates|Make a Octagonal Website Content Box Unique | Adobe free photoshop cs tutorials website // Dec 19, 2007 at 7:54 am
[…] How to design a website layout in Photoshop […]
Leave a Comment