Create a Navigation Bar Using Photoshop

A Tutorial from TrickyPhotoshop

Hello guys I am Vaibhav and in this tutorial I am going to show you how to create a navigation bar using Photoshop CS6. Last time I discussed about Creation of Custom Shapes in Photoshop which is really a recommended tutorial for graphic designers. For this tutorial basically what I am going to do is to create various shapes and then I will merge all the shapes so that it will look like a Navigation Bar.

FINAL

 Create a Navigation Bar Using Photoshop CS6 | TrickyPhotoshop web designing graphics

STEP 1

Let’s start by creating a new document by pressing ctrl+N/cmd+N. Set the dimension 4000 x 1200 pixels and resolution as 72 pixels per inch. The reason I am choosing such a massive size because of more flexibility. And I can also reduce the image size(downsample) at any time I want by pressing ctrl+alt+I/cmd+opt+I. To know more about downsampling click here.

I have written a whole tutorial on Creating a New Document in Photoshop and you should check that out if you are a beginner.

 Create a Navigation Bar Using Photoshop CS6 | TrickyPhotoshop web designing graphics

2 Comments

Leave a reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>