Free Photoshop cs3 suite tutorials

Beginners Photoshop cs3 tutorials

Learn to make Simple Elegent Cool Website Header

January 7th, 2008 · No Comments

Here I will teach you about Simple-Elegent-Cool-Website-Header

[1]-First of all Open New Document of Custom size, Height & Width 350×650 pixels, Resolution 72 & Mode RGB Color

Pun332-Simple-Elegent-Cool-Website-Header1

[2]-Now fill the Background with any color & then create the following selection with the help of Rectangular Marquee Tool

Pun332-Simple-Elegent-Cool-Website-Header2

[3]-Now go to Select>MOdify>Smooth & use the following settings

Pun332-Simple-Elegent-Cool-Website-Header3

[4]-Now your image should look as shown below

Pun332-Simple-Elegent-Cool-Website-Header4

[5]-Now Open New Layer & then fill the selection with any color & then go to Blending Options with click on ‘f’ which is indicating
by Hand sign

Pun332-Simple-Elegent-Cool-Website-Header5

[6]-Now select Bevel & Emboss & use the following settings

Pun332-Simple-Elegent-Cool-Website-Header6

[7]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature

Pun332-Simple-Elegent-Cool-Website-Header7

Pun332-Simple-Elegent-Cool-Website-Header8

[8]-Now your image should look like below this

Pun332-Simple-Elegent-Cool-Website-Header9

[9]-Now Open New Layer & then create the following selection with the help of Rectangular Marquee Tool

Pun332-Simple-Elegent-Cool-Website-Header10

[10]-Now fill the selection with any color & then go to Blending Option.Select INNER GLOW
Photoshop Technique-How to use the INNER GLOW feature

Pun332-Simple-Elegent-Cool-Website-Header11

[11]-Now select Gradient Overlay & use the following settings

Pun332-Simple-Elegent-Cool-Website-Header12

Pun332-Simple-Elegent-Cool-Website-Header13

[12]-Now your image should look as shown below

Pun332-Simple-Elegent-Cool-Website-Header14

[13]-Now Make 2 Duplicate Layer of Layer1 & Layer2 & reduce the Opacity of Duplicate Layers

Pun332-Simple-Elegent-Cool-Website-Header15

[14]-Now one by one select Duplicate Layers & create the following adjustment with the help of Move Tool

Pun332-Simple-Elegent-Cool-Website-Header16

[15]-Now Open New Layer & then select Custom shape Tool & use the following shape & settings

Pun332-Simple-Elegent-Cool-Website-Header17

[16]-Now create the following shape with the help of Custom shape Tool & then select Pen Tool, click & select Make selection

Pun332-Simple-Elegent-Cool-Website-Header18

[17]-Now use the following settings in Make selection

Pun332-Simple-Elegent-Cool-Website-Header19

[18]-Now your image should look as shown below

Pun332-Simple-Elegent-Cool-Website-Header20

[19]-Now fill the selection with any color & then press Ctrl+T & rotate the following shape & then ENTER

Pun332-Simple-Elegent-Cool-Website-Header21

[20]-Now again select Custom Shape Tool & use the following shape & settings

Pun332-Simple-Elegent-Cool-Website-Header22

[21]-Now create the following shape with the help of Custom shape Tool & then select Pen Tool,click & select Make Selection

Pun332-Simple-Elegent-Cool-Website-Header23

[22]-Now In Make Selection feather radius should be 0 pixels, anti aliased, & New Selection then OK.your image should look like
below this

Pun332-Simple-Elegent-Cool-Website-Header24

[23]-Now open New Layer & then fill the selection with any color & after that go to Blending Options.Select Gradient Overlay
Photoshop Technique-How to use the Gradient Overlay feature

Pun332-Simple-Elegent-Cool-Website-Header25

Pun332-Simple-Elegent-Cool-Website-Header26

[24]-Now reduce the Opacity of this Layer

Pun332-Simple-Elegent-Cool-Website-Header27

[25]-Thanks for read this Tutorial.I hope U have enjoyed & the Final Output of this Tutorial is shown below

Pun332-Simple-Elegent-Cool-Website-Header28

Free Photoshop Website Templates

Free Photoshop Web Layouts,Photoshop Web Template - Web Site Design Tutorial …

Tags: website graphics photoshop tutorial

0 responses so far ↓

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

Leave a Comment