Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Medical Site Navigation Header

Medical Site Navigation Header


Start by creating a new file of the header size. Create a shape as shown using pen tool.

image 1

Enable subtract form shape area form the top bar.

image 2

Create an ellipse using elliptical shape tool.

image 3

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 4

image 5

image 6

Create a rectangle using rectangular shape tool.

image 7

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 8

image 9

image 10

Duplicate the layer several times and place as shown.

image 11

Create some horizontal lines using line tool.

image 12

Change the layer mode to overlay.

image 13

image 14

Create a rectangle using rectangular shape tool. Change the layer mode to overlay.

image 15

Create an ellipse using elliptical shape tool.

image 16

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 17

image 18

image 19

Duplicate the ellipse layer and place as shown.

image 20

Type link names over the button.

image 21

Insert company logo and place on the left of the header.

Medical Site Navigation Header



Author's URL: Mr. Smarty
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Medical Site Navigation Header"

Captcha