Welcome to Fiery Darts. We are striving to be your home for learning what you can about Adobe Photoshop by providing uniqe, timely and regular tutorials. Please take a moment to bookmark our site.

Creating a Web Forum Navigation Header

Filed under: Web Graphics — Fiery Darts @ 7:50 pm

Creating a Web Forum Navigation Header
Start by creating a rounded rectangle using rounded rectangle shape tool.
Press Ctrl+T. Right click the layer and select distort. Adjust the nodes to get a shape like this.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Duplicate the layer. Press Ctrl+T. Right click the layer and select flip horizontal.
Select both layers. Duplicate the layers. Press Ctrl+T. Right click the layer and select flip vertical. Scale down as shown in the image.
Create an ellipse using elliptical shape tool.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Create a line divider shape using pen tool.
Duplicate and place as shown.
Similarly create line dividers for the other side.
Type button links above the dividers. Rotate to align with the dividers.
Place company logo in the center ellipse and forum name in the lower wings.
« XP Style Camera Icon   "Heal the World" Conceptual Graphic »

4 Comments »

  1. cool tutorial loads of help. nice 1

    Comment by luke — April 30, 2006 @ 9:15 am

  2. cool :D

    Comment by hmm — May 26, 2006 @ 8:22 am

  3. It’s an original one, congratulations

    Comment by Visitor — August 17, 2006 @ 1:30 am

  4. simply superb

    Comment by Paridhi.MP — August 17, 2006 @ 5:16 am

RSS feed for comments on this post. | TrackBack URI

Leave a comment

XHTML ( You can use these tags): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> .