Photoshop webiste header design in Photoshop

Posted on June 21st, 2008 by 3dfun in Photoshop Tutorials

Today I am telling you about How to Photoshop webiste header design in Photoshop.

[1] First of all Open New Document of Custom Size, Height & Width 700 x 200 pixels,Resolution 72 & Mode RGB Color.

Photoshop-webiste-header-design1

[2] Create a shape with the help of Rrounded Rectangle Tool.

Photoshop-webiste-header-design2

[3] Right click select Rasterize Layer.

Photoshop-webiste-header-design3

[4] Create a shape with the help of Rectangular Marquee Tool, after that hit the Delete key.

Photoshop-webiste-header-design4

[5] Add the following layer styles.

Photoshop-webiste-header-design5

Photoshop-webiste-header-design6

Photoshop-webiste-header-design7

Photoshop-webiste-header-design8

Photoshop-webiste-header-design9

[6] Take the Rectangle Tool create four shape like me.

Photoshop-webiste-header-design10

[7] Add the following layer styles for all shape.

Photoshop-webiste-header-design11

Photoshop-webiste-header-design12

Photoshop-webiste-header-design13

[8] Now select the shape layer clear layer style.

Photoshop-webiste-header-design14

[9] For this shape add the following layer styles.

Photoshop-webiste-header-design15

Photoshop-webiste-header-design16

Photoshop-webiste-header-design17

Photoshop-webiste-header-design18

[10] Create a shape with the help of Polygonal Lasso Tool.

Photoshop-webiste-header-design19

[11] Make a new layer with the seleciton with any color, after that add the following layer styles.

Photoshop-webiste-header-design20

Photoshop-webiste-header-design21

Photoshop-webiste-header-design22

Photoshop-webiste-header-design23

[12] Create a small circle with Ellipse Tool.

Photoshop-webiste-header-design24

[13] Add the following layer styles.

Photoshop-webiste-header-design25

Photoshop-webiste-header-design26

Photoshop-webiste-header-design27

[14] Create another small circle with Ellipse Tool.

Photoshop-webiste-header-design28

[15] Add the following layer styles.

Photoshop-webiste-header-design29

Photoshop-webiste-header-design30

[16] Select previous three layers, press cntl+E, to merge down layer then duplicate that layer, press cntl+T, right click select Flip Horizotanl.

Photoshop-webiste-header-design31

[17] Take the Text Tool create your text.

Photoshop-webiste-header-design32

[18] Done!! I hope you like it.

Photoshop-webiste-header-design33

creating logos with photoshop

creating water in photoshop

creating watermarks in photoshop

Leave a Reply

You must be logged in to post a comment.