Photoshop custom web design header in photoshop

Posted on July 26th, 2008 by 3dfun in Photoshop Tutorials

Hello

Today I am going to make you about how to Create Photoshop custom web design header in photoshop.

[1] Take a new file of 700 pixels, 250 pixels, of resolution 72 dpi in the RGB mode.

[2] Create a new shape with the help of Rectangle Tool color is not important.

Photoshop-custom-web-design-header1

[3] Add the following layer styles.

Photoshop-custom-web-design-header2

Photoshop-custom-web-design-header3

Photoshop-custom-web-design-header4

Photoshop-custom-web-design-header5

Photoshop-custom-web-design-header6

[4] Duplicate layer and clear layer style place it like me.

Photoshop-custom-web-design-header7

[5] Take the Shape Tool select this one.

Photoshop-custom-web-design-header8

[6] Create a shape and get the selection like this.
And hit the Delete key you get the result something like this.

Photoshop-custom-web-design-header9

Photoshop-custom-web-design-header10

[7] Hit “M” key, use downarrow key to move the selection down then hit Delete key, you will get.

Photoshop-custom-web-design-header11

[8] Now we will add a layer style for this layer.

Photoshop-custom-web-design-header12

Photoshop-custom-web-design-header13

Photoshop-custom-web-design-header14

Photoshop-custom-web-design-header15

[9] Duplicate this layer. And place it like me.

Photoshop-custom-web-design-header16

[10] Take the Pencil Tool brush size 1px.

Photoshop-custom-web-design-header17

[11] Draw a line like this.

Photoshop-custom-web-design-header18

[12] Select Rounded rectangle tool create a shape fill that layer with #cbc2c3.

Photoshop-custom-web-design-header19

[13] Take the Polygonal Lasso Tool create a shape and hit the delete key.

Photoshop-custom-web-design-header20

[14] Add the following layer styles.

Photoshop-custom-web-design-header21

Photoshop-custom-web-design-header22

Photoshop-custom-web-design-header23

Photoshop-custom-web-design-header24

Photoshop-custom-web-design-header25

[15] Then duplicate this layer a few times and with the arrow keys place the duplicated shapes like me.

Photoshop-custom-web-design-header26

[16] Create a shape with the Rectangular Marquee Tool fill that layer with White color.

Photoshop-custom-web-design-header27

[17] For this layer change the Blending Mode to SoftLight.

Photoshop-custom-web-design-header28

[18] You get the result something like this.

Photoshop-custom-web-design-header29

[19] Create a shape with the help of Rectangle Tool color is not important.

Photoshop-custom-web-design-header30

[20] For this layer add the following layer styles.

Photoshop-custom-web-design-header31

Photoshop-custom-web-design-header32

Photoshop-custom-web-design-header33

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

Photoshop-custom-web-design-header34

[22] Now add some text.

Photoshop-custom-web-design-header35

[23] This is my final Output.
I hope you like it.

Photoshop-custom-web-design-header36

creating logos with photoshop

creating water in photoshop

creating watermarks in photoshop

Photoshop design contact lens in photoshop

Photoshop design bubble logo in photoshop

Leave a Reply

You must be logged in to post a comment.