| Photoshop Tutorials » Web » Nav bar |
You may download the zip version this tutorial. Please open your copy of NavBarPen.psd in Photoshop so you can have it handy and be able to use it as a reference when you need to. This helps you to see where a certain element of needs to be on the document. A tip I recommend is to set your screen resolution to 1152 x 864 or higher. Of course this is not mandatory, but I have found that when working in Photoshop you need all the desktop space you can have.
Step4: Create a new layer for the navigation bar and fill with red #C20000. I made mine 40 pixels high. Step5: Create a new layer. Using your elliptical marquee tool, hold shift and create a round circle. Fill this circle with red #C20000. position the circle in the middle of your document. When you get to the center, Photoshop should sort of hold it there. Apply these layer styles to your circle:
In this Adobe Photoshop tutorial we will make a sleek and stylish web navigation bar, I hope you enjoy it as much as my classmates did.
This free Photoshop tutorial is designed to show you an easy way to create an elegant sleek looking Navigational Bar for your site in just a few minutes. This lesson is very easy to grasp and will show you some simple techniques that you can use across your site design. With this navbar you can use a variety of backgrounds for different effects using the text placeholders from this tutorial so it's a good template for later use down the road.
Copyright � 2002-2006, tutorialwiz.com | All Rights Reserved. All tutorials (unless otherwise stated) are the property of tutorialwiz.com. You may not re-distribute, reproduce any portion of this website and or it's contents without the prior express written consent of tutorialwiz.com
We start of by creating a new canvas (File>new) now you have to fill the background with the bucket tool (g) with the colour black (#000000). Now you stretch a dark Grey (#232323) rectangle across the canvas so you have something similar to this.
1. Start by opening a new 600 * 140px file. Now select the Rounded Rectangle Tool and make a small rectangle like in the image below