Wednesday, 07 January 2009
photoshop photo website header tutorial PDF Print E-mail

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

photoshop-photo-website-header1

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

photoshop-photo-website-header2

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

photoshop-photo-website-header3

photoshop-photo-website-header4

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

photoshop-photo-website-header5

[5]-Now make the 2 Duplicate Layers with the help of 2 times press Ctrl+J & then adjust with the help of Move Tool like as
shown below

photoshop-photo-website-header6

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

photoshop-photo-website-header7

[7]-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-photo-website-header8

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

photoshop-photo-website-header9

photoshop-photo-website-header10

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

photoshop-photo-website-header11

[10]-Now like this Delete the other parts & then Open New layer & create the following selection with the help of Rectangular
Marquee Tool

photoshop-photo-website-header12

[11]-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-photo-website-header13

[12]-Now select Contour Elements & use the following settings

photoshop-photo-website-header14

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

photoshop-photo-website-header15

[14]-Now create the following selection with the help of Elliptical Marquee Tool & then press DELETE [Don’t remove the
selection]

photoshop-photo-website-header16

[15]-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 feature

photoshop-photo-website-header17

[16]-Now select Inner Glow & use the following settings
Photoshop Technique-How to use the Inner Glow feature

photoshop-photo-website-header18

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

photoshop-photo-website-header19

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

photoshop-photo-website-header20

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

photoshop-photo-website-header21

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

photoshop-photo-website-header22

photoshop-photo-website-header23

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

photoshop-photo-website-header24

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

photoshop-photo-website-header25

[23]-Now Blending Mode of this Layer should ‘OVERLAY” & reduce the Opacity also.

photoshop-photo-website-header26

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

photoshop-photo-website-header27

[25]-Now select Text Tool photoshop-photo-website-header28 & then create the any Text
See below for Final Photoshop Output.I hope this is a good tutorial & you can use these Photoshop Techniques in your
Graphics Design Project

photoshop-photo-website-header29

http://tutorialqueen.com/



Comments (0)Add Comment

Write comment
quote
bold
italicize
underline
strike
url
image
quote
quote
smile
wink
laugh
grin
angry
sad
shocked
cool
tongue
kiss
cry
smaller | bigger

security code
Write the displayed characters


busy