Here I will teach you about Photoshop-Website-Template-Layout
[1]-First of all Open New Document of Custom size, Height & Width 500×500 pixels, Resolution 72 & Mode RGB Color
[2]-Now fill the Background with any color & then select Custom Shape Tool & use the following shape & settings
[3]-Now Open New Layer & then create the following selection with the help of Custom shape Tool
[4]-Now select Pen Tool & then click & select Make Selection
[5]-Now In make selection feature radius should be 0 pixels, & then OK & your image should be look as shown below
[6]-Now Change the Blende Mode of this Layer. Blende Mode should be ‘Soft Light’ & Opacity 25%
[7]-Now Make Duplicate Layer with the help of Ctrl+J & then Press Ctrl+T & click & select FLIP HORIZONTAL & your image should
be look as shown below
[8]-Now select Background & then go to Filter>Render>Lighting Effects & use the following settings
[9]-Now your image should look like this Below
[10]-Now Open New Layer & then create the following selection with the help of Rectangular Marquee Tool
[11]-Now fill hte selection with any color & then go to Blending Options with click on ‘f’ which is indicating by Hand sign
[12]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature
![]()
[13]-NOw select Pattern Overlay & apply the following settings & then OK
[14]-Now Opacity of this Layer should be 63%
[15]-Now your image should be look like Below this! & after that create the following selection with the help of Rectangular
Marquee Tool with hold Shift
[16]-Now Open New Layer & then fill the selection with FFFFFA color & Blende Mode this layer should be SOFT LIGHT
[17]-Now your image should look as shown below
[18]-Now Open any image with the help of Ctrl+O & then adjust in Document with the help of Move Tool
[19]-Now select Text Tool
& then create different Text with different sizes.
Thanks for read this Photoshop Tutorial & the Final Output of this tutorial is shown below
![]()
Advanced Photoshop Tutorial - Free Online Photoshop Tutorial
Free Photoshop Website Templates




1 response so far ↓
1 Latest photoshop tutorials | Free Photoshop cs3 suite tutorials // Mar 8, 2008 at 3:32 am
[…] How to make Website Template Layout using Photoshop […]
You must log in to post a comment.