Adobe free photoshop cs tutorials website

Let’s create an Octagonal Website Content Box which is really cool and Unique

[1]-First of all Open New Document of Custom size, Height & width 400×400 pixels, Resolution 72 & Mode RGB COlor

[2]-Fill the Background with any color & then select Custom shape Tool & use the following shape & settings

[3]-Now create the following shape with the help of Custom shape Tool

[4]-Now select Pen Tool & then click and select Make selection

[5]-Now apply the following settings in Make Selection

[6]-Now Your image will be look as shown below

[7]-Now fill the selection with any color with press ALt+Backspace & then Go to Select>MOdify>Smooth & apply the
following settings

[8]-Now your image will be look as shown below & then Press “Delete”

[9]-Now Go to Blending Options with Click on ‘f’ which is indicating by Hand sign

[10]-Now select Drop Shadow and apply the following settings

[11]-Now select Satin Structure & use the following settings

[12]-Now select Gradient Overlay & apply the following settings

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

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

[15]-Now fill the selection with # FFFFFA color & your image will be look as shown below

[16]-Now create the following selection with the help of hold Ctrl+click on Layer 1

[17]-Now Go to Select>MOdify>Smooth & apply the following selection

[18]-Now press Ctrl+Shift+I & then press “Delete” & Your image will be look as shown below

[19]-Now create the following selection with the help of ‘Magic Wand Tool’

[20]-Now fill the selection with # FFFFFA color & then click on ‘f’ which is indicating by Hand sign

[21]-Now select Inner Shadow and apply the following settings & then press OK

[22]-Now create the following shape with the help of ‘Rounded Rectangle Tool’ which appear in Custom shape Tool

[23]-Now click on the shape & select Make selection

[24]-Now apply the following settings in Make Selection

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

[26]-Now fill the selection with # FFFFFA color & then Go to Blending Options & select Inner Shadow & use the
following settings

[27]-Now create any Text with the help of Text Tool. Finally, all settings have been completed & your final image will be
look as shown below

Make a Octagonal Website Content Box Unique,

How to design a website layout in Photoshop

Free Photoshop Website Templates