Photoshop color website header in photoshop

Posted on September 11th, 2008 by 3dfun in Photoshop Tutorials

Hello my friends

Today i will show you how to create a Photoshop color website header in photoshop.

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

[2] Create a new shape with the help of Rectangular Marquee Tool.
Make a new layer. fill the selection with #8d22fc.

Photoshop-color-wesite-header1

[3] Take the “Dodge Tool” apply the following settings.

Photoshop-color-wesite-header2

[4] Now given the following patch with the help of Dodge Tool.

Photoshop-color-wesite-header3

[5] Create the following selection with the help of Elliptical Marquee Tool.
After that go to Select>Modify>Feather Selection by 10px.

Photoshop-color-wesite-header4

[6] Make a new layer. Fill the selection with White color.

Photoshop-color-wesite-header5

[7] Then set the Opacity to 53%.

Photoshop-color-wesite-header6

Photoshop-color-wesite-header7

[8] Duplicate this layer a few times and place it like me.

Photoshop-color-wesite-header8

[9] Create a new shape with the help of Rectangle Shape Tool color is #ad1f8d.

Photoshop-color-wesite-header9

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

Photoshop-color-wesite-header10

Photoshop-color-wesite-header11

[11] Create a few shape with the help of Rounded Rectangle Tool and place it like me.

Photoshop-color-wesite-header12

[12] select 1st shape layer and add the following layer styles.

Photoshop-color-wesite-header13

Photoshop-color-wesite-header14

Photoshop-color-wesite-header15

Photoshop-color-wesite-header16

Photoshop-color-wesite-header17

[13] Select 2nd shape layer, give the following layer styles.

Photoshop-color-wesite-header18

Photoshop-color-wesite-header19

Photoshop-color-wesite-header20

Photoshop-color-wesite-header21

Photoshop-color-wesite-header22

[14] And now select 3rd shape layer, add the following layer styles.

Photoshop-color-wesite-header23

Photoshop-color-wesite-header24

Photoshop-color-wesite-header25

Photoshop-color-wesite-header26

Photoshop-color-wesite-header27

[15] Now select the last shape layer, add the following layer sytles.

Photoshop-color-wesite-header28

Photoshop-color-wesite-header29

Photoshop-color-wesite-header30

Photoshop-color-wesite-header31

Photoshop-color-wesite-header32

[16] This is my result.

Photoshop-color-wesite-header33

[17] After that create a shape for Substract selection.

Photoshop-color-wesite-header34

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

Photoshop-color-wesite-header35

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

Photoshop-color-wesite-header36

[20] Duplicate that layer and place it like me.

Photoshop-color-wesite-header37

[21] Take the Brush Tool apply the following settings.

Photoshop-color-wesite-header38

[22] Make a new layer and using the Brush Tool.

Photoshop-color-wesite-header39

[23] Now create some text. Finish I hope you like it.

Photoshop-color-wesite-header40

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.