PhotoShop - Create a title for the menu

You will learn how to use Rectangle marquee tool, Drop shadow, Gradient overlay and Outer glow on the menu and many other operations.

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.

Picture 1 of PhotoShop - Create a title for the menu

Step 1

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

Picture 2 of PhotoShop - Create a title for the menu

In that selection, we add the following formats:

Drop shadow

Picture 3 of PhotoShop - Create a title for the menu

Gradient overlay

Picture 4 of PhotoShop - Create a title for the menu

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:

Picture 5 of PhotoShop - Create a title for the menu

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)

Picture 6 of PhotoShop - Create a title for the menu

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

Outer glow

Picture 7 of PhotoShop - Create a title for the menu

Gradient overlay

Picture 8 of PhotoShop - Create a title for the menu

After editing, we will have the menu button as follows

Picture 9 of PhotoShop - Create a title for the menu

Step 3

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

Picture 10 of PhotoShop - Create a title for the menu

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.

Picture 11 of PhotoShop - Create a title for the menu

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

Picture 12 of PhotoShop - Create a title for the menu

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%.

Picture 13 of PhotoShop - Create a title for the menu

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

Picture 14 of PhotoShop - Create a title for the menu

Place the image in the appropriate position

Picture 15 of PhotoShop - Create a title for the menu

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.

Picture 16 of PhotoShop - Create a title for the menu

Update 25 May 2019
Category

System

Mac OS X

Hardware

Game

Tech info

Technology

Science

Life

Application

Electric

Program

Mobile