How To Create A Tasty Restaurant Menu Card in Photoshop

17,930

Have a menu card is one important asset to generate sales for your restaurant.

In today’s tutorial we’re going to learn how to create your very own Restaurant Menu Card using Photoshop.

What You’ll Need to Create Your Menu

As well as access to Adobe Photoshop, you’ll need to download the following images and font files from The November Feast Bundle by TheHungryJPEG! Includes 93 fonts from 38 font families and 1780 handcrafted graphics elements, wreaths & patterns from 16 graphics packs for all your holiday projects!:

Let’s begin!

STEP 1: Set Up New Document

Go to [File] > [New…], and enter the following:

  • [Name](optional): Food Menu
  • [Preset]: International Paper
  • [Size]: A4
  • [Resolution]: 300 pixel/inch
  • [Color Mode]: CMYK Color 8 bit

Step 1-Restaurant Menu Card Photoshop Tutorial

Step 1-Restaurant Menu Card Photoshop Tutorial

STEP 2: Create Pattern

Here we use “It’s Turkey Time! Thanksgiving Watercolor Collection” from TheHungryJPEG November Bundle for the menu pattern.

Step 2-Restaurant Menu Card Photoshop Tutorial

Step 2-Restaurant Menu Card Photoshop Tutorial

Step 2-Restaurant Menu Card Photoshop Tutorial

Go to menu [Edit] > [Define Pattern…]

Step 2-Restaurant Menu Card Photoshop Tutorial

Give a name

Step 2-Restaurant Menu Card Photoshop Tutorial

Open early file “Food Menu.psd” define Background layer as a new layer by double click on layer background and click [OK]

Step 2-Restaurant Menu Card Photoshop Tutorial

Right click on layer background and select menu [Blending Options…]

Step 2-Restaurant Menu Card Photoshop Tutorial

Select [Pattern Overlay] and choose the pattern we made before, edit [Opacity]: 50% and [Scale]: 30%, and click [OK]

Step 2-Restaurant Menu Card Photoshop Tutorial

Step 2-Restaurant Menu Card Photoshop Tutorial

STEP 3: Create a Form inside

First, make guides by menu [View] > [New Guide…] and choose Vertical and fill [Position]: 1,5 cm.

Step 3-Restaurant Menu Card Photoshop Tutorial

Step 3-Restaurant Menu Card Photoshop Tutorial

Do it again and fill this:

  • For Vertical Guides: 2,5cm, 18,5cm, 19,5cm, and 50%
  • For Horizontal Guides: 1,5cm, 3cm, 26,7cm, 28,2cm and 50%

Step 3-Restaurant Menu Card Photoshop Tutorial

Create rectangle object color dark #2b2a29

Step 3-Restaurant Menu Card Photoshop Tutorial

Step 3-Restaurant Menu Card Photoshop Tutorial

Create a border for rectangle layer by right click on layer and select [Blending Options…]

Step 3-Restaurant Menu Card Photoshop Tutorial

Click [Stroke] and fill [Size]: 40px, [Position]: Inside, [Opacity]: 100%, [Color]: White (#ffffff)

Step 3-Restaurant Menu Card Photoshop Tutorial

Step 3-Restaurant Menu Card Photoshop Tutorial

STEP 4: Add Background Image

Again for the background we use TheHunryJPEG’s “It’s Turkey Time! Thanksgiving Watercolor Collection”

Step 4-Restaurant Menu Card Photoshop Tutorial

Edit image by filter effect, click menu [Filter] > [Filter Gallery…]

Step 4-Restaurant Menu Card Photoshop Tutorial

Choose [Sketch] > [Stamp] and fill [Light/Dark Balance]: 15, and [Smoothness]: 1.

Step 4-Restaurant Menu Card Photoshop Tutorial

Step 4-Restaurant Menu Card Photoshop Tutorial

Copy & paste image to file “Food Menu.psd”

Step 4-Restaurant Menu Card Photoshop Tutorial

Set the blending mode for the layer to [Multiply]

Step 4-Restaurant Menu Card Photoshop Tutorial

Resize and set [Fill]: 40%

Step 4-Restaurant Menu Card Photoshop Tutorial

Add another image, the process still the same

Step 4-Restaurant Menu Card Photoshop Tutorial

Step 4-Restaurant Menu Card Photoshop Tutorial

Step 4-Restaurant Menu Card Photoshop Tutorial

Step 4-Restaurant Menu Card Photoshop Tutorial

The Result:

Step 4-Restaurant Menu Card Photoshop Tutorial

STEP 5: Add Menu Text

For the menu text, here we use BrideChalk Font from The November Feast Bundle by TheHungryJPEG.

Write Header menu:

  • [Font]: BrideChalk,
  • [Font Style]: Serif,
  • [Font Size]: 48pt,
  • [Font Color]: d26d20.

Step 5-Restaurant Menu Card Photoshop Tutorial

Write the menu, here we use:

  • [Font]: Montserrat,
  • [Font Style]: Regular,
  • [Font Size]: 14pt,
  • [Font Color]: d26d20.

Step 5-Restaurant Menu Card Photoshop Tutorial

Add another menu:

Step 5-Restaurant Menu Card Photoshop Tutorial

Then write your info, here we use:

  • [Font]: Montserrat,
  • [Font Style]: Regular,
  • [Font Size]: 8pt,
  • [Font Color]: d26d20.

Step 5-Restaurant Menu Card Photoshop Tutorial

The Result:

Step 5-Restaurant Menu Card Photoshop Tutorial

STEP 6: Create New Document

Now we will create the menu cover, the process still same with STEP 1 & STEP 2

Step 6-Restaurant Menu Card Photoshop Tutorial

STEP 7: Add a Frame

Before we add frame, make guides first by menu [View] > [New Guide…] and choose [Horizontal] and fill [Position]: 50%.

Step 7-Restaurant Menu Card Photoshop Tutorial

Step 7-Restaurant Menu Card Photoshop Tutorial

Do the same again and choose [Vertical] and fill [Position]: 50%.

Step 7-Restaurant Menu Card Photoshop Tutorial

Add Frame, again we use the image from “It’s Turkey Time! Thanksgiving Watercolor Graphic Collection. They have 6 types of frame

Step 7-Restaurant Menu Card Photoshop Tutorial

Step 7-Restaurant Menu Card Photoshop Tutorial

Select all by go to menu [Select] > [All], copy image by [Edit] > [Copy], open file “Cover Menu.psd” and paste file by [Edit] > [Paste]

Step 7-Restaurant Menu Card Photoshop Tutorial

Resize and put at the center

Step 7-Restaurant Menu Card Photoshop Tutorial

Add the header text, here we use:

  • [Font]: BrideChalk,
  • [Font Style]: Serif,
  • [Font Size]: 48pt,
  • [Font Color]: d26d20.

Step 7-Restaurant Menu Card Photoshop Tutorial

Add the tagline text, we use:

  • [Font]: Montserrat,
  • [Font Style]: Regular,
  • [Font Size]: 18pt,
  • [Font Color]: d26d20.

Step 7-Restaurant Menu Card Photoshop Tutorial

The Result:

Step 7-Restaurant Menu Card Photoshop Tutorial

Congratulations, You’re Done!

And here the final result:

Result-Restaurant Menu Card Photoshop Tutorial

In this tutorial you’ve learned how to create a restaurant menu card with Photoshop!

I hope that you’ve enjoyed my tutorial and learned something new. Please feel free to leave your comments, suggestions, and outcomes below.

You might also like
3 Comments
  1. […] via […]

Comments are closed.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. AcceptRead More