Photoshop Website Template Layout

December 30th, 2007 · 1 Comment

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

Pun313-Photoshop-Website-Template-Layout1

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

Pun313-Photoshop-Website-Template-Layout2

[3]-Now Open New Layer & then create the following selection with the help of Custom shape Tool

Pun313-Photoshop-Website-Template-Layout3

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

Pun313-Photoshop-Website-Template-Layout4

[5]-Now In make selection feature radius should be 0 pixels, & then OK & your image should be look as shown below

Pun313-Photoshop-Website-Template-Layout5

[6]-Now Change the Blende Mode of this Layer. Blende Mode should be ‘Soft Light’ & Opacity 25%

Pun313-Photoshop-Website-Template-Layout6

[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

Pun313-Photoshop-Website-Template-Layout7

[8]-Now select Background & then go to Filter>Render>Lighting Effects & use the following settings

Pun313-Photoshop-Website-Template-Layout8

[9]-Now your image should look like this Below

Pun313-Photoshop-Website-Template-Layout9

[10]-Now Open New Layer & then create the following selection with the help of Rectangular Marquee Tool

Pun313-Photoshop-Website-Template-Layout10

[11]-Now fill hte selection with any color & then go to Blending Options with click on ‘f’ which is indicating by Hand sign

Pun313-Photoshop-Website-Template-Layout11

[12]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature

Pun313-Photoshop-Website-Template-Layout12

Pun313-Photoshop-Website-Template-Layout13
[13]-NOw select Pattern Overlay & apply the following settings & then OK

Pun313-Photoshop-Website-Template-Layout14

[14]-Now Opacity of this Layer should be 63%

Pun313-Photoshop-Website-Template-Layout15

[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

Pun313-Photoshop-Website-Template-Layout16

[16]-Now Open New Layer & then fill the selection with FFFFFA color & Blende Mode this layer should be SOFT LIGHT

Pun313-Photoshop-Website-Template-Layout17

[17]-Now your image should look as shown below

Pun313-Photoshop-Website-Template-Layout18

[18]-Now Open any image with the help of Ctrl+O & then adjust in Document with the help of Move Tool

Pun313-Photoshop-Website-Template-Layout19

[19]-Now select Text Tool Pun313-Photoshop-Website-Template-Layout20 & then create different Text with different sizes.
Thanks for read this Photoshop Tutorial & the Final Output of this tutorial is shown below

Pun313-Photoshop-Website-Template-Layout21
Advanced Photoshop Tutorial - Free Online Photoshop Tutorial

Free Photoshop Website Templates

Tags: website graphics photoshop tutorial

1 response so far ↓

Leave a Comment