Web Authoring
  Home arrow Web Authoring arrow Page 3 - Rich Backgrounds for Logos and Menus
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Moblin 
JMSL Numerical Library 
IBM® developerWorks 
Sun Developer Network 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
WEB AUTHORING

Rich Backgrounds for Logos and Menus
By: Clay Dowling
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 3 stars3 stars3 stars3 stars3 stars / 24
    2004-08-31

    Table of Contents:
  • Rich Backgrounds for Logos and Menus
  • Banners
  • The Menu
  • Adjusting the Menu Background

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Rich Backgrounds for Logos and Menus - The Menu


    (Page 3 of 4 )

    Now that we have a banner, we need to create menus. Many of the same techniques that served us well for the banner will serve for the menu. There are a couple of extra considerations to keep in mind though. The most important is that a menu repeats. This means that any background image must either be tilable, if it is to be repeated for each menu item, or a single background image must be used for the whole menu.

    For the background image, I selected this shot of wet sand that I took right after a rain storm (only a small segment is shown, since it's all much the same):

    Creating Backgrounds for Logos and Menus

    I'm intending this menu to be on the left hand side of the page with the menu items arranged vertically. 200 pixels makes a pretty good width, so I cut out a 200 pixel wide section on the left hand side.  Since one section of sand is pretty much like any other, I'm just going to repeat the same bit of sand for each menu item. There is a very faint pattern which emerges, but it's not too distracting and doesn't looked particularly tiled. If you're a real stickler though, or you choose a background that doesn't tile smoothly, you can select an image the full height of your source image. That's how I started out with this project.

    Now I want some nice looking details to make my menu pop a little. By playing around with my plugins, I discover a nice rounded corner plugin that takes my image, cuts some nice round corners into it, and adds a drop shadow:

    Creating Backgrounds for Logos and Menus

    I experimented with that quite a bit, and it made a really excellent menu, with no risk of tiling effects. It might look even nicer with some strongly textured material such as raw silk or leather. Sand is what we have at present though, so sand is what we're going to use.

    More Web Authoring Articles
    More By Clay Dowling


       · I thought that this article was good but didn't give actual examples of "how" to do...
       · Thanks for the feedback on that. I specifically didn't choose to show the steps for...
       · Quite a few readers gave this article the El Stinko rating. Since I don't like...
       · I think the article was well written. Its intended audience was those with limited...
       · I crave your pardon sir. As well as being the author of the post you responded too...
     

    WEB AUTHORING ARTICLES

    - Yahoo Pipes: Worth a Look
    - Completing an EAR
    - Building and Deploying an EAR
    - New Nuke Security Sentinel: Worth Taking a C...
    - Administering Your CMS-Based Web Site
    - What You Need to Know Before Using a CMS
    - Introducing the Google Maps API
    - An Overview of the Yahoo User Interface Libr...
    - Basic configuration of osCommerce, concluded
    - Basic configuration of osCommerce, continued
    - Basic configuration of osCommerce
    - Deploying your Site with PHPEclipse, continu...
    - Deploying your Site with phpEclipse
    - Macromedia Captivate Review
    - Macromedia and Adobe Planning to Tie the Knot






    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 1 hosted by Hostway
    Stay green...Green IT