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.


Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85

Warning: include(http://www.fierydarts.com/ads.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85

Warning: include() [function.include]: Failed opening 'http://www.fierydarts.com/ads.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85

Creating a Navigation Header

Filed under: Web Graphics — Fiery Darts @ 10:03 am

Creating a Navigation Header
Start by creating a rounded rectangle in a new file.
Apply gradient overlay with the settings shown.
Enable subtract from shape area at the top bar and draw a circle using elliptical shape tool.
Create a light and a dark color line as a divider.
Create a rectangle and apply following layer style .
Select the rectangle using direct selection tool. Using add Anchor point tool add two anchor points at the each side of the bottom of the rectangle. Delete the corner nodes of the bottom and join the new anchor points using pen tool. This will create a button which is rounded at the bottom.
Create a rectangle below the divider lines. This will serve as a button bar.
Apply gradient overlay with the settings shown.
Place the button over this bar.
Duplicate this button 4 times.
Scale down the buttons and place it to fit the whole button bar.
Create a triangle using polygon shape tool.
Press Ctrl+T and squeeze it vertically.
Duplicate it and place over all buttons.
Type your text links on all buttons.
Insert a cutout of a relevant image and move it below all layers.
Insert the company logo and place it on the left of the header.
Type some categories to the right side of the header.

WordPress database error: [Table './fierydar_fire/wp_comments' is marked as crashed and last (automatic?) repair failed]
SELECT * FROM wp_comments WHERE comment_post_ID = '16' AND comment_approved = '1' ORDER BY comment_date

12 Comments »

No comments yet.

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> .


Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112

Warning: include(http://www.fierydarts.com/ads.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112

Warning: include() [function.include]: Failed opening 'http://www.fierydarts.com/ads.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112