Photoshop design website unique header in photoshop

Posted on August 17th, 2008 by 3dfun in Photoshop Tutorials

Here we will tell you how to make a Photoshop design website unique header in photoshop.

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

[2] Now take the shape tool select this one.

Photoshop-design-website-unique-header1

[3] Create a shape right click to select make selection.
After that go to Select>Modify>Smoth Selection Radius 7 px.

Photoshop-design-website-unique-header2

[4] Make a new layer fill the selection with Black color.

Photoshop-design-website-unique-header3

[5] Double click the layer to open layer style window. Apply settings as shown.

Photoshop-design-website-unique-header4

Photoshop-design-website-unique-header5

Photoshop-design-website-unique-header6

Photoshop-design-website-unique-header7

Photoshop-design-website-unique-header8

[6] Now take the Rounded Rectangle Tool, create a shape right click select make selection.
After that hit the Delete key, Do not “D” select.

Photoshop-design-website-unique-header9

[7] Make a new layer fill that layer with white.

Photoshop-design-website-unique-header10

[8] Double click the layer to open layer style window. Apply settings as shown.

Photoshop-design-website-unique-header11

Photoshop-design-website-unique-header12

Photoshop-design-website-unique-header13

Photoshop-design-website-unique-header14

Photoshop-design-website-unique-header15

Photoshop-design-website-unique-header16

[9] Take the Rectangular Marquee Tool apply the following settings.

Photoshop-design-website-unique-header17

[10] Ctrl+Click on the shape layer to get selection, after that create a shape like me.

Photoshop-design-website-unique-header18

[11] Choose Gradient to and set properties like this.

Photoshop-design-website-unique-header19

[12] Apply gradient to selection to get the result like this.

Photoshop-design-website-unique-header20

[13] Repeat above step, then go to Select>Modify>Feather Selection Radius 2px.

Photoshop-design-website-unique-header21

[14] Make a new layer fill the selection with white.

Photoshop-design-website-unique-header22

[15] Change the Blending Mode to Overlay.

Photoshop-design-website-unique-header23

Photoshop-design-website-unique-header24

[16] Ctrl+Click the 1st shape layer to get selection.
After that make a new layer fill the selection with Black color.

Photoshop-design-website-unique-header25

[17] Now go to Filter>Noise>Add Noise apply the following settings.

Photoshop-design-website-unique-header26

[18] After that Change the Blending Mode and set the Opacity also see in the next image.

Photoshop-design-website-unique-header27

[19] You get the result like this.

Photoshop-design-website-unique-header28

[20] Choose Brush Tool to and set properties like this.

Photoshop-design-website-unique-header29

[21] Make a new layer, set the foreground color is white, just one click your mouse.

Photoshop-design-website-unique-header30

[22] Double click the layer to open layer style window. Apply settings as shown.

Photoshop-design-website-unique-header31

Photoshop-design-website-unique-header32

Photoshop-design-website-unique-header33

Photoshop-design-website-unique-header34

Photoshop-design-website-unique-header35

[23] Now create another shape with brush tool, now add the following layer styles.

Photoshop-design-website-unique-header36

Photoshop-design-website-unique-header37

Photoshop-design-website-unique-header38

Photoshop-design-website-unique-header39

Photoshop-design-website-unique-header40

[24] Duplicate both layer and layer it like me.

Photoshop-design-website-unique-header41

[25] Take the Pencil Tool for 1px. Make a new layer draw a line like this.

Photoshop-design-website-unique-header42

[26] Ctrl+Click the 1st shape layer to get selection.
After that Cntl+Shift+I to Inverse selection.

Photoshop-design-website-unique-header43

[27] And now hit the delete key you get result like this.

Photoshop-design-website-unique-header44

[28] Then set the Opacity 21%.

Photoshop-design-website-unique-header45

[29] Duplicate a few time and place it like me.

Photoshop-design-website-unique-header46

[30] Now add your text, your final image should look like this.

Photoshop-design-website-unique-header47

adobe photoshop 7 tutorial

adobe photoshop bubble

adobe photoshop cs2 text

Photoshopcs3 dollar save money banner logo in photoshop

Photoshop blog comments website icon in photoshop

Leave a Reply

You must be logged in to post a comment.