adv banner
Photoshop  Home Photoshop Web Layout Toon Site Navigation Header
rss

Toon Site Navigation Header

Author: Invano.com More by this author


Start by creating a new file of header size. Create an ellipse using elliptical shape tool. Place as shown.

image 1

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

image 2

image 3

image 4

Duplicate layer. Squeeze it vertically. Double click the layer to open layer style window. Apply Bevel & Emboss with following settings.

image 5

image 6

Similarly create more ellipses using ellipse tool. Apply same layer style that we used for first ellipse.

image 7

Using the pen tool create a shape behind small ellipses as shown. Fill with a darker shade of blue.

image 8

Create a few rectangles using rectangular shape tool. create rectangles with variable heights to give illusion of high rise buildings. Move these layers below all the layers in layer order in layer palette.

image 9

image 10

Insert a few cutouts of toons and place as shown.

image 11

Type navigation links over small ellipses.

image 12

Insert site logo and place on top.

Toon Site Navigation Header Tutorial: Final Result



Author's URL: www.invano.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Toon Site Navigation Header"