Photoshop Website Header Lighting Effect

Today I am Telling you about How to Create Photoshop Website Header Lighting Effect

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

Photoshop-Website-Header-Lighting-Effect1

[2]-Now Open New Layer & then fill with ‘01022e’ color & then go to Filter>Render>Lighting Effect & use the following settings

Photoshop-Website-Header-Lighting-Effect2

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

Photoshop-Website-Header-Lighting-Effect3

[4]-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-Website-Header-Lighting-Effect4

Photoshop-Website-Header-Lighting-Effect5

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

Photoshop-Website-Header-Lighting-Effect6

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

Photoshop-Website-Header-Lighting-Effect7

[7]-Now right click,select Make Selection & use the following settings

Photoshop-Website-Header-Lighting-Effect8

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

Photoshop-Website-Header-Lighting-Effect9

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

Photoshop-Website-Header-Lighting-Effect10

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

Photoshop-Website-Header-Lighting-Effect11

Photoshop-Website-Header-Lighting-Effect12

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

Photoshop-Website-Header-Lighting-Effect13

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

Photoshop-Website-Header-Lighting-Effect14

[13]-Now press Delete & then create the following selection with the help of ‘Pen Tool’

Photoshop-Website-Header-Lighting-Effect15

[14]-Now Open New Layer & then 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-Website-Header-Lighting-Effect16

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

Photoshop-Website-Header-Lighting-Effect17

Photoshop-Website-Header-Lighting-Effect18

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

Photoshop-Website-Header-Lighting-Effect19

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

Photoshop-Website-Header-Lighting-Effect20

[18]-Now just like above steps create the other selections & then press Delete.Your image should look like as shown below

Photoshop-Website-Header-Lighting-Effect21

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

Photoshop-Website-Header-Lighting-Effect22

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

Photoshop-Website-Header-Lighting-Effect23

Photoshop-Website-Header-Lighting-Effect24

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

Photoshop-Website-Header-Lighting-Effect25

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

Photoshop-Website-Header-Lighting-Effect26

[23]-Now select Text Tool Photoshop-Website-Header-Lighting-Effect27 & then create the following Text
This Tutorial is complete now & the Final Image will look like this below

Photoshop-Website-Header-Lighting-Effect28

cool draw

cool text in photoshop

create a logo in photosho

Leave a Reply

You must be logged in to post a comment.