Things You'll Need:
- Photoshop
-
Step 1
Open Photoshop. Then go to the File menu, and click "New Document." In the dialog box that pops up, select one of the web presets. Generally speaking, 800x600 works on the largest number of display settings.
-
Step 2
Go to the Tool panel, and at the bottom, change the color to whatever color your website background will be. Then use the Fill tool to fill the background with that color.
-
Step 3
Go to the Layer panel, and create a new layer. Then select the Pen tool, and draw an outline of the navigation panel you want. Then go to the Paths panel, and select "Stroke Path." Then delete the path.
-
Step 4
Fill the outline with whatever color you want the navigation panel to be. Don't add any text, since you should add this using your webpage editor. You can then embellish the design by using the Blending Modes bevel settings and perhaps a sweep of the Gradient tool.
-
Step 5
Select the Slice tool, and cut out the areas that you want to be separate sections, such as buttons. Double-click on each slice to name it. Give the slices names such as "home" and "about us." Now go to the File menu, and click "Save for Web." Save the images as high-resolution JPEGs. You now have a navigation panel that you can import into your webpage editor.
