PhotoShop - Create a title for the menu

In this tutorial, we will show you how to create an impressive menu title. You will learn how to use Rectangle marquee tool, Drop shadow, Gradient overlay and Outer glow on the menu and many other operations.

PhotoShop - Create a title for the menu Picture 1

Step 1

Select the color above # 474747 and using the Rectangle Tool , create a rectangular selection like the following image

PhotoShop - Create a title for the menu Picture 2

In that selection, we add the following formats:

Drop shadow

PhotoShop - Create a title for the menu Picture 3

Gradient overlay

PhotoShop - Create a title for the menu Picture 4

Pattern

For the pattern choose any type of background you want to apply to the menu background.

Stroke

Select Stroke color as white (#FFFFFF), thickness is 1px and Opacity is 55%

Once done, you will have the following image:

PhotoShop - Create a title for the menu Picture 5

Step 2

Now we will create a menu at the top of the newly created rectangle.

Set the color to # 0290F1 and use Rounded Rectangle Tool to create a shape like this (change the rounded corner of the rectangle in the Radius box on the horizontal toolbar)

PhotoShop - Create a title for the menu Picture 6

This will be a button in the menu. Select the shape you just drawn and add the following formats:

Outer glow

PhotoShop - Create a title for the menu Picture 7

Gradient overlay

PhotoShop - Create a title for the menu Picture 8

After editing, we will have the menu button as follows

PhotoShop - Create a title for the menu Picture 9

Step 3

Now place the menu button layer below the original created rectangle layer. Put in the corresponding position like the following figure

PhotoShop - Create a title for the menu Picture 10

After you have prepared the menu button, create text for that menu. You can choose any font, in this example I choose the font Verdana , size 12pt , the font color is white.

PhotoShop - Create a title for the menu Picture 11

Repeat the steps to create the button and create the text for each necessary menu

PhotoShop - Create a title for the menu Picture 12

Step 4

Add a new layer, select the Rectangle marquee tool and create an area like the following image. Fill the background with the white shape and reduce the opacity of the image to 5%.

PhotoShop - Create a title for the menu Picture 13

Find a suitable image (searchable on the Internet) to decorate the menu title.

PhotoShop - Create a title for the menu Picture 14

Place the image in the appropriate position

PhotoShop - Create a title for the menu Picture 15

Add a title or page name to the fuzzy area you created, which font can be used as you wish, but it must be appropriate and stylish.

PhotoShop - Create a title for the menu Picture 16