Free Website Template Header

Today I am teaching you about how to create Free Website Template Header

[1]-First of all Open New Document of custom preset, Height & Width 199×650 pixels,Resolution 72 & Mode RGB Color

Pun476-free-website-template-header1

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

Pun476-free-website-template-header2

[3]-Now fill the selection with any color & then create the following selection with the help of Rectangular Marquee Tool

Pun476-free-website-template-header3

[4]-Now select Gradient Tool & use the following Gradient & settings

Pun476-free-website-template-header4

[5]-Now Open New Layer & then fill the selection with the help of Gradient with Top to Bottom Direction & your image should
look like as shown below

Pun476-free-website-template-header5

[6]-Now Open New Layer & then create the following selection with the help of Polygonal Lasso Tool

Pun476-free-website-template-header6

[7]-Now go to Select>Modify>Smooth & use the following settings

Pun476-free-website-template-header7

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

Pun476-free-website-template-header8

[9]-Now fill the selection with ‘fffffa’ color & then create the following selection with the help of Rectangular Marquee Tool
& then press ‘Delete’

Pun476-free-website-template-header9

[10]-Now Open New layer & then create the following Shape with the help of Rounded Rectangle Tool & then right click select
Make selection.In Make selection feather radius should ‘0′ pixels tick on New Selection & then OK

Pun476-free-website-template-header10

[11]-Now fill the selection with ‘00bff3′ color & Blending Mode of this Layer should ‘Overlay’

Pun476-free-website-template-header11

[12]-Now your image should look like as shown below & then create the following selection with the help of Rectangular Marquee
Tool

Pun476-free-website-template-header12

[13]-Now Open New Layer & then fill the selection with ‘fffffa’ color & then Blending Mode of this Layer should ‘Overlay’
& reduce the Opacity also

Pun476-free-website-template-header13

[14]-Now create the following selection with the help of ‘Single Raw Marquee Too’ with hold shift

Pun476-free-website-template-header14

[15]-Now New Layer & then fill the selection with ‘fffffa’color & reduce the Opacity of this Layer.Then create the following
selection with the help of Rounded Rectangle Tool

Pun476-free-website-template-header15

[16]-Now Open New Layer & then fill the selection with any color & after that select Inner Shadow & use the following
settings
Photoshop Technique-How to use the Inner Shadow features

Pun476-free-website-template-header16

[17]-Now select Gradient Overlay & use the following settings

Pun476-free-website-template-header17

Pun476-free-website-template-header18

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

Pun476-free-website-template-header19

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

Pun476-free-website-template-header20

[20]-Now make the 3 Duplicate Layer with the help of 3 times press Ctrl+J & each one adjust with the help of Move Tool

Pun476-free-website-template-header21

[21]-Now select Text Tool Pun476-free-website-template-header22 & then create the following Text

Pun476-free-website-template-header23

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

Pun476-free-website-template-header24

[23]-Now create the following shape with the help of Custom Shape Tool & then select Pen Tool,right click select Make
selection.IN make selection feather radius should ‘0′pixels tick on New selection & then OK

Pun476-free-website-template-header25

[24]-Now your image should look like as shown below & then fill with ‘fffffa’ color & Blending Mode should ’soft light’

Pun476-free-website-template-header26

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

Pun476-free-website-template-header27

[26]-Now fill the selection with any color & then go to Blending Options,select Bevel & Emboss
Photoshop Technqiue-How to use the Bevel & Emboss featres

Pun476-free-website-template-header28

[27]-Thanks for read this Photoshop Tutorial.I hope U have Learnt some Photoshop Techniques & the Final Output of this
Tutorial is shown below

Pun476-free-website-template-header29

animated gif photoshop cs3

animated gif using photoshop

animated photoshop

Leave a Reply

You must be logged in to post a comment.