Photoshop

Creating a Navigation Bar

Learn what image slicing is and how it works? Image slicing is a technique for creating a web page, header or navigation menu, visually in Photoshop.

In this tutorial you'll learn how to set Image Dimensions, Resolution, Color Mode, Bit Depth, Background Content and Color Profile for a new file for web in Photoshop.

Then you'll learn a variety of techniques for creating visually exciting graphics that support and enhance navigation, and also slice a navigation bar and optimize each slice as a separate GIF or JPEG. You can slice and optimize in either Photoshop or ImageReady. This tutorial uses Photoshop.

Navigation is the most important graphic element in a Web site. A good navigation scheme is one that is both easy to find on every page and easy to use. It communicates clearly and simply where the viewer is in the site, where she can go from that point, and how to get there.