Link Separators

step 1

This tutorial describes how to make simple link separators. These have the illusion of being inset or engraved.

step 2

Get a simple navigation bar ready for this.

step 3

Create a new layer and make a vertical line inside this navigation bar. Make sure the color is set to black. I zoomed in so you can see.

step 4

Now duplicate it and nudge it 1px to the right. Change the color of this line to white.

step 5

Set the layer with the black line to 50% opacity and 50% fill. Set the layer with the white line to 80% opacity and 80% fill.

step 6

Merge the 2 layers together and duplicate it as many times as needed to accommodate for the amount of links you have. Also, make sure you align them with your text.

final image

Final Result