Free Website Header Idea

Today I am telling you about How to Create Photoshop Free Website Header Idea

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

Photoshop-Free-Website-Header-Idea1

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

Photoshop-Free-Website-Header-Idea2

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

Photoshop-Free-Website-Header-Idea3

[4-Now Open New Layer & then fill the selection with ‘909090′color & then create the following selection

Photoshop-Free-Website-Header-Idea4

[5]-Now Open New Layer & then fill the selection with any color & then go to Blending Options,Bevel & Emboss & use the
following settings
Photoshop Technique-How to use the Bevel & Emboss feature

Photoshop-Free-Website-Header-Idea5

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

Photoshop-Free-Website-Header-Idea6

Photoshop-Free-Website-Header-Idea7

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

Photoshop-Free-Website-Header-Idea8

[8]-Now fill the selection with ‘000000′color & then go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

Photoshop-Free-Website-Header-Idea9

[9]-Now create the other selection with the help of Elliptical Marquee Tool & then fill with same color & your image should
look like as shown below

Photoshop-Free-Website-Header-Idea10

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

Photoshop-Free-Website-Header-Idea11

[11]-Now fill the selection with any color & then go to Blending Options,select Inner Shadow & use the following settings
Photoshop Technique-How to use the Inner Shadow feature

Photoshop-Free-Website-Header-Idea12

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

Photoshop-Free-Website-Header-Idea13

Photoshop-Free-Website-Header-Idea14

[13]-Now select Stroke Structure & use the following settings
Photoshop Technique-How to use the Stroke Structure feature

Photoshop-Free-Website-Header-Idea15

[14]-Now create the following selection with the help of Rectangular Marquee Tool & then press DELETE

Photoshop-Free-Website-Header-Idea16

[15]-Now make the Duplicate Layer with the help of Ctrl+J & then reduce the following Shape with the help of Ctrl+T & then
press ENTER

Photoshop-Free-Website-Header-Idea17

[16]-Again make the Duplicate Layer & then reduce with the help of Ctrl+T & your image should look like as shown below

Photoshop-Free-Website-Header-Idea18

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

Photoshop-Free-Website-Header-Idea19

[18]-Now fill the selection with any color & then go to Blending Options,select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature

Photoshop-Free-Website-Header-Idea20

Photoshop-Free-Website-Header-Idea21

[19]-Now create the following selection with the help of Rectangular Marquee Tool & then press DELETE

Photoshop-Free-Website-Header-Idea22

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

Photoshop-Free-Website-Header-Idea23

[22]-Now fill the selection with any color & then go to Blending Options,select Gradient Overlay & use the folowing settings

Photoshop-Free-Website-Header-Idea24

Photoshop-Free-Website-Header-Idea25

[23]-Now your image will look like this below

Photoshop-Free-Website-Header-Idea26

[24]-Now make the Duplicate Layer with the help of Ctrl+J & then adjust with the help of Move Tool & after that create the
following selection with the help of Rectangular Marquee Tool

Photoshop-Free-Website-Header-Idea27

[25]-Now Open New Layer & then fill the selection with ‘6dd0f7′color & then go to Blending Options,select Drop Shadow
Photoshop Technique-How to use the Drop Shadow feature

Photoshop-Free-Website-Header-Idea28

[26]-Now select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

Photoshop-Free-Website-Header-Idea29

[28]-Now select Stroke Structure & use the following settings
Photoshop Technique-How to use the Stroke Structure feature

Photoshop-Free-Website-Header-Idea30

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

Photoshop-Free-Website-Header-Idea31

[30]-Now fill the selection with any color & then go to Blending Options,select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

Photoshop-Free-Website-Header-Idea32

[31]-Now your image should look like as shown below & then create the following selection with the help of Elliptical Marquee
Tool & then Open New Layer

Photoshop-Free-Website-Header-Idea33

[32]-Now fill the selection with ‘6dd0f7′ color & then go to Blending Options,select INNER SHADOW & use the following settings

Photoshop-Free-Website-Header-Idea34

[33]-Now create any Text with the help of Text Tool & Open New Layer & then create the following selection with the
help of Elliptical Marquee Tool

Photoshop-Free-Website-Header-Idea35

[34]-Now fill the selection with ‘6dd0f7′color & then go to Blending Options,select Inner Shadow & use the following settings
Photoshop Technique-How to use the Inner Shadow feature

Photoshop-Free-Website-Header-Idea36

[35]-Now select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

Photoshop-Free-Website-Header-Idea37

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

Photoshop-Free-Website-Header-Idea38

[37]-Now fill the selection with ‘fffffa’color & then go to Blending Options,select Inner Shadow & use the following settings
Photoshop Technique-How to use the Inner Shadow feature [Tips-Opacity of this Layer should 28%]

Photoshop-Free-Website-Header-Idea39

[38]-Now make the Duplicate Layer with the help of Ctrl+J & then press Ctrl+T,right click select “Flip Horizontal” & then
press ENTER & after that adjust with the help of Move Tool like as shown below

Photoshop-Free-Website-Header-Idea40

[39]-Now Open New Layer & then create the following selection with the help of ‘Pen Tool’

Photoshop-Free-Website-Header-Idea41

[40]-Now fill the selection with ‘fffffa’ color & then Blending Mode of this Layer should ‘OVERLAY’ & reduce the opacity also

Photoshop-Free-Website-Header-Idea42

[41]-Now set the Brush of 2 pxl & then Open New Layer & create the following shape with the help of “Pen Tool” right click
select Stroke Path,In Stroke Path select ‘Brush’ & then Ok

Photoshop-Free-Website-Header-Idea43

[42]-Now go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

Photoshop-Free-Website-Header-Idea44

[43]-Now make the Duplicate Layer,press ctrl+T,right click select ‘flip Horizontal’ & then Ok adjust at Opposite & after that
set the 1 pxl “Brush” & then Open New Layer & create the following shape with the help of Pen Tool,right click select
Stroke Path & use the same settings in Stroke Path as used in previous steps

Photoshop-Free-Website-Header-Idea45

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

Photoshop-Free-Website-Header-Idea46

adobe photoshop drawing

adobe photoshop effects

adobe photoshop text effects

Leave a Reply

You must be logged in to post a comment.