Tuesday, January 5, 2021

How to Make a Restaurant Menu Template in InDesign

How to Make a Restaurant Menu Template in InDesign
Final product image
What You'll Be Creating

All set up with your business but still can’t decide what to do for your restaurant menu design? We've got you covered with this trendy menu design template tutorial. You'll learn how to create a restaurant menu in InDesign and more.

A menu layout can make or break your customers' restaurant experience. A menu design can really define what kind of restaurant you are running. In this tutorial, we show you how to make a restaurant menu that will put you high on your audience's “must try restaurants” list. We will create a trendy InDesign menu template formatted with Paragraph styles and Cell styles. Easy to customize to your own colors and font, this restaurant menu design template is perfect for any kind of restaurant business.

If you prefer to learn by video instead of text, watch my free course on restaurant menu design. I'll show you how to make a menu from scratch in Adobe InDesign over on our Envato Tuts+ YouTube channel:

In a hurry? We’ve got amazing menu design templates, blank restaurant menu templates, and other InDesign templates over at Envato Elements and GraphicRiver. Keep an eye out for some limited-time free restaurant menu samples on Envato Elements Freebies. We've got tons of great assets to fit any of your projects. Go check them out!

What You Will Need to Create Your InDesign Template

You'll need access to Adobe InDesign. If you don't have the software, you can download a trial from the Adobe website. You'll also need the following assets:

Download the assets and make sure the font is installed on your system before starting. When you are ready, we can dive in!

1. Setting Up an InDesign Menu Template File

Step 1

In InDesign, go to File > New. Name the document Menu Template. We will create an A4 InDesign menu template. Set the menu format to the following dimensions:

  • Width to 29.7 cm
  • Height to 21 cm
  • Units to Centimeters
  • Orientation to Portrait
  • Pages to 1
  • Uncheck Facing Pages
  • Columns to 3
  • Column Gutter to 0.5 cm
  • Margins to 1.8 cm
  • Bleeds to 0.3 cm (it's best to seek your professional printer’s preference)

Click Create.

create a new document

Step 2

For this InDesign menu template tutorial, we will work with four layers. This will make it easier to update the InDesign template when it needs different copy, color, or fonts. 

Bring up the Layers panel by going to Window > Layers. Double-click on Layer 1 and rename it Background. On the Layers panel main menu, select New Layer. Name the new layer Illustration. Click OK. Create two additional layers and name them Overlay and Copy.

create new layers

Step 3

Before we start with the design, let’s add some color swatches. Head over to Window > Color > Swatches to expand the Swatches panel. Choose the New Color Swatch button from the main menu. Uncheck Name with color value and name each color as shown in the list below:

  • Light: C=10 M=5 Y=15 K=5
  • Medium: C=0 M=10 Y=25 K=40
  • Dark: C=0 M=10 Y=25 K=65

Click Add after you input each color value. Click OK.

add color swatches

2. How to Add Paragraph and Cell Styles to Your InDesign Menu Template

Step 1

Open up the Paragraph Styles panel by going to Windows > Styles > Paragraph Styles. From the main menu, select New Paragraph Style. In the New Paragraph Style option window, set the Style Name to Menu Title. Select Basic Character Formats from the left side menu and use the following settings:

  • Font Family: Delichia Sans
  • Font Style: Regular
  • Size: 14 pt
create paragraph styles

Move down the list and select the Indents and Spacing menu, setting the Alignment to Center. Select the Character Color from the left side menu. Select the Dark color swatch. Click OK.

format the character colors

Perfect! Let's create a few more styles. Use the following settings for Menu Item style:

  • Font Family: Delichia Sans
  • Font Style: Regular
  • Size: 10 pt

Head over to the Indents and Spacing menu, and set the Alignment to Center. Select the Character Color from the left side of the panel. Select the Dark color swatch. Click OK.

Use the following settings for the Menu Description style:

  • Font Family: Delichia Script
  • Font Style: Regular
  • Size: 6 pt

Head over to the Indents and Spacing menu, and set the Alignment to Center. Select the Character Color from the left side of the panel. Select the Medium color swatch. Click OK.

add three paragraph styles for the different formats

Step 2

We will create the menu using tables for easier customization. Let's create a single style for the title of each section. Head over to Window > Styles > Cell Styles to open the Cell Styles panel. From the main menu, select New Cell Style.

Let’s look at the General option on the left side of Cell Style options window. Set the Style Name to Menu Title Cell. Under Paragraph Style, select the Menu Title style. This means we will be linking the paragraph style we created previously to this cell style.

Select the Text option from the left side. Set the Vertical Justification to Align Center.

create a new cell style

Step 3

Select the Strokes and Fills option on the left side of the menu. In the Cell Stroke section, you will notice a diagram of the cell, we need to select which sides of the cell we want to format. In this case, we will only use the top and bottom strokes. Click on the left and right sides of the cell to deactivate the selection, leaving only the top and bottom selected.

Set the Weight to 0.25 pt, set the Color to the Dark swatch, and set the Type to Solid. Click OK.

Deselect the top and bottom sides of the cell and select the left and right sides. Set the Color to [None].

set the strokes and fills of the cell style

While we won’t be adding more cell styles, this is still useful when you want to apply changes. If you update one small detail, all the cells using the same style will update automatically. It's a real time-saver!

3. How to Create Vectors and Place Images on Your Menu Design

Step 1

On the Layers panel, lock the top three layers and leave the Background layer unlocked. Select the Background layer—this is the one we will be working on for now.

Using the Rectangle Tool (M), draw a rectangle covering the whole page. Don’t forget to include the bleeds.  

On the Swatches panel, select the Light swatch color.

using the rectangle tool create a rectangle tool to cover the page

Step 2

On the Layers panel, lock the Background layer and unlock the Illustration layer.

To Place an image, press Command-D. Locate the Seafood elements .jpeg and click Open

place the seafood image onto the document

Step 3

Using the Selection Tool (V), resize the width of the image to cover the bleed. Position the image at the very top of the menu. The image will be short, so we will duplicate it. Press Shift-Option and drag downwards until the image meets the bottom bleed.

Using the Selection Tool (V), resize it by lowering the top center point.  

resize the image to fit the page Duplicate the image to fit the bottom of the page

Step 4

Using the Direct Selection Tool (A), select the image within the newly duplicated frame. Move the image until you find the top or any desired position. I suggest using the top as you won’t be cutting off any of the illustrations and will achieve a seamless pattern.

using the direct selection tool move the image to create a seamless pattern

Step 5

On the Layers panel, lock the Illustration layer and unlock the Overlay layer.

Using the Rectangle Tool (M), draw a rectangle. Click on the page to open the Rectangle option window. Set the Width to 18.5 cm and the Height to 27.3 cm. Click OK.

create a rectangle to cover the inside of the page

Step 6

Head over to Window > Stroke to open the Stroke panel. Set the Weight to 4 pt. On the Swatches panel, set the Fill color to [Paper] and the Stroke color to [Black].

set the fill to white and the stroke to black set the stroke weight to 4 pt

Step 7

Head over to Window > Objects & Layout > Align. On the Align panel, set the Align To option to Page. Click on the Align Horizontal Center button and the Align Vertical Center button.

Lock the Overlay layer on the Layers panel and unlock the Copy layer. 

use the align panel to align the rectangle to the center of the page

4. How to Add Text and Tables to Your Menu Design

Step 1

Select the Ellipse Tool (L), and click on the document to open the Ellipse option window. Set the Width to 12 cm and the Height to 4 cm. Click OK.

On the Swatches panel, set the Fill and Stroke to [None].

create an ellipse

Step 2

On the toolbar, select the Type on a Path Tool (Shift-T). Click on the bottom center point of the ellipse and add the title of your menu.

On the Character panel, set the font to Delichia Sans and the Size to 40 pt. On the Color panel, set the color to [Black]. Position the ellipse at the very top of the menu, using the Align panel to align the text to the center of the page.

Lock the ellipse by pressing Command-L.

using the type on a path tool click on the ellipse

Step 3

Using the Text Tool (T), add a text frame under the ellipse. Here you can add information such as kitchen opening times, dinner or lunch menu, etc. Using the columns as a guide, create a text frame that fits the width of the center column. This way, the column will be already centered to the page.

Format the text using the Paragraph styles. Select the Menu Item style and set the color on the Swatches panel to [Black].

using the text tool add text under the title

Step 4

To set the menu, let’s open the Tables panel. Head over to Window > Type & Tables > Table.

Head over to Table > Create Table. In the Create Table option window, set the Body Rows to 4 and Columns to 1. Click OK. Click on the first column to add the table.

create a table

Step 5

Double-click on a cell and select all the rows. Head over to the Table panel, and set the Row Height to 1 cm and the Row Width to 4.8 cm. Select the Align Center button and set all the Insets to 0.

While selecting all the rows, head over to the Control bar. Activate all the sides of the table and set the Stroke to [None].

format the table using the table panel and the control bar

Step 6

You can add vector objects within a text frame. In this case, we will add a four-pointed star. Select the Polygon Tool from the toolbar. Click on the document to open the option window. Use the following settings:

  • Polygon Width to 0.15 cm
  • Height to 0.15 cm
  • Number of Sides to
  • Star Inset to 50%

Click OK. Set the Color Fill to the Dark color swatch. Press Command-C to Copy the star.

create a star to add to each section of the menu

Step 7

Select the first row and set the style to Menu Title Cell. To add a title to the section, double click on the row to activate the text frame. Press Command-V to Paste the star, followed by Shift-Command-M to add an Em Space. Add your title and repeat the Em Space, and press Command-V to Paste the star again.

use the cell styles panel to format the first cell of the table

If the stars are sitting too low compared to the height of the text, you can alter the baseline shift. Select the star and head over to the Control bar, and set the Baseline Shift to 2 pt. Repeat the same on the opposite side.

add a title and the star Use the baseline shift option to accommodate the height

Step 8

Add text to the rows below, using Paragraph Styles to format the text. In this case, I set the first line to the Menu Items style as this can be the name of the dish. The second line can be a description of the dish—I used the Menu Description style.

To duplicate this column, press Shift-Option and drag the column downwards.

use the paragraph styles to format the text within the cells

Step 9

To create a wider column that can be used for main dishes, duplicate the column by pressing Shift-Option and dragging towards the right. Expand the text box to fit the second and third columns.

duplicate the table to fit the second and third columns

Double-click on the table and select all the rows. Head over to the Table panel, and set the Table Width to 10.8 cm.

resize the table width by using the table panel

To add more rows to the table, select the rows and head over to the Table panel. Change the Number of Rows to the number you need.

add more rows by using the table panel

Duplicate the wide table by pressing Shift-Option and dragging downwards. To decrease the number of rows, head over to the Table panel and lower the number. If you would like to add more space to the description rows, increase the Row Height. In this case, I will be increasing it to 1.3 cm.

change the row height by going to the table panel

To occupy the width of the second and third columns, you can either duplicate the wide table or the narrow table. Do so by pressing Shift-Option and dragging downwards. Select all the rows and head over to the Table panel. Set the Number of Columns to 2 and the Column Width to 5.4 cm (this is half of the size of the table above).

In this case, we want the same title for the two columns. Select the first row across the table, and Right-click > Merge Cells.

merge the top row of each column and merge them

Duplicate the narrower tables to fit the bottom of the menu. Change the table size to fit half of the width of the menu. Head over to the Control bar and set the Width of the frame to 8.7 cm.

Select all the rows and head over to the Table panel, setting the Column Width to 8 cm. Duplicate the table by pressing Shift-Option and dragging the table to fit the right side of the page.

duplicate tables to fit the bottom area of the menu

Step 10

Select the Line Tool (/) and draw a line to divide the sections of the menu as shown in the image below. Use the gutter in the columns to center the lines.

Head over to the Control bar and set the stroke Weight to 0.5 pt. On the Swatches panel, set the Stroke color to the Dark color swatch.

using the line tool create lines to divide the sections of the menu

Using the Text Tool (T), create a text box to fit the bottom of the menu. Here’s a great location to add an address or a website.

5. How to Export an InDesign Menu Template File for Printing

Before exporting a file for printing, it is useful to take a look around all the edges of the brochure. This is to make sure all the images and vectors bleeding out are touching the bleeds.

Step 1

To export the file, go to File > Export. Name the file Menu Template and choose Adobe PDF (Print) from the Format drop-down menu. Click Save.

export the file as a PDF for print

Step 2

In the Export Adobe PDF window, set the Adobe PDF Preset to Press Quality.

set the quality to Press quality

On the left side of the panel, select Marks and Bleeds. Check All Printer’s Marks and Use Document Bleed Settings. Click Export. You will have a ready-to-print PDF file.

check the all printers arks and document bleed settings options

Great Job! You’ve Finished This Tutorial!

In this tutorial, I showed you how to make a menu design template in InDesign. With just a few simple tips and tricks, you can now create your own restaurant menu design. Today, you learned to:

  • set up a ready-to-print InDesign file
  • create multiple Layers and color Swatches
  • work with the Paragraph Styles panel and create your own styles
  • add Tables to a document
  • create Cell Styles to format tables
  • format tables with the Tables panel

We sure missed a few InDesign templates to include in your library. If you are looking for trifold menu templates or specific InDesign templates like bar menu templates, head over to Envato Elements and Graphic River. We’ve got many options to explore!

Check out the end of this tutorial for more restaurant menu articles that will spark more menu design ideas. Share your own menu layout on the comments below and let's get inspired! 

Looking for more? Why not try these:


No comments:

Post a Comment