Nav bar tutorial

Navigation Bar Tutorial

Made by Alex parenteau

First start with a size of 540x250 and a resolution of 72

create a new layer called Base and with the Custom Shape tool set to Rounded Rectangle with a corner radius of 12px and set to Fill Pixels draw a rectangle over the original object ending at the curve on the left side.

Use the colors #000000 and #A8A8A8 in the Gradient Overlay

After you set the layer styles it should look something like this.

grab the Custom Shape tool set to Rounded Rectangle but this time with an edge radius of just 3

The colors for the Gradient Overlay are #484848 and #000000 with the sliders left in their default positions.

Custom Shape tool drag a Rounded Rectangle with an corner radius of 2px

Your Gradient Overlay colors from left to right are #000000, #74767a and #535558.

Overlay colors from left to right are #000000, #74767a and #535558

Next title you button with the names you want to call them

Press U to switch to the Custom Shape tool, choose Rounded Rectangle set to Fill Pixels with a corner radius of 5px

Rounded Rectangle 5px Fill Pixels Foreground Color #1988AF

Drag a selection around the lower half of the gradient and hit Delete then type In your search function for the button

Navigation Bar Tutorial

Made by Alex parenteau

First start with a size of 540x250 and a resolution of 72

create a new layer called Base and with the Custom Shape tool set to Rounded Rectangle with a corner radius of 12px and set to Fill Pixels draw a rectangle over the original object ending at the curve on the left side.

Use the colors #000000 and #A8A8A8 in the Gradient Overlay

After you set the layer styles it should look something like this.

grab the Custom Shape tool set to Rounded Rectangle but this time with an edge radius of just 3

The colors for the Gradient Overlay are #484848 and #000000 with the sliders left in their default positions.

Custom Shape tool drag a Rounded Rectangle with an corner radius of 2px

Your Gradient Overlay colors from left to right are #000000, #74767a and #535558.

Overlay colors from left to right are #000000, #74767a and #535558

Next title you button with the names you want to call them

Press U to switch to the Custom Shape tool, choose Rounded Rectangle set to Fill Pixels with a corner radius of 5px

Rounded Rectangle 5px Fill Pixels Foreground Color #1988AF

Drag a selection around the lower half of the gradient and hit Delete then type In your search function for the button