How to Design Menu in Adobe Photoshop

Hello, everyone today we are going to show you “How to Design Menu in Adobe Photoshop”. In this tutorial, you will learn how to design a menu for restaurants. Don’t worry if you are new here this is a step by step tutorial also have a screenshot of each step so you can practice it by yourself by downloading the project PSD file.

Through the menu, customers are kept informed of what dishes are available in the restaurant and the price per dish. The menu also allows restaurant operators to promote certain dishes in high visibility positions.

Fonts used:
Fonts used:
  • Raleway
Step 01
  • Open the Adobe Photoshop software.
  • Go to the “File” menu and click on the “New” option.
  • Select the “Size” of the new document.
  • Now we have to place the background image.
  • To do so, go to the “File” menu and click on the “Place” option.
  • Place the “Background” image according to your requirement.
  • Make sure that the background image covers the whole canvas.
1.1- (Click to Zoom)
1.2- (Click to Zoom)
1.3- (Click to Zoom)
1.4- (Click to Zoom)
1.5- (Click to Zoom)
Step 02
  • Take the “Rectangle Tool” from “Tools Bar”.
  • Draw a “Square Rectangle” but only apply the “Stroke”.
  • Again take the “Rectangle Tool” from “Tools Bar”.
  • Draw another rectangle on the top of the square rectangle as shown in screenshot 2.4.
  • Select both the “Rectangle Layers” and “Right Click” on the layers then click on the “Convert to Smart Object”.
  • Now press “Ctrl+J” and make copies of the rectangle as shown in 2.6.
2.1- (Click to Zoom)
2.2- (Click to Zoom)
2.3- (Click to Zoom)
2.4- (Click to Zoom)
2.5- (Click to Zoom)
2.6- (Click to Zoom)
Step 03
  • Take the “Horizontal Type Tool” from the “Tool Bars”.
  • Add some “Text” to the menu according to your requirement.
  • Now we have to add our “Social Media” accounts to the “Menu”.
  • To do so, go to the “File” menu and click on the “Place” option.
  • Place the “Social Media Icons” to the menu.
  • Take the “Type Tool” from the “Tools Bar” and add “Social Media Accounts”.
3.1- (Click to Zoom)
3.2- (Click to Zoom)
3.3- (Click to Zoom)
3.4- (Click to Zoom)
3.5- (Click to Zoom)
3.6- (Click to Zoom)
Step 04
  • Now we have to add some images to make the menu attractive.
  • Go to the “File” menu and click on the “Place” option.
  • Place the “Images” as shown in screenshot 4.2.
  • “Double Click” on the “Left Side” of the “Image Layer”.
  • A “Layer Style” window will be opened.
  • “Tick” the “Drop Shadow” option to apply the shadow.
  • Repeat the same process to add all the images.
  • At last, add the logo of your brand.
  • Finally, your menu is ready.
4.1- (Click to Zoom)
4.2- (Click to Zoom)
4.3- (Click to Zoom)
4.4- (Click to Zoom)
4.5- (Click to Zoom)

This is how the final result looks like

Final Outcome- (Click to Zoom)
Download Full Graphic Project Files Below!