Adobe free photoshop cs tutorials website

Website for Adobe Photoshop cs3 tutorials for free

Learn to create a Cool website header idea

December 15th, 2007 · No Comments

Here I will show you how to make a Cool website header idea in photoshop.

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

Cool-website-header-idea1

[2] Now take the Pen Tool create a shape.

Cool-website-header-idea2

[3] Make the selection and fill with any color would you like.

Cool-website-header-idea3

[4] Go to Blending Option use the following settings.

Cool-website-header-idea4

Cool-website-header-idea5

Cool-website-header-idea6

Cool-website-header-idea7

Cool-website-header-idea8

[5] Your image should be look like this.

Cool-website-header-idea9

[6] Make the copy of previous shape layer.

Cool-website-header-idea10

[7] Create another shape with the help of Pne Tool.

Cool-website-header-idea11

[8] Make the selection and fill with Black color.

Cool-website-header-idea12

[9] Go to Blending Option use the following settings.

Cool-website-header-idea13

Cool-website-header-idea14

Cool-website-header-idea15

Cool-website-header-idea16

Cool-website-header-idea17

[10] Your image should be look like this.

Cool-website-header-idea18

[11] Then take the Shape Tool and select this one.

Cool-website-header-idea19

[12] Create a shape and then select the Elliptical Marquee Tool use these settings.

Cool-website-header-idea20

[13] Create a shape over the previous shape see in the next image.

Cool-website-header-idea21

[14] Your image should be look like this.

Cool-website-header-idea22

[15] Go to Blending Option use the following settings.

Cool-website-header-idea23

Cool-website-header-idea24

[16] Your image should be look like this.

Cool-website-header-idea25

[17] Create another shape with the help of Elliptical Marquee Tool and fill with White color.

Cool-website-header-idea26

[18] Go to Blending Option use the following settings.

Cool-website-header-idea27

Cool-website-header-idea28

Cool-website-header-idea29

[19] Your image should be look like this.

Cool-website-header-idea30

[20] Create a new shape with the help of Elliptical Marquee Tool.

Cool-website-header-idea31

[21] Take the Gradient use the following settings.

Cool-website-header-idea32

[22] Fill the selection with the help of Gradient Tool.

Cool-website-header-idea33

[23] Now change the Blending and set the Opacity.

Cool-website-header-idea34

[24] Your should something look like this.

Cool-website-header-idea35

[25] Create a new shape with the help of Elliptical Marquee Tool.

Cool-website-header-idea36

[26] Take the Gradient use the following settings.

Cool-website-header-idea37

[27] Fill the selection with the help of Gradient Tool.

Cool-website-header-idea38

[28] Now change the Blending and set the Opacity.

Cool-website-header-idea39

[29] Your should something look like this.

Cool-website-header-idea40

[30] Create a small circle with the help of Elliptical Marquee Tool and fill with White color.

Cool-website-header-idea41

[31] Go to Blending Option use the following settings.

Cool-website-header-idea42

Cool-website-header-idea43

[32] Your image should be look like this.

Cool-website-header-idea44

[33] Make the copy of previous shape layer.

Cool-website-header-idea45

[34] Now take the Rounded Rectangle Tool.

Cool-website-header-idea46

[35] Create a shape and fill with Black color.

Cool-website-header-idea47

[36] Now go to Blending Option use the following settings.

Cool-website-header-idea48

Cool-website-header-idea49

Cool-website-header-idea50

Cool-website-header-idea51

[37] Your image should be look like this.

Cool-website-header-idea52

[38] Make the copy of previous shape layer.

Cool-website-header-idea53

[39] Now take the Text Tool create your text.

Cool-website-header-idea54

[40] Now finally you can fill the Background with Black color your final image is ready.

Cool-website-header-idea55

Learn to create a Cool website header idea

Photoshop Web Template - Web Site Design Tutorial …

Photoshop cs3 download websites and tutorial

Tags: Photoshop - Learn to draw effects

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment