Saturday, January 14, 2023
HomeWeb DevelopmentLearn how to Make a Restaurant Menu Template in InDesign

Learn how to Make a Restaurant Menu Template in InDesign


A menu structure could make or break your clients’ restaurant expertise. A menu design can actually outline what sort of restaurant you might be operating. On this tutorial, we present you create a restaurant menu design that can put you excessive in your viewers’s “must-try eating places” checklist.

In case you choose to study by video as an alternative of textual content, watch make a menu from scratch in Adobe InDesign over on our Envato Tuts+ YouTube channel:


What You Will Must Create Your InDesign Menu Template

You will want entry to Adobe InDesign. If you do not have the software program, you’ll be able to obtain a trial from the Adobe web site. You will additionally want the next property:

Obtain the property and ensure the font is put in in your system earlier than beginning. When you’re prepared, we will dive in!

1. Learn how to Set Up an InDesign Menu Template File

Step 1

In InDesign, go to File > New. Title the doc Menu Template. We are going to create an A4 restaurant menu design template. Set the menu format to the next dimensions:

  • Width to 29.7 cm
  • Peak to 21 cm
  • Models to Centimeters
  • Orientation to Portrait
  • Pages to 1
  • Uncheck Dealing with Pages
  • Columns to 3
  • Column Gutter to 0.5 cm
  • Margins to 1.8 cm
  • Bleeds to 0.3 cm (it is best to hunt your skilled printer’s choice)

Click on Create.

create a new documentcreate a new documentcreate a new document

Step 2

For this InDesign menu template tutorial, we are going to work with 4 layers. This may make it simpler to replace the InDesign DIY menu template when it wants totally different copy, colour, or fonts. 

Carry up the Layers panel by going to Window > Layers. Double-click on Layer 1 and rename it Background. On the Layers panel fundamental menu, choose New Layer. Title the brand new layer Illustration. Click on OK. Create two further layers and title them Overlay and Copy.

create new layerscreate new layerscreate new layers

Step 3

Earlier than we begin with the restaurant menu design a part of the template, let’s add some colour swatches. Head over to Window > Shade > Swatches to develop the Swatches panel. Select the New Shade Swatch button from the primary menu. Uncheck Title with colour worth and title every colour as proven within the checklist under:

  • Gentle: C=10 M=5 Y=15 Ok=5
  • Medium: C=0 M=10 Y=25 Ok=40
  • Darkish: C=0 M=10 Y=25 Ok=65

Click on Add after you enter every colour worth. Click on OK.

add color swatchesadd color swatchesadd color swatches

2. Learn how to Add Paragraph and Cell Types to Your InDesign Menu Template

Step 1

Open up the Paragraph Types panel by going to Home windows > Types > Paragraph Types. From the primary menu, choose New Paragraph Model. Within the New Paragraph Model choices window, set the Model Title to Menu Title. Choose Primary Character Codecs from the left aspect menu and use the next settings:

  • Font Household: Delichia Sans
  • Font Model: Common
  • Dimension: 14 pt
create paragraph stylescreate paragraph stylescreate paragraph styles

Transfer down the checklist and choose the Indents and Spacing menu, setting the Alignment to Middle. Choose the Character Shade from the left aspect menu. Choose the Darkish colour swatch. Click on OK.

format the character colorsformat the character colorsformat the character colors

Excellent! Let’s create just a few extra types for our restaurant menu. Use the next settings for Menu Merchandise fashion:

  • Font Household: Delichia Sans
  • Font Model: Common
  • Dimension: 10 pt

Head over to the Indents and Spacing menu, and set the Alignment to Middle. Choose the Character Shade from the left aspect of the panel. Choose the Darkish colour swatch. Click on OK.

Use the next settings for the Menu Description style:

  • Font Household: Delichia Script
  • Font Model: Common
  • Dimension: 6 pt

Head over to the Indents and Spacing menu, and set the Alignment to Middle. Choose the Character Shade from the left aspect of the panel. Choose the Medium colour swatch. Click on OK.

add three paragraph styles for the different formatsadd three paragraph styles for the different formatsadd three paragraph styles for the different formats

Step 2

We are going to create the menu utilizing tables for simpler customization. Let’s create a single fashion for the title of every part. Head over to Window > Types > Cell Types to open the Cell Types panel. From the primary menu, choose New Cell Model.

Let’s have a look at the Normal possibility on the left aspect of Cell Model choices window. Set the Model Title to Menu Title Cell. Beneath Paragraph Model, choose the Menu Title fashion. This implies we shall be linking the paragraph fashion we created beforehand to this cell fashion.

Choose the Textual content possibility from the left aspect. Set the Vertical Justification to Align Middle.

create a new cell stylecreate a new cell stylecreate a new cell style

Step 3

Choose the Strokes and Fills possibility on the left aspect of the menu. Within the Cell Stroke part, you’ll discover a diagram of the cell, we have to choose which sides of the cell we need to format. On this case, we are going to solely use the highest and backside strokes. Click on on the left and proper sides of the cell to deactivate the choice, leaving solely the highest and backside chosen.

Set the Weight to 0.25 pt, set the Shade to the Darkish swatch, and set the Sort to Stable. Click on OK.

Deselect the highest and backside sides of the cell and choose the left and proper sides. Set the Shade to [None].

set the strokes and fills of the cell styleset the strokes and fills of the cell styleset the strokes and fills of the cell style

Whereas we received’t be including extra cell types, that is nonetheless helpful whenever you need to apply modifications. In case you replace one small element, all of the cells utilizing the identical fashion will replace routinely. It is an actual time-saver!

3. Learn how to Create Vectors and Place Photos on Your Menu Design

Step 1

On the Layers panel, lock the highest three layers and go away the Background layer unlocked. Choose the Background layer—that is the one we shall be engaged on for now.

Utilizing the Rectangle Instrument (M), draw a rectangle protecting the entire web page. Don’t overlook to incorporate the bleeds.  

On the Swatches panel, choose the Gentle swatch colour.

using the rectangle tool create a rectangle tool to cover the pageusing the rectangle tool create a rectangle tool to cover the pageusing 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 a picture, press Command-D. Find the Seafood components JPEG file and click on Open

place the seafood image onto the documentplace the seafood image onto the documentplace the seafood image onto the document

Step 3

Utilizing the Choice Instrument (V), resize the width of the picture to cowl the bleed. Place the picture on the very high of the menu. The picture shall be brief, so we are going to duplicate it. Press Shift-Possibility and drag downwards till the picture meets the underside bleed.

Utilizing the Choice Instrument (V), resize it by decreasing the highest middle level.  

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

Step 4

Utilizing the Direct Choice Instrument (A), choose the picture throughout the newly duplicated body. Transfer the picture till you discover the highest or any desired place. I counsel utilizing the highest as you received’t be slicing off any of the illustrations and can obtain a seamless sample.

using the direct selection tool move the image to create a seamless patternusing the direct selection tool move the image to create a seamless patternusing 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.

Utilizing the Rectangle Instrument (M), draw a rectangle. Click on on the web page to open the Rectangle possibility window. Set the Width to 18.5 cm and the Peak to 27.3 cm. Click on OK.

create a rectangle to cover the inside of the pagecreate a rectangle to cover the inside of the pagecreate 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 colour to [Paper] and the Stroke colour to [Black].

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

Step 7

Head over to Window > Objects & Structure > Align. On the Align panel, set the Align To choice to Web page. Click on on the Align Horizontal Middle button and the Align Vertical Middle 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 pageuse the align panel to align the rectangle to the center of the pageuse the align panel to align the rectangle to the center of the page

4. Learn how to Add Textual content and Tables to Your Menu Design

We have been making a restaurant menu for a bit, however you’ll be able to see the way it’s all taking form. That is certainly one of our final steps earlier than we see the ultimate product.

Step 1

Choose the Ellipse Instrument (L), and click on on the doc to open the Ellipse possibility window. Set the Width to 12 cm and the Peak to 4 cm. Click on OK.

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

create an ellipsecreate an ellipsecreate an ellipse

Step 2

On the toolbar, choose the Sort on a Path Instrument (Shift-T). Click on on the underside middle level of the ellipse and add the title of your menu.

On the Character panel, set the font to Delichia Sans and the Dimension to 40 pt. On the Shade panel, set the colour to [Black]. Place the ellipse on the very high of the menu, utilizing the Align panel to align the textual content to the middle of the web page.

Lock the ellipse by urgent Command-L.

using the type on a path tool click on the ellipseusing the type on a path tool click on the ellipseusing the type on a path tool click on the ellipse

Step 3

Utilizing the Textual content Instrument (T), add a textual content body beneath the ellipse. Right here you’ll be able to add info equivalent to kitchen opening instances, dinner or lunch menu, and so forth. Utilizing the columns as a information, create a textual content body that matches the width of the middle column. This manner, the column shall be already centered on the web page.

Format the textual content utilizing the Paragraph types. Choose the Menu Merchandise fashion and set the colour on the Swatches panel to [Black].

using the text tool add text under the titleusing the text tool add text under the titleusing the text tool add text under the title

Step 4

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

Head over to Desk > Create Desk. Within the Create Desk possibility window, set the Physique Rows to 4 and Columns to 1. Click on OK. Click on on the primary column so as to add the desk.

create a tablecreate a tablecreate a table

Step 5

Double-click on a cell and choose all of the rows. Head over to the Desk panel, and set the Row Peak to 1 cm and the Row Width to 4.8 cm. Choose the Align Middle button and set all of the Insets to 0.

Whereas deciding on all of the rows, head over to the Management bar. Activate all the perimeters of the desk and set the Stroke to [None].

format the table using the table panel and the control barformat the table using the table panel and the control barformat the table using the table panel and the control bar

Step 6

You’ll be able to add vector objects inside a textual content body. On this case, we are going to add a four-pointed star. Choose the Polygon Instrument from the toolbar. Click on on the doc to open the choice window. Use the next settings:

  • Polygon Width to 0.15 cm
  • Peak to 0.15 cm
  • Variety of Sides to
  • Star Inset to 50%

Click on OK. Set the Shade Fill to the Darkish colour swatch. Press Command-C to Copy the star.

create a star to add to each section of the menucreate a star to add to each section of the menucreate a star to add to each section of the menu

Step 7

Choose the primary row and set the fashion to Menu Title Cell. So as to add a title to the part, double-click on the row to activate the textual content body. Press Command-V to Paste the star, adopted by Shift-Command-M so as to add an Em Area. Add your title and repeat the Em Area, and press Command-V to Paste the star once more.

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

If the celebrities are sitting too low in comparison with the peak of the textual content, you’ll be able to alter the baseline shift. Choose the star and head over to the Management bar, and set the Baseline Shift to 2 pt. Repeat the identical on the alternative aspect.

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

Step 8

Add textual content to the rows under, utilizing Paragraph Types to format the textual content. On this case, I set the primary line to the Menu Objects fashion as this may be the title of the dish. The second line could be a description of the dish—I used the Menu Description fashion.

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

use the paragraph styles to format the text within the cellsuse the paragraph styles to format the text within the cellsuse the paragraph styles to format the text within the cells

Step 9

To create a wider column that can be utilized for fundamental dishes, duplicate the column by urgent Shift-Possibility and dragging in the direction of the best. Increase the textual content field to suit the second and third columns.

duplicate the table to fit the second and third columnsduplicate the table to fit the second and third columnsduplicate the table to fit the second and third columns

Double-click on the desk and choose all of the rows. Head over to the Desk panel, and set the Desk Width to 10.8 cm.

resize the table width by using the table panelresize the table width by using the table panelresize the table width by using the table panel

So as to add extra rows to the desk, choose the rows and head over to the Desk panel. Change the Variety of Rows to the quantity you want.

add more rows by using the table paneladd more rows by using the table paneladd more rows by using the table panel

For this a part of making a menu, duplicate the vast desk by urgent Shift-Possibility and dragging downwards. To lower the variety of rows, head over to the Desk panel and decrease the quantity. If you want so as to add extra space to the outline rows, improve the Row Peak. On this case, I shall be growing it to 1.3 cm.

change the row height by going to the table panelchange the row height by going to the table panelchange the row height by going to the table panel

To occupy the width of the second and third columns, you’ll be able to both duplicate the vast desk or the slender desk. Achieve this by urgent Shift-Possibility and dragging downwards. Choose all of the rows and head over to the Desk panel. Set the Variety of Columns to 2 and the Column Width to 5.4 cm (that is half of the scale of the desk above).

On this case, we wish the identical title for the 2 columns. Choose the primary row throughout the desk, and Proper-click > Merge Cells.

merge the top row of each column and merge themmerge the top row of each column and merge themmerge the top row of each column and merge them

Duplicate the narrower tables to suit the underside of the menu. Change the desk dimension to suit half of the width of the menu. Head over to the Management bar and set the Width of the body to 8.7 cm.

Choose all of the rows and head over to the Desk panel, setting the Column Width to 8 cm. Duplicate the desk by urgent Shift-Possibility and dragging the desk to suit the best aspect of the web page.

duplicate tables to fit the bottom area of the menuduplicate tables to fit the bottom area of the menuduplicate tables to fit the bottom area of the menu

Step 10

Choose the Line Instrument (/) and draw a line to divide the sections of the menu as proven within the picture under. Use the gutter within the columns to middle the traces.

Head over to the Management bar and set the stroke Weight to 0.5 pt. On the Swatches panel, set the Stroke colour to the Darkish colour swatch.

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

Utilizing the Textual content Instrument (T), create a textual content field to suit the underside of the DIY menu template. Right here’s a terrific location so as to add an handle or a web site.

5. Learn how to Export an InDesign Menu Template File for Printing

We’re performed making a menu for a restaurant! Earlier than exporting a file for printing, it’s helpful to have a look round all the sides of the brochure. That is to verify all the photographs and vectors bleeding out are touching the bleeds.

Step 1

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

export the file as a PDF for printexport the file as a PDF for printexport the file as a PDF for print

Step 2

Within the Export Adobe PDF window, set the Adobe PDF Preset to Press High quality.

set the quality to Press qualityset the quality to Press qualityset the quality to Press quality

On the left aspect of the panel, choose Marks and Bleeds. Examine All Printer’s Marks and Use Doc Bleed Settings. Click on Export. You’ll have a ready-to-print PDF file after creating an ideal restaurant menu.

check the all printers arks and document bleed settings optionscheck the all printers arks and document bleed settings optionscheck the all printers arks and document bleed settings options

Nice Job! You’ve Completed This Tutorial!

On this tutorial, I confirmed you make a menu design template in InDesign. With only a few easy ideas and tips, now you can create your personal restaurant menu design. As we speak, you realized to:

  • arrange a ready-to-print InDesign file
  • create a number of layers and colour swatches
  • work with the Paragraph Types panel and create your personal types
  • add tables to a doc
  • create cell types to format tables
  • format tables with the Tables panel
final result creating a restaurant menufinal result creating a restaurant menufinal result creating a restaurant menu

Restaurant Menu Design Templates From Envato Parts

You should use InDesign to create a DIY restaurant menu when you have the time. However restaurant templates from Envato Parts are professionally made and may be edited very quickly. Listed here are only a few choices you will get from the all-you-can-download platform. 

1. Minimal Restaurant Menu Structure (INDD, IDML)

Restaurant MenuRestaurant MenuRestaurant Menu

This straightforward DIY menu template retains the main focus the place it ought to be: in your meals. The rows and sections are nicely organized, and merchandise names and costs are straightforward to learn. You’ll be able to change up the textual content and colours with ease with the customizable InDesign information.

2. DIY Trifold Restaurant Menu Template (INDD, EPS)

DIY Trifold Restaurant Menu TemplateDIY Trifold Restaurant Menu TemplateDIY Trifold Restaurant Menu Template

The trifold restaurant menu is a cool various to extra conventional choices. It is double sided and has area for various totally different objects. You possibly can attempt utilizing every fold for various meals varieties.

3. Restaurant Menu Structure (INDD, IDML)

Restaurant Menu LayoutRestaurant Menu LayoutRestaurant Menu Layout

If in case you have loads of meals photographs, you’ll be able to create a pleasant restaurant menu design from this template. It incorporates a cowl with a picture placeholder, and a menu web page structure with picture backgrounds. When making a cool menu that reveals off your pictures, you will need a template like this one in your nook. 

4. InDesign Restaurant Menu Template (INDD, IDML)

Cafe and bistro entrepreneurs and house owners can use this template when creating a singular restaurant menu. A pointy orange band cuts throughout the duvet and the remainder of the DIY menu structure template. Add an image of a featured dish or your location’s ambiance to make it your personal.

5. Trifold Restaurant Menu Design Template (INDD, IDML, PSD)

Trifold Restaurant Menu Design TemplateTrifold Restaurant Menu Design TemplateTrifold Restaurant Menu Design Template

Here is one other trifold restaurant menu structure that is price contemplating. Its design is minimal, with loads of area to your menu objects and costs. However this InDesign menu template additionally has cool ornamental pictures that break up the clean white folds. Give this DIY menu a attempt.

Uncover Extra Assets

We positive missed just a few InDesign templates to incorporate in your library. If you’re in search of trifold menu templates or particular InDesign templates like bar menu templates, head over to Envato Parts. We’ve bought many choices to discover!

Searching for extra? Why not attempt these:

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments