Photoshop Tutorial: Easily Draw Black Style Navigation Bar Text – Web Page Picture

Author: Bulu Box Source:

First create a background

Then use a rounded rectangle with 5px rounded corners. The size and color are explained in the picture

Here, use a soft brush to brighten the background, with a stroke size of 300 pixels

There are no steps in the original tutorial. In order to make the font stand out a little, I added a little shadow, a subtle change

To pull the gradient, you can directly use a rectangular selection frame, just 10px away from the outer frame, and then set the gradient layer transparency to 5%

Write the table of contents and choose your favorite colors and fonts

Then add dividing lines and adjust the color when clicked

This is my final effect. The font is a bit blurry, but I think it matches the overall texture~

It’s just that when I put it on a web page, the words are a little unclear

This is the final effect of the foreigner, the text is unstyled

Sharing completed~

It’s a very simple navigation creation. It can be completed in about half an hour, or even faster… If you are interested, you can give it a try

Author: Bulu Box Source:

First create a background

Then use a rounded rectangle with 5px rounded corners. The size and color are explained in the picture

Here, use a soft brush to brighten the background, with a stroke size of 300 pixels

There are no steps in the original tutorial. In order to make the font stand out a little, I added a little shadow, a subtle change

To pull the gradient, you can directly use a rectangular selection frame, just 10px away from the outer frame, and then set the gradient layer transparency to 5%

Write the table of contents and choose your favorite colors and fonts

Then add dividing lines and adjust the color when clicked

This is my final effect. The font is a bit blurry, but I think it matches the overall texture~

It’s just that when I put it on a web page, the words are a little unclear

This is the final effect of the foreigner, the text is unstyled

Sharing completed~

It’s a very simple navigation creation. It can be completed in about half an hour, or even faster… If you are interested, you can give it a try

<!–Collectio