Website Template Tutorial

Here I will teach you about Photoshop Website Template Tutorial

[1]-First of all Open New Document of Custom size,Height & Width 750×700 pixels, Resolution 72 & Mode RGB Color

Pun453-photoshop-website-template-tutorial1

[2]-Now reduce the size percent of your Document like as shown below

Pun453-photoshop-website-template-tutorial2

[3]-Now Open New Layer & then fill the selection with ‘fffffa’ color & after that go to Blending Options,select Gradient Overlay
& use the following settings

Pun453-photoshop-website-template-tutorial3

Pun453-photoshop-website-template-tutorial4

[4]-Now select Pattern Overlay & use the following settings

Pun453-photoshop-website-template-tutorial5

[5]-Now your image should look like as shown below

Pun453-photoshop-website-template-tutorial6

[7]-Now create the following Shape with the help of Rounded Rectangle Tool & then Right Click, select Make selection

Pun453-photoshop-website-template-tutorial7

[8]-Now use the following settings in Make Selection

Pun453-photoshop-website-template-tutorial8

[9]-Now Your shape convert into selection & then Open New Layer,fill the selection with ‘fffffa’ color & after that go to
Blending Options, select Gradient Overlay & use the following settings

Pun453-photoshop-website-template-tutorial9

Pun453-photoshop-website-template-tutorial10

[10]-Now your image should look like as shown below & then Open New Layer & create the following shape with the help of
Rounded Rectangle Tool

Pun453-photoshop-website-template-tutorial11

[11]-Now apply the same Blending Options just like earlier Layer & your image should look like as shown below

Pun453-photoshop-website-template-tutorial12

[12]-Now create the following Shape with the help of Rounded Rectangle Tool

Pun453-photoshop-website-template-tutorial13

[13]-Now fill the selection with ‘fffffa’ color & in this Layer apply the Same Blending Options & after that create the following
shape with the help of Rounded Rectangle Tool

Pun453-photoshop-website-template-tutorial14

[14]-Now Open New Layer & then fill the selection with any color & after that use the Same Blending Options.Then create the
Following selection with the help of Rounded Rectangle Tool

Pun453-photoshop-website-template-tutorial15

[15]-Now Open New Layer & then fill the selection with any color & then go to Blending Options,select Gradient Overlay
Photoshop Technqiue-How to use the Gradient Overlay features

Pun453-photoshop-website-template-tutorial16

Pun453-photoshop-website-template-tutorial17

[16]-Now your image should look like as shown below & after that Open any image with the help of Ctrl+O & adjust in the First
Document with the help of Move Tool

Pun453-photoshop-website-template-tutorial18

[17]-Now select Text Tool Pun453-photoshop-website-template-tutorial19 & then create the following Text

Pun453-photoshop-website-template-tutorial20

[18]-Now make the Duplicate Layer with the help of Ctrl+J & then press Ctrl+T,right click select ‘Flip Vertical’ & then press
Enter & Opacity of this Layer should 14% .your image should look like as shown below

Pun453-photoshop-website-template-tutorial21

[19]-Now create the other Text with the hlp of Text Tool & your image should look like as shown below

Pun453-photoshop-website-template-tutorial22

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

Pun453-photoshop-website-template-tutorial23

[21]-Now Open New Layer & then fill the selection with any color & after that create the following selection with the help of
Elliptical Marquee Tool

Pun453-photoshop-website-template-tutorial24

[22]-Now Open New Layer & then fill the selection with any color & then go to Blending Options, select Inner Shadow
Photoshop Technique-How to use the Inner Shadow features

Pun453-photoshop-website-template-tutorial25

[23]-Now select Color Overlay & use the following settings

Pun453-photoshop-website-template-tutorial26

[24]-Now select Stroke Structure & use the following settings

Pun453-photoshop-website-template-tutorial27

[25]-Now your image should look like as shown below

Pun453-photoshop-website-template-tutorial28

[26]-Now Open New Layer & then select Custom Shape Tool & use the following Shape & settings

Pun453-photoshop-website-template-tutorial29

[27]-Now create the following shape with the help of Custom shape Tool,Right click select Make selection

Pun453-photoshop-website-template-tutorial30

[28]-Now use the following settings in Make selectioln

Pun453-photoshop-website-template-tutorial31

[29]-Now your image should look like as shown below

Pun453-photoshop-website-template-tutorial32

[30]-Now fill the selection with ‘fffffa’ color & then press Ctrl+T, right click select “Rotate 90′CW”

Pun453-photoshop-website-template-tutorial33

[31]-Now make the Duplicate Layer with the help of Ctrl+J & then press Ctrl+T,right click select “flip horizontal” & then
press ENTER & your image should look like as shown below

Pun453-photoshop-website-template-tutorial34

[32]-Thanks for read this Photoshop Tutorial.I hope U have enjoyed & the Final Output of this Tutorial is shown below

Pun453-photoshop-website-template-tutorial35

adobe photoshop 7 tutorial

adobe photoshop bubble

adobe photoshop cs2 text

Leave a Reply

You must be logged in to post a comment.