Archiwum kategorii: Web Tools

How to Make a Valentine’s Dinner Restaurant Menu Flyer Template

Post pobrano z: How to Make a Valentine’s Dinner Restaurant Menu Flyer Template

Final product image
What You’ll Be Creating

Do you have a fascinating dinner event in mind and wish to kick off the celebration with a catchy restaurant menu design? Great! There are many software packages available to enable you to design flyer templates, but today we will be using Adobe Illustrator in a step-by-step guide to custom designing a Valentine’s Dinner Menu flyer!

Don’t have the time? You can also find restaurant flyer templates, event flyers, and menu templates on GraphicRiver.

1. The Fonts You Need to Design Your Flyer Menu

Let’s jump-start the project by setting up our menu flyer template. You’ll need to download the following font files from Font Squirrel: 

Install the fonts on your system, and let’s get started with our flyer template!

2. How to Set Up the Flyer Menu Design

Open Adobe Illustrator.

Click ‚Create New‚, and select ‚Print‚. First, we are going to customize the size of our flyer template. Set up the document to the following:

  • Name: Val_Flyer_Menu
  • Number of Artboards: 1
  • Orientation: Portrait
  • Width: 13.80 cm
  • Height: 21.10 cm

Select More Settings and set Bleed: 0.2 cm. Once you Create Document, the bleed lines will appear as red lines around the artboard. These lines indicate how far the artwork can extend so when cutting the flyers, no white edges will appear.

set up document setting artboard orientation width height bleed lines create

3. How to Design the Menu Flyer Background

Step 1

We begin by setting up our layers from the Layers panel: Window > Layers.

Rename ‚Layer 1’ to ‚BACKGROUND’. 

Click the Create New Layer option from the Layers panel, and create another two layers, ‚GRAPHICS’ and ‚TYPE’.

Move on to the ‚BACKGROUND’ layer to start.

set up event flyer menu layer from layer panel background graphics and type

Step 2

Turn on the Smart Guides (Command-U).

Then select the Rectangle Tool (M) with a color fill of #EE3138, and draw a rectangle to cover the artboard from one bleed line edge to the other, using the Smart Guides.

Rectangle Tool color fill and draw from bleed lines using smart guides event menu flyer

Step 3

Next, let’s create a polka-dot pattern for the design template.

Open the Swatches panel: Windows > Swatches. Choose a color fill of #F48c93 and then select the Ellipse Tool (L). Hold down the Shift key and draw a 0.06 x 0.06 cm ellipse.

With the ellipse selected, Object > Pattern > Make.

The Pattern Options dialog box will appear. Set the options to:

  • Tile Type: Brick by Row 
  • Width: 0.5 cm
  • Height: 0.5 cm

The new polka-dot pattern will appear instantly in the Swatches panel. You can delete the ellipse after the pattern is created.

ellipse tool make shape swatches panel width height pattern make object pattern make

Step 4

Let’s duplicate the red background rectangle.

Copy (Command-C) and Paste in Front (Command-F) to duplicate the same rectangle on top of the original, and apply the polka-dot pattern we created as a fill.

Then select the Rectangle Tool (M) with a white fill and draw a rectangle of about 10.7 x 18.6 cm.

Open the Align panel: Windows > Align.

Select Align to Artboard from the Align To drop-down menu, and Horizontal & Vertical Align Center the rectangle.

Create rectangle tool align to Artboard horizontal Vertical align to Artboard template flyer

Step 5

Select the white rectangle with the Direct Selection Tool (A), and the Live Corner widgets will appear next to each corner on the rectangle.

Drag the corner to round about 0.62 cm.

Then, with the shape still selected, Object Path > Offset Path:

  • Offset: -0.25cm
  • Joins: Round 
  • OK
use direct selection tool drag live corner widgets object path offset joins round

Step 6

Open the Stroke panel (Window > Stroke). Give the new offset rectangle a null fill, Stroke Weight of 2.5 pt, and color of #F48284.

Now let’s duplicate our artboard to create the back side of our design.

Open the Artboards panel: Windows > Artboards.

Select the New Artboard icon from panel to duplicate the design of the first artboard. Give the offset inner rectangle a stroke color of #525627.

Lock the ‚BACKGROUND’ layer from the Layers panel and move on to the ‚GRAPHICS’ layer.

Stroke panel apply menu design templates food menu template sample menu template menu of restaurant restaurant menu restaurant menu design how to make a menu

4. How to Illustrate the Valentine’s Menu Flyer Graphics

Step 1

Let’s move on to creating some graphics to support the theme of our flyer. I want to create a heart-shaped plate with a knife and fork.

Select the Pen Tool (P) from the Tools panel. Choose a fill color of #F9BCC7, null stroke, and draw half a heart shape.

Take the Selection Tool (V) to select the heart shape. Copy (Command-C) and Paste in Front (Command-F), to duplicate the shape on top of the original.

Then take the Reflect Tool (O). Set the blue center reference point at the center, as shown below; Option-Shift-Drag and release when the half heart is mirrored into position.

Select both halves, and then open the Pathfinder panel: Windows > Pathfinder.

Click the Shape Modes: Unite icon from the Pathfinder panel, to make a compound shape.

pen tool draw half heart reflect shape unite from pathfinder lyer templates flyer design how to make a flyer event flyer menu template

Step 2

Select the heart, position it on the upper side of the first artboard, and Horizontal Align Center from the Align panel.

Object > Path > Offset Path, with these settings:

  • Offset: -0.4 cm
  • Joins: Miter
  • Miter Limit: 4
  • OK

Give the offset heart a Stroke Weight 2 pt, null fill, and stroke color of #FACCD7 .

horizontal align center align panel object oath offset miter limit stroke weight fill color lyer templates flyer design how to make a flyer event flyer menu template

Step 3

Next, let’s create a knife and fork for our dinner menu theme.

Select the Pen Tool (P), and with the use of Smart Guides, draw a polygon-shaped knife and fork, with a fill color of #F16777.

Then take the Direct Selection Tool (A). Select the fork’s neck top and handle to curve its Live Corner widgets, as shown below.

Round them to the highest possible point, which will be highlighted in red.

Then select the knife and round all Live Corner widgets to the highest point.

take direct selection Tool round live corner widget highest point fork knife

Step 4

To create the fork prongs, select the Rounded Rectangle Tool, and draw a long, vertical rectangle with a white fill. Use the Drag-Drop action to duplicate the rounded rectangle shape across, as shown below. Select the rounded rectangle, hold the Shift and Alt keys, and drag the object across with the Selection Tool (V). This will create a duplicate. Transform Again (Command-D).

From the Pathfinder panel, Shape Modes: Unite the rounded rectangles.

Then select both the fork and the three rounded rectangle shapes and Shape Modes: Minus Front.

Now we have a fork!

Step 5

Place the knife and fork at the base of the heart-shaped plate.

Object > Transform > Rotate the fork by 60° and the knife by -55°.

Align them as you see fit.

object transform rotate fork knife degrees

Step 6

Let’s place a heart between the fork and the knife.

Drag and drop to duplicate the heart, hold down the Shift-Alt keys, and Drag down to duplicate. Scale it down using the Free Transform Tool (E), while holding the Shift-Alt keys. Give the new heart a golden fill color of #E0BD6f.

Then select the Rectangle Tool (M) with a fill color of #525627 and add a strip banner of about 14 x 2.5 cm from one bleed line edge to the other.

drag drop heart shape duplicate shift alt rectangle tool banner lyer templates flyer design how to make a flyer event flyer menu template

Step 7

Now let’s add some minor graphics to align our text space on the flyer design. We will create ribbon ends for the ‚Flyer Date’, and bar brackets for the catchy offer.

Take the Rectangle Tool (M), and draw a 1 x 1 cm square with the golden fill color #E0BD6f.

Object > Path > Add Anchor Points. Select the center left anchor and drag it inwards to create a ribbon effect.

Use the Reflect Tool (O) to mirror the ribbon. Set the blue center reference point at the center, as shown below; Option-Shift-Drag and release into position.

Group (Command-G) the two ribbon ends and from the Align panel, Horizontal Align Center.

create  ribbon from rectangle tool moce anchor point reflect tool group and align horizontally

Step 8

For the bars, it’s super easy. Use the Rectangle Tool (M), and draw an approx 0.14 x 1.60 cm bar, with the golden fill color #E0BD6f.

Use the Reflect Tool (O) to set the blue center reference point and Option-Shift-Drag and release into the mirrored position.

Group (Command-G) the bars and Horizontal Align Center from the Align panel.

Rectangle Tool reflect tool Command G Horizontal align center drag drop

Step 9

For the back side of the flyer template, we will keep it simple with one header ribbon and a heart underneath.

Use the Rectangle Tool (M) to draw a 6.44 x 0.88 cm rectangle with a golden fill color #E0BD6f.

Object > Path > Add Anchor Points and tweak the ends inwards.

Then select the golden little heart from the front artboard, drag and drop to the back artboard, and scale down using the Free Transform Tool (E), with the Shift and Alt keys pressed.

Select the ribbon and heart and from the Align panel, Horizontal Align Center.

flyer header banner ribbon heart golden cute horizontal align

5. How to Add Type & Lay Out the Flyer Menu Template 

Step 1

Lock the ‚GRAPHICS’ layer from the Layers panel, and move on to the ‚TYPE’ layer.

Now we can add type to our menu flyer. Let’s add the words ‚Happy ValenDine’s Day’, under one another, on top of the heart-plate.

Open the Character panel: Window > Type > Character

Select the Type Tool from the Tools panel. We are going to create point text, not a bounding box, for the first word ‚Happy’.

Click on the top center of the heart shape and type in ‚Happy’ with Font: Nickainley set at Font Size 49.6 pt. Choose Align Center from Paragraph on the top menu.

Select a fill and stroke color of #D91F32Stroke weight set at 1 pt.

Use the same setting but click at the base-center of the heart shape and type in ‚Day’. Now let’s add ‚ValenDine’s’ between the two pieces of text. Remove the stroke color. 

Type ‚ValenDine’s’, and from the Character panel:

  • Font: Grand Hotel 
  • Font Size: 89.19 pt 
  • Tracking: -25
Add font type set leading font size kerning happy valentines day flyer lyer templates flyer design how to make a flyer event flyer menu template

Step 2

Next, let’s add a slight arc to the type.

Select the ‚ValenDine’s’ text and Effect > Warp > Arc at 28°. You can reposition this text by using the Selection Tool (V) to drag it down slightly.

Select the ‚Happy’ text and Effect > Warp > Arc at 10°. 

Then select all three pieces of text and Horizontal Align Center from the Align panel.

arc type effect wrap arc and horizontal align center align panel lyer templates flyer design how to make a flyer event flyer menu template

Step 3

Next, let’s add the date of our event flyer. Select the Type Tool, and draw a type bounding box between the ribbon ends.

Type in ’14 FEB’ with fill color #EE3138, using the Character panel settings:

  • Font: Passion One (Bold)
  • Font Size: 36 pt 
  • Tracking: 25

And below draw another type bounding box, aligned from one ribbon end to the other.

Type in the catchy offer of ‚FREE GLASS OF BUBBLY’ with fill color #E0BD6F, using the Character panel settings:

  • Font: Josefin Sans (Semi Bold)
  • Font Size: 14.24 pt 
  • Tracking: -75
Type tool character settings font font size tracking type bounding box

Step 4

Now let’s add our main offer for the evening… a ‚3 Course Meal for 60$’.

Take the Type Tool and create a point text, on the side of the left bar.

From the menu, select Paragraph > Align Right.

Type in ‚3’ with Fill color #EE3138, using the Character panel settings:

  • Font: Passion One (Bold)
  • Font Size: 67.15 pt 

Then create a type bounding box between the gold bars. Select Paragraph > Align Right.

Type in ‚3’ with Fill color #525627, using the Character panel settings:

  • Font: Montserrat
  • Font Size: 20 pt 
  • Leading: 24 pt
  • Tracking: 54

type bounding box point tool font size tracking leading color fill 3 course meal lyer templates flyer design how to make a flyer event flyer menu template

Step 5

Next, let’s add our dinner’s special cost.

With the Type Tool, create a point type text, on the side of the right bar. Select Paragraph > Align Right

Type in ’60$’ with fill color #EE3138, using the Character panel settings:

  • Font: Passion One (Bold)
  • Font Size: 55.55 pt 
  • Tracking: 25

Then we need to add the location of our restaurant underneath.

Create a type bounding box aligned between the gold bars. Select Paragraph > Align Center.

Type in the dummy location (# Street, Town, City) with fill color #F16777, using the Character panel settings:

  • Font: Passion One (Bold)
  • Font Size: 15.18 pt 
  • Tracking: 50
type in location price bounding box point type add font size tracking leading align paragraph

Step 6

Next, let’s add a dotted line leading to the 60$.

Select the Pen Tool (P), with null fill and stroke color #F16777.

From the Stroke panel, set the following:

  • Stroke Weight: 5 pt
  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line
  • Dash: 0 pt
  • Gap: 10 pt 
Pen tool P create dotted line Caps round Joins dashed line Dash Gap

Step 7

Let’s finish off the menu flyer’s front side, by adding our Restaurant + Website + Booking Info on the bottom of the flyer template.

With the Type Tool, create a point text, within the green bar.

From the menu bar, select Paragraph > Align Center.

Type in ‚Restaurant’ with a white fill color and the Character panel settings:

  • Font: Grand Hotel
  • Font Size: 42.45 pt 

Underneath, create another point text center aligned, with white fill, and add the website ‚www.restaurant.com‚.

Type in ‚Restaurant’ with white fill color and the Character panel settings:

  • Font: Montserrat (Light)
  • Font Size: 14.42 pt 
  • Tracking: 160

Finally, type ‚ADVANCED BOOKING REQUIRED’ with fill color #525627, with the settings:

  • Font: Montserrat
  • Font Size: 12.58 pt 
add type using point text and bounding box restaurant website and booking lyer templates flyer design how to make a flyer event flyer menu template

Step 8

Let’s move on to the second artboard for the back of the flyer.

Take the Type Tool and create a type bounding box, within the golden ribbon. Select Paragraph > Align Center.

Type in ‚SPECIAL MENU’ with white fill color and the Character panel settings:

  • Font: Montserrat 
  • Font Size: 21 pt 
Use type bounding box to add type font special menu on back flyer ribbon

Step 9

For the final bits, we will create our special dinner menu layout.

We have three sections: the appetisers, main dishes, and dessert. So we need to create three sections with a Title bounding box, followed by three dishes and the description of each plate.

So let’s take the Type Tool and create a type bounding box in the top center, the width of the ribbon for the title.

With a fill color of #F16777, Paragraph > Align Center, type in temporarily ‚Title’ with the settings:

  • Font: Grand Hotel
  • Font Size: 24.57 pt 

Slightly below, add a point text with fill color #525627Paragraph > Align Center, and type in temporarily ‚PLATE’ with the settings:

  • Font: Montserrat (Light)
  • Font Size: 12.28 pt 

For the menu plate descriptions, use a grey fill color #969696Paragraph > Align Center, and type in the dummy text ‚Lorem ipsum dolor sit amet, consectetur adig et elit’ with the settings:

  • Font: Josefin Sans (Light Italic)
  • Font Size: 9 pt 
special menu set layout of text title plate and description lyer templates flyer design how to make a flyer event flyer menu template

Step 10

Take the Selection Tool (V) and select the ‚Plate’ text and description. Hold the Shift and Alt keys, and drag and drop about 1 cm down.

Transform Again (Command-D) so we have three plates on our menu flyer.

drag drop duplicate transform again title plate and description shift alt keys

Step 11

Then select the ‚Title’ and the three plates with their respective descriptions. Hold the Shift-Alt keys, and drag and drop about 5 cm down.

Transform Again (Command-D) or manually drag and drop with the help of Smart Guides.

drop drag menu items to suplicate and transform again lyer templates flyer design how to make a flyer event flyer menu template

Step 12

Now that the layout is done, all you need to do is fill out the menu items for the flyer, using the Type Tool.

File > Save As. Save it in two formats: one in (.ai)” file format by selecting Adobe Illustrator from the Format drop-down menu in the Save As dialog box, and another Save As Adobe PDF format.  

save file ai and pdf print add type lyer templates flyer design how to make a flyer event flyer menu template

Congratulations! Your Restaurant Menu Flyer Is Done!

Here’s how your restaurant menu flyer should look. 

I hope you were able to expand your skillset and are able to apply these techniques to future flyer template designs. Feel free to adjust the final menu design in your own style, and don’t forget to share your results in the comments section below!

Catch you in my next tutorial.

final design valentines dinner menu flyer adobe illustrator misschatz lyer templates flyer design how to make a flyer event flyer menu template

How to Make a Valentine’s Dinner Restaurant Menu Flyer Template

Post pobrano z: How to Make a Valentine’s Dinner Restaurant Menu Flyer Template

Final product image
What You’ll Be Creating

Do you have a fascinating dinner event in mind and wish to kick off the celebration with a catchy restaurant menu design? Great! There are many software packages available to enable you to design flyer templates, but today we will be using Adobe Illustrator in a step-by-step guide to custom designing a Valentine’s Dinner Menu flyer!

Don’t have the time? You can also find restaurant flyer templates, event flyers, and menu templates on GraphicRiver.

1. The Fonts You Need to Design Your Flyer Menu

Let’s jump-start the project by setting up our menu flyer template. You’ll need to download the following font files from Font Squirrel: 

Install the fonts on your system, and let’s get started with our flyer template!

2. How to Set Up the Flyer Menu Design

Open Adobe Illustrator.

Click ‚Create New‚, and select ‚Print‚. First, we are going to customize the size of our flyer template. Set up the document to the following:

  • Name: Val_Flyer_Menu
  • Number of Artboards: 1
  • Orientation: Portrait
  • Width: 13.80 cm
  • Height: 21.10 cm

Select More Settings and set Bleed: 0.2 cm. Once you Create Document, the bleed lines will appear as red lines around the artboard. These lines indicate how far the artwork can extend so when cutting the flyers, no white edges will appear.

set up document setting artboard orientation width height bleed lines create

3. How to Design the Menu Flyer Background

Step 1

We begin by setting up our layers from the Layers panel: Window > Layers.

Rename ‚Layer 1’ to ‚BACKGROUND’. 

Click the Create New Layer option from the Layers panel, and create another two layers, ‚GRAPHICS’ and ‚TYPE’.

Move on to the ‚BACKGROUND’ layer to start.

set up event flyer menu layer from layer panel background graphics and type

Step 2

Turn on the Smart Guides (Command-U).

Then select the Rectangle Tool (M) with a color fill of #EE3138, and draw a rectangle to cover the artboard from one bleed line edge to the other, using the Smart Guides.

Rectangle Tool color fill and draw from bleed lines using smart guides event menu flyer

Step 3

Next, let’s create a polka-dot pattern for the design template.

Open the Swatches panel: Windows > Swatches. Choose a color fill of #F48c93 and then select the Ellipse Tool (L). Hold down the Shift key and draw a 0.06 x 0.06 cm ellipse.

With the ellipse selected, Object > Pattern > Make.

The Pattern Options dialog box will appear. Set the options to:

  • Tile Type: Brick by Row 
  • Width: 0.5 cm
  • Height: 0.5 cm

The new polka-dot pattern will appear instantly in the Swatches panel. You can delete the ellipse after the pattern is created.

ellipse tool make shape swatches panel width height pattern make object pattern make

Step 4

Let’s duplicate the red background rectangle.

Copy (Command-C) and Paste in Front (Command-F) to duplicate the same rectangle on top of the original, and apply the polka-dot pattern we created as a fill.

Then select the Rectangle Tool (M) with a white fill and draw a rectangle of about 10.7 x 18.6 cm.

Open the Align panel: Windows > Align.

Select Align to Artboard from the Align To drop-down menu, and Horizontal & Vertical Align Center the rectangle.

Create rectangle tool align to Artboard horizontal Vertical align to Artboard template flyer

Step 5

Select the white rectangle with the Direct Selection Tool (A), and the Live Corner widgets will appear next to each corner on the rectangle.

Drag the corner to round about 0.62 cm.

Then, with the shape still selected, Object Path > Offset Path:

  • Offset: -0.25cm
  • Joins: Round 
  • OK
use direct selection tool drag live corner widgets object path offset joins round

Step 6

Open the Stroke panel (Window > Stroke). Give the new offset rectangle a null fill, Stroke Weight of 2.5 pt, and color of #F48284.

Now let’s duplicate our artboard to create the back side of our design.

Open the Artboards panel: Windows > Artboards.

Select the New Artboard icon from panel to duplicate the design of the first artboard. Give the offset inner rectangle a stroke color of #525627.

Lock the ‚BACKGROUND’ layer from the Layers panel and move on to the ‚GRAPHICS’ layer.

Stroke panel apply menu design templates food menu template sample menu template menu of restaurant restaurant menu restaurant menu design how to make a menu

4. How to Illustrate the Valentine’s Menu Flyer Graphics

Step 1

Let’s move on to creating some graphics to support the theme of our flyer. I want to create a heart-shaped plate with a knife and fork.

Select the Pen Tool (P) from the Tools panel. Choose a fill color of #F9BCC7, null stroke, and draw half a heart shape.

Take the Selection Tool (V) to select the heart shape. Copy (Command-C) and Paste in Front (Command-F), to duplicate the shape on top of the original.

Then take the Reflect Tool (O). Set the blue center reference point at the center, as shown below; Option-Shift-Drag and release when the half heart is mirrored into position.

Select both halves, and then open the Pathfinder panel: Windows > Pathfinder.

Click the Shape Modes: Unite icon from the Pathfinder panel, to make a compound shape.

pen tool draw half heart reflect shape unite from pathfinder lyer templates flyer design how to make a flyer event flyer menu template

Step 2

Select the heart, position it on the upper side of the first artboard, and Horizontal Align Center from the Align panel.

Object > Path > Offset Path, with these settings:

  • Offset: -0.4 cm
  • Joins: Miter
  • Miter Limit: 4
  • OK

Give the offset heart a Stroke Weight 2 pt, null fill, and stroke color of #FACCD7 .

horizontal align center align panel object oath offset miter limit stroke weight fill color lyer templates flyer design how to make a flyer event flyer menu template

Step 3

Next, let’s create a knife and fork for our dinner menu theme.

Select the Pen Tool (P), and with the use of Smart Guides, draw a polygon-shaped knife and fork, with a fill color of #F16777.

Then take the Direct Selection Tool (A). Select the fork’s neck top and handle to curve its Live Corner widgets, as shown below.

Round them to the highest possible point, which will be highlighted in red.

Then select the knife and round all Live Corner widgets to the highest point.

take direct selection Tool round live corner widget highest point fork knife

Step 4

To create the fork prongs, select the Rounded Rectangle Tool, and draw a long, vertical rectangle with a white fill. Use the Drag-Drop action to duplicate the rounded rectangle shape across, as shown below. Select the rounded rectangle, hold the Shift and Alt keys, and drag the object across with the Selection Tool (V). This will create a duplicate. Transform Again (Command-D).

From the Pathfinder panel, Shape Modes: Unite the rounded rectangles.

Then select both the fork and the three rounded rectangle shapes and Shape Modes: Minus Front.

Now we have a fork!

Step 5

Place the knife and fork at the base of the heart-shaped plate.

Object > Transform > Rotate the fork by 60° and the knife by -55°.

Align them as you see fit.

object transform rotate fork knife degrees

Step 6

Let’s place a heart between the fork and the knife.

Drag and drop to duplicate the heart, hold down the Shift-Alt keys, and Drag down to duplicate. Scale it down using the Free Transform Tool (E), while holding the Shift-Alt keys. Give the new heart a golden fill color of #E0BD6f.

Then select the Rectangle Tool (M) with a fill color of #525627 and add a strip banner of about 14 x 2.5 cm from one bleed line edge to the other.

drag drop heart shape duplicate shift alt rectangle tool banner lyer templates flyer design how to make a flyer event flyer menu template

Step 7

Now let’s add some minor graphics to align our text space on the flyer design. We will create ribbon ends for the ‚Flyer Date’, and bar brackets for the catchy offer.

Take the Rectangle Tool (M), and draw a 1 x 1 cm square with the golden fill color #E0BD6f.

Object > Path > Add Anchor Points. Select the center left anchor and drag it inwards to create a ribbon effect.

Use the Reflect Tool (O) to mirror the ribbon. Set the blue center reference point at the center, as shown below; Option-Shift-Drag and release into position.

Group (Command-G) the two ribbon ends and from the Align panel, Horizontal Align Center.

create  ribbon from rectangle tool moce anchor point reflect tool group and align horizontally

Step 8

For the bars, it’s super easy. Use the Rectangle Tool (M), and draw an approx 0.14 x 1.60 cm bar, with the golden fill color #E0BD6f.

Use the Reflect Tool (O) to set the blue center reference point and Option-Shift-Drag and release into the mirrored position.

Group (Command-G) the bars and Horizontal Align Center from the Align panel.

Rectangle Tool reflect tool Command G Horizontal align center drag drop

Step 9

For the back side of the flyer template, we will keep it simple with one header ribbon and a heart underneath.

Use the Rectangle Tool (M) to draw a 6.44 x 0.88 cm rectangle with a golden fill color #E0BD6f.

Object > Path > Add Anchor Points and tweak the ends inwards.

Then select the golden little heart from the front artboard, drag and drop to the back artboard, and scale down using the Free Transform Tool (E), with the Shift and Alt keys pressed.

Select the ribbon and heart and from the Align panel, Horizontal Align Center.

flyer header banner ribbon heart golden cute horizontal align

5. How to Add Type & Lay Out the Flyer Menu Template 

Step 1

Lock the ‚GRAPHICS’ layer from the Layers panel, and move on to the ‚TYPE’ layer.

Now we can add type to our menu flyer. Let’s add the words ‚Happy ValenDine’s Day’, under one another, on top of the heart-plate.

Open the Character panel: Window > Type > Character

Select the Type Tool from the Tools panel. We are going to create point text, not a bounding box, for the first word ‚Happy’.

Click on the top center of the heart shape and type in ‚Happy’ with Font: Nickainley set at Font Size 49.6 pt. Choose Align Center from Paragraph on the top menu.

Select a fill and stroke color of #D91F32Stroke weight set at 1 pt.

Use the same setting but click at the base-center of the heart shape and type in ‚Day’. Now let’s add ‚ValenDine’s’ between the two pieces of text. Remove the stroke color. 

Type ‚ValenDine’s’, and from the Character panel:

  • Font: Grand Hotel 
  • Font Size: 89.19 pt 
  • Tracking: -25
Add font type set leading font size kerning happy valentines day flyer lyer templates flyer design how to make a flyer event flyer menu template

Step 2

Next, let’s add a slight arc to the type.

Select the ‚ValenDine’s’ text and Effect > Warp > Arc at 28°. You can reposition this text by using the Selection Tool (V) to drag it down slightly.

Select the ‚Happy’ text and Effect > Warp > Arc at 10°. 

Then select all three pieces of text and Horizontal Align Center from the Align panel.

arc type effect wrap arc and horizontal align center align panel lyer templates flyer design how to make a flyer event flyer menu template

Step 3

Next, let’s add the date of our event flyer. Select the Type Tool, and draw a type bounding box between the ribbon ends.

Type in ’14 FEB’ with fill color #EE3138, using the Character panel settings:

  • Font: Passion One (Bold)
  • Font Size: 36 pt 
  • Tracking: 25

And below draw another type bounding box, aligned from one ribbon end to the other.

Type in the catchy offer of ‚FREE GLASS OF BUBBLY’ with fill color #E0BD6F, using the Character panel settings:

  • Font: Josefin Sans (Semi Bold)
  • Font Size: 14.24 pt 
  • Tracking: -75
Type tool character settings font font size tracking type bounding box

Step 4

Now let’s add our main offer for the evening… a ‚3 Course Meal for 60$’.

Take the Type Tool and create a point text, on the side of the left bar.

From the menu, select Paragraph > Align Right.

Type in ‚3’ with Fill color #EE3138, using the Character panel settings:

  • Font: Passion One (Bold)
  • Font Size: 67.15 pt 

Then create a type bounding box between the gold bars. Select Paragraph > Align Right.

Type in ‚3’ with Fill color #525627, using the Character panel settings:

  • Font: Montserrat
  • Font Size: 20 pt 
  • Leading: 24 pt
  • Tracking: 54

type bounding box point tool font size tracking leading color fill 3 course meal lyer templates flyer design how to make a flyer event flyer menu template

Step 5

Next, let’s add our dinner’s special cost.

With the Type Tool, create a point type text, on the side of the right bar. Select Paragraph > Align Right

Type in ’60$’ with fill color #EE3138, using the Character panel settings:

  • Font: Passion One (Bold)
  • Font Size: 55.55 pt 
  • Tracking: 25

Then we need to add the location of our restaurant underneath.

Create a type bounding box aligned between the gold bars. Select Paragraph > Align Center.

Type in the dummy location (# Street, Town, City) with fill color #F16777, using the Character panel settings:

  • Font: Passion One (Bold)
  • Font Size: 15.18 pt 
  • Tracking: 50
type in location price bounding box point type add font size tracking leading align paragraph

Step 6

Next, let’s add a dotted line leading to the 60$.

Select the Pen Tool (P), with null fill and stroke color #F16777.

From the Stroke panel, set the following:

  • Stroke Weight: 5 pt
  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line
  • Dash: 0 pt
  • Gap: 10 pt 
Pen tool P create dotted line Caps round Joins dashed line Dash Gap

Step 7

Let’s finish off the menu flyer’s front side, by adding our Restaurant + Website + Booking Info on the bottom of the flyer template.

With the Type Tool, create a point text, within the green bar.

From the menu bar, select Paragraph > Align Center.

Type in ‚Restaurant’ with a white fill color and the Character panel settings:

  • Font: Grand Hotel
  • Font Size: 42.45 pt 

Underneath, create another point text center aligned, with white fill, and add the website ‚www.restaurant.com‚.

Type in ‚Restaurant’ with white fill color and the Character panel settings:

  • Font: Montserrat (Light)
  • Font Size: 14.42 pt 
  • Tracking: 160

Finally, type ‚ADVANCED BOOKING REQUIRED’ with fill color #525627, with the settings:

  • Font: Montserrat
  • Font Size: 12.58 pt 
add type using point text and bounding box restaurant website and booking lyer templates flyer design how to make a flyer event flyer menu template

Step 8

Let’s move on to the second artboard for the back of the flyer.

Take the Type Tool and create a type bounding box, within the golden ribbon. Select Paragraph > Align Center.

Type in ‚SPECIAL MENU’ with white fill color and the Character panel settings:

  • Font: Montserrat 
  • Font Size: 21 pt 
Use type bounding box to add type font special menu on back flyer ribbon

Step 9

For the final bits, we will create our special dinner menu layout.

We have three sections: the appetisers, main dishes, and dessert. So we need to create three sections with a Title bounding box, followed by three dishes and the description of each plate.

So let’s take the Type Tool and create a type bounding box in the top center, the width of the ribbon for the title.

With a fill color of #F16777, Paragraph > Align Center, type in temporarily ‚Title’ with the settings:

  • Font: Grand Hotel
  • Font Size: 24.57 pt 

Slightly below, add a point text with fill color #525627Paragraph > Align Center, and type in temporarily ‚PLATE’ with the settings:

  • Font: Montserrat (Light)
  • Font Size: 12.28 pt 

For the menu plate descriptions, use a grey fill color #969696Paragraph > Align Center, and type in the dummy text ‚Lorem ipsum dolor sit amet, consectetur adig et elit’ with the settings:

  • Font: Josefin Sans (Light Italic)
  • Font Size: 9 pt 
special menu set layout of text title plate and description lyer templates flyer design how to make a flyer event flyer menu template

Step 10

Take the Selection Tool (V) and select the ‚Plate’ text and description. Hold the Shift and Alt keys, and drag and drop about 1 cm down.

Transform Again (Command-D) so we have three plates on our menu flyer.

drag drop duplicate transform again title plate and description shift alt keys

Step 11

Then select the ‚Title’ and the three plates with their respective descriptions. Hold the Shift-Alt keys, and drag and drop about 5 cm down.

Transform Again (Command-D) or manually drag and drop with the help of Smart Guides.

drop drag menu items to suplicate and transform again lyer templates flyer design how to make a flyer event flyer menu template

Step 12

Now that the layout is done, all you need to do is fill out the menu items for the flyer, using the Type Tool.

File > Save As. Save it in two formats: one in (.ai)” file format by selecting Adobe Illustrator from the Format drop-down menu in the Save As dialog box, and another Save As Adobe PDF format.  

save file ai and pdf print add type lyer templates flyer design how to make a flyer event flyer menu template

Congratulations! Your Restaurant Menu Flyer Is Done!

Here’s how your restaurant menu flyer should look. 

I hope you were able to expand your skillset and are able to apply these techniques to future flyer template designs. Feel free to adjust the final menu design in your own style, and don’t forget to share your results in the comments section below!

Catch you in my next tutorial.

final design valentines dinner menu flyer adobe illustrator misschatz lyer templates flyer design how to make a flyer event flyer menu template

How to Make a Valentine’s Dinner Restaurant Menu Flyer Template

Post pobrano z: How to Make a Valentine’s Dinner Restaurant Menu Flyer Template

Final product image
What You’ll Be Creating

Do you have a fascinating dinner event in mind and wish to kick off the celebration with a catchy restaurant menu design? Great! There are many software packages available to enable you to design flyer templates, but today we will be using Adobe Illustrator in a step-by-step guide to custom designing a Valentine’s Dinner Menu flyer!

Don’t have the time? You can also find restaurant flyer templates, event flyers, and menu templates on GraphicRiver.

1. The Fonts You Need to Design Your Flyer Menu

Let’s jump-start the project by setting up our menu flyer template. You’ll need to download the following font files from Font Squirrel: 

Install the fonts on your system, and let’s get started with our flyer template!

2. How to Set Up the Flyer Menu Design

Open Adobe Illustrator.

Click ‚Create New‚, and select ‚Print‚. First, we are going to customize the size of our flyer template. Set up the document to the following:

  • Name: Val_Flyer_Menu
  • Number of Artboards: 1
  • Orientation: Portrait
  • Width: 13.80 cm
  • Height: 21.10 cm

Select More Settings and set Bleed: 0.2 cm. Once you Create Document, the bleed lines will appear as red lines around the artboard. These lines indicate how far the artwork can extend so when cutting the flyers, no white edges will appear.

set up document setting artboard orientation width height bleed lines create

3. How to Design the Menu Flyer Background

Step 1

We begin by setting up our layers from the Layers panel: Window > Layers.

Rename ‚Layer 1’ to ‚BACKGROUND’. 

Click the Create New Layer option from the Layers panel, and create another two layers, ‚GRAPHICS’ and ‚TYPE’.

Move on to the ‚BACKGROUND’ layer to start.

set up event flyer menu layer from layer panel background graphics and type

Step 2

Turn on the Smart Guides (Command-U).

Then select the Rectangle Tool (M) with a color fill of #EE3138, and draw a rectangle to cover the artboard from one bleed line edge to the other, using the Smart Guides.

Rectangle Tool color fill and draw from bleed lines using smart guides event menu flyer

Step 3

Next, let’s create a polka-dot pattern for the design template.

Open the Swatches panel: Windows > Swatches. Choose a color fill of #F48c93 and then select the Ellipse Tool (L). Hold down the Shift key and draw a 0.06 x 0.06 cm ellipse.

With the ellipse selected, Object > Pattern > Make.

The Pattern Options dialog box will appear. Set the options to:

  • Tile Type: Brick by Row 
  • Width: 0.5 cm
  • Height: 0.5 cm

The new polka-dot pattern will appear instantly in the Swatches panel. You can delete the ellipse after the pattern is created.

ellipse tool make shape swatches panel width height pattern make object pattern make

Step 4

Let’s duplicate the red background rectangle.

Copy (Command-C) and Paste in Front (Command-F) to duplicate the same rectangle on top of the original, and apply the polka-dot pattern we created as a fill.

Then select the Rectangle Tool (M) with a white fill and draw a rectangle of about 10.7 x 18.6 cm.

Open the Align panel: Windows > Align.

Select Align to Artboard from the Align To drop-down menu, and Horizontal & Vertical Align Center the rectangle.

Create rectangle tool align to Artboard horizontal Vertical align to Artboard template flyer

Step 5

Select the white rectangle with the Direct Selection Tool (A), and the Live Corner widgets will appear next to each corner on the rectangle.

Drag the corner to round about 0.62 cm.

Then, with the shape still selected, Object Path > Offset Path:

  • Offset: -0.25cm
  • Joins: Round 
  • OK
use direct selection tool drag live corner widgets object path offset joins round

Step 6

Open the Stroke panel (Window > Stroke). Give the new offset rectangle a null fill, Stroke Weight of 2.5 pt, and color of #F48284.

Now let’s duplicate our artboard to create the back side of our design.

Open the Artboards panel: Windows > Artboards.

Select the New Artboard icon from panel to duplicate the design of the first artboard. Give the offset inner rectangle a stroke color of #525627.

Lock the ‚BACKGROUND’ layer from the Layers panel and move on to the ‚GRAPHICS’ layer.

Stroke panel apply menu design templates food menu template sample menu template menu of restaurant restaurant menu restaurant menu design how to make a menu

4. How to Illustrate the Valentine’s Menu Flyer Graphics

Step 1

Let’s move on to creating some graphics to support the theme of our flyer. I want to create a heart-shaped plate with a knife and fork.

Select the Pen Tool (P) from the Tools panel. Choose a fill color of #F9BCC7, null stroke, and draw half a heart shape.

Take the Selection Tool (V) to select the heart shape. Copy (Command-C) and Paste in Front (Command-F), to duplicate the shape on top of the original.

Then take the Reflect Tool (O). Set the blue center reference point at the center, as shown below; Option-Shift-Drag and release when the half heart is mirrored into position.

Select both halves, and then open the Pathfinder panel: Windows > Pathfinder.

Click the Shape Modes: Unite icon from the Pathfinder panel, to make a compound shape.

pen tool draw half heart reflect shape unite from pathfinder lyer templates flyer design how to make a flyer event flyer menu template

Step 2

Select the heart, position it on the upper side of the first artboard, and Horizontal Align Center from the Align panel.

Object > Path > Offset Path, with these settings:

  • Offset: -0.4 cm
  • Joins: Miter
  • Miter Limit: 4
  • OK

Give the offset heart a Stroke Weight 2 pt, null fill, and stroke color of #FACCD7 .

horizontal align center align panel object oath offset miter limit stroke weight fill color lyer templates flyer design how to make a flyer event flyer menu template

Step 3

Next, let’s create a knife and fork for our dinner menu theme.

Select the Pen Tool (P), and with the use of Smart Guides, draw a polygon-shaped knife and fork, with a fill color of #F16777.

Then take the Direct Selection Tool (A). Select the fork’s neck top and handle to curve its Live Corner widgets, as shown below.

Round them to the highest possible point, which will be highlighted in red.

Then select the knife and round all Live Corner widgets to the highest point.

take direct selection Tool round live corner widget highest point fork knife

Step 4

To create the fork prongs, select the Rounded Rectangle Tool, and draw a long, vertical rectangle with a white fill. Use the Drag-Drop action to duplicate the rounded rectangle shape across, as shown below. Select the rounded rectangle, hold the Shift and Alt keys, and drag the object across with the Selection Tool (V). This will create a duplicate. Transform Again (Command-D).

From the Pathfinder panel, Shape Modes: Unite the rounded rectangles.

Then select both the fork and the three rounded rectangle shapes and Shape Modes: Minus Front.

Now we have a fork!

Step 5

Place the knife and fork at the base of the heart-shaped plate.

Object > Transform > Rotate the fork by 60° and the knife by -55°.

Align them as you see fit.

object transform rotate fork knife degrees

Step 6

Let’s place a heart between the fork and the knife.

Drag and drop to duplicate the heart, hold down the Shift-Alt keys, and Drag down to duplicate. Scale it down using the Free Transform Tool (E), while holding the Shift-Alt keys. Give the new heart a golden fill color of #E0BD6f.

Then select the Rectangle Tool (M) with a fill color of #525627 and add a strip banner of about 14 x 2.5 cm from one bleed line edge to the other.

drag drop heart shape duplicate shift alt rectangle tool banner lyer templates flyer design how to make a flyer event flyer menu template

Step 7

Now let’s add some minor graphics to align our text space on the flyer design. We will create ribbon ends for the ‚Flyer Date’, and bar brackets for the catchy offer.

Take the Rectangle Tool (M), and draw a 1 x 1 cm square with the golden fill color #E0BD6f.

Object > Path > Add Anchor Points. Select the center left anchor and drag it inwards to create a ribbon effect.

Use the Reflect Tool (O) to mirror the ribbon. Set the blue center reference point at the center, as shown below; Option-Shift-Drag and release into position.

Group (Command-G) the two ribbon ends and from the Align panel, Horizontal Align Center.

create  ribbon from rectangle tool moce anchor point reflect tool group and align horizontally

Step 8

For the bars, it’s super easy. Use the Rectangle Tool (M), and draw an approx 0.14 x 1.60 cm bar, with the golden fill color #E0BD6f.

Use the Reflect Tool (O) to set the blue center reference point and Option-Shift-Drag and release into the mirrored position.

Group (Command-G) the bars and Horizontal Align Center from the Align panel.

Rectangle Tool reflect tool Command G Horizontal align center drag drop

Step 9

For the back side of the flyer template, we will keep it simple with one header ribbon and a heart underneath.

Use the Rectangle Tool (M) to draw a 6.44 x 0.88 cm rectangle with a golden fill color #E0BD6f.

Object > Path > Add Anchor Points and tweak the ends inwards.

Then select the golden little heart from the front artboard, drag and drop to the back artboard, and scale down using the Free Transform Tool (E), with the Shift and Alt keys pressed.

Select the ribbon and heart and from the Align panel, Horizontal Align Center.

flyer header banner ribbon heart golden cute horizontal align

5. How to Add Type & Lay Out the Flyer Menu Template 

Step 1

Lock the ‚GRAPHICS’ layer from the Layers panel, and move on to the ‚TYPE’ layer.

Now we can add type to our menu flyer. Let’s add the words ‚Happy ValenDine’s Day’, under one another, on top of the heart-plate.

Open the Character panel: Window > Type > Character

Select the Type Tool from the Tools panel. We are going to create point text, not a bounding box, for the first word ‚Happy’.

Click on the top center of the heart shape and type in ‚Happy’ with Font: Nickainley set at Font Size 49.6 pt. Choose Align Center from Paragraph on the top menu.

Select a fill and stroke color of #D91F32Stroke weight set at 1 pt.

Use the same setting but click at the base-center of the heart shape and type in ‚Day’. Now let’s add ‚ValenDine’s’ between the two pieces of text. Remove the stroke color. 

Type ‚ValenDine’s’, and from the Character panel:

  • Font: Grand Hotel 
  • Font Size: 89.19 pt 
  • Tracking: -25
Add font type set leading font size kerning happy valentines day flyer lyer templates flyer design how to make a flyer event flyer menu template

Step 2

Next, let’s add a slight arc to the type.

Select the ‚ValenDine’s’ text and Effect > Warp > Arc at 28°. You can reposition this text by using the Selection Tool (V) to drag it down slightly.

Select the ‚Happy’ text and Effect > Warp > Arc at 10°. 

Then select all three pieces of text and Horizontal Align Center from the Align panel.

arc type effect wrap arc and horizontal align center align panel lyer templates flyer design how to make a flyer event flyer menu template

Step 3

Next, let’s add the date of our event flyer. Select the Type Tool, and draw a type bounding box between the ribbon ends.

Type in ’14 FEB’ with fill color #EE3138, using the Character panel settings:

  • Font: Passion One (Bold)
  • Font Size: 36 pt 
  • Tracking: 25

And below draw another type bounding box, aligned from one ribbon end to the other.

Type in the catchy offer of ‚FREE GLASS OF BUBBLY’ with fill color #E0BD6F, using the Character panel settings:

  • Font: Josefin Sans (Semi Bold)
  • Font Size: 14.24 pt 
  • Tracking: -75
Type tool character settings font font size tracking type bounding box

Step 4

Now let’s add our main offer for the evening… a ‚3 Course Meal for 60$’.

Take the Type Tool and create a point text, on the side of the left bar.

From the menu, select Paragraph > Align Right.

Type in ‚3’ with Fill color #EE3138, using the Character panel settings:

  • Font: Passion One (Bold)
  • Font Size: 67.15 pt 

Then create a type bounding box between the gold bars. Select Paragraph > Align Right.

Type in ‚3’ with Fill color #525627, using the Character panel settings:

  • Font: Montserrat
  • Font Size: 20 pt 
  • Leading: 24 pt
  • Tracking: 54

type bounding box point tool font size tracking leading color fill 3 course meal lyer templates flyer design how to make a flyer event flyer menu template

Step 5

Next, let’s add our dinner’s special cost.

With the Type Tool, create a point type text, on the side of the right bar. Select Paragraph > Align Right

Type in ’60$’ with fill color #EE3138, using the Character panel settings:

  • Font: Passion One (Bold)
  • Font Size: 55.55 pt 
  • Tracking: 25

Then we need to add the location of our restaurant underneath.

Create a type bounding box aligned between the gold bars. Select Paragraph > Align Center.

Type in the dummy location (# Street, Town, City) with fill color #F16777, using the Character panel settings:

  • Font: Passion One (Bold)
  • Font Size: 15.18 pt 
  • Tracking: 50
type in location price bounding box point type add font size tracking leading align paragraph

Step 6

Next, let’s add a dotted line leading to the 60$.

Select the Pen Tool (P), with null fill and stroke color #F16777.

From the Stroke panel, set the following:

  • Stroke Weight: 5 pt
  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line
  • Dash: 0 pt
  • Gap: 10 pt 
Pen tool P create dotted line Caps round Joins dashed line Dash Gap

Step 7

Let’s finish off the menu flyer’s front side, by adding our Restaurant + Website + Booking Info on the bottom of the flyer template.

With the Type Tool, create a point text, within the green bar.

From the menu bar, select Paragraph > Align Center.

Type in ‚Restaurant’ with a white fill color and the Character panel settings:

  • Font: Grand Hotel
  • Font Size: 42.45 pt 

Underneath, create another point text center aligned, with white fill, and add the website ‚www.restaurant.com‚.

Type in ‚Restaurant’ with white fill color and the Character panel settings:

  • Font: Montserrat (Light)
  • Font Size: 14.42 pt 
  • Tracking: 160

Finally, type ‚ADVANCED BOOKING REQUIRED’ with fill color #525627, with the settings:

  • Font: Montserrat
  • Font Size: 12.58 pt 
add type using point text and bounding box restaurant website and booking lyer templates flyer design how to make a flyer event flyer menu template

Step 8

Let’s move on to the second artboard for the back of the flyer.

Take the Type Tool and create a type bounding box, within the golden ribbon. Select Paragraph > Align Center.

Type in ‚SPECIAL MENU’ with white fill color and the Character panel settings:

  • Font: Montserrat 
  • Font Size: 21 pt 
Use type bounding box to add type font special menu on back flyer ribbon

Step 9

For the final bits, we will create our special dinner menu layout.

We have three sections: the appetisers, main dishes, and dessert. So we need to create three sections with a Title bounding box, followed by three dishes and the description of each plate.

So let’s take the Type Tool and create a type bounding box in the top center, the width of the ribbon for the title.

With a fill color of #F16777, Paragraph > Align Center, type in temporarily ‚Title’ with the settings:

  • Font: Grand Hotel
  • Font Size: 24.57 pt 

Slightly below, add a point text with fill color #525627Paragraph > Align Center, and type in temporarily ‚PLATE’ with the settings:

  • Font: Montserrat (Light)
  • Font Size: 12.28 pt 

For the menu plate descriptions, use a grey fill color #969696Paragraph > Align Center, and type in the dummy text ‚Lorem ipsum dolor sit amet, consectetur adig et elit’ with the settings:

  • Font: Josefin Sans (Light Italic)
  • Font Size: 9 pt 
special menu set layout of text title plate and description lyer templates flyer design how to make a flyer event flyer menu template

Step 10

Take the Selection Tool (V) and select the ‚Plate’ text and description. Hold the Shift and Alt keys, and drag and drop about 1 cm down.

Transform Again (Command-D) so we have three plates on our menu flyer.

drag drop duplicate transform again title plate and description shift alt keys

Step 11

Then select the ‚Title’ and the three plates with their respective descriptions. Hold the Shift-Alt keys, and drag and drop about 5 cm down.

Transform Again (Command-D) or manually drag and drop with the help of Smart Guides.

drop drag menu items to suplicate and transform again lyer templates flyer design how to make a flyer event flyer menu template

Step 12

Now that the layout is done, all you need to do is fill out the menu items for the flyer, using the Type Tool.

File > Save As. Save it in two formats: one in (.ai)” file format by selecting Adobe Illustrator from the Format drop-down menu in the Save As dialog box, and another Save As Adobe PDF format.  

save file ai and pdf print add type lyer templates flyer design how to make a flyer event flyer menu template

Congratulations! Your Restaurant Menu Flyer Is Done!

Here’s how your restaurant menu flyer should look. 

I hope you were able to expand your skillset and are able to apply these techniques to future flyer template designs. Feel free to adjust the final menu design in your own style, and don’t forget to share your results in the comments section below!

Catch you in my next tutorial.

final design valentines dinner menu flyer adobe illustrator misschatz lyer templates flyer design how to make a flyer event flyer menu template

How to Make a Book Cover

Post pobrano z: How to Make a Book Cover

In this article, you’ll learn how to make a book cover. Here, you’ll pick up tips on how to make a book in InDesign and create your own InDesign book template, from using InDesign templates to putting together your cover artwork. 

If you’re looking to self-publish your own books and sell them online, or you are making your first steps into professional cover design for clients, this guide will introduce you to the essentials of creating book cover templates. 

Looking for a quick start? InDesign templates are great value and easy to adapt. You can find a huge range of customizable InDesign book cover templates and book layout templates on Envato Elements and GraphicRiver.

book cover mockup
Book cover mockup template

Read on to discover eight key steps for helping you create a book cover design that’s guaranteed to draw in readers. 

1. Pick Your Software Wisely

If you’re dipping a toe into the publishing design world, it can be tricky to know which software you should use to create your book cover. 

You can use almost any design software to create a cover, but some programs are more specialised for creating professional-quality covers. 

Adobe Photoshop isn’t suited for creating inside layouts, but it works perfectly well for creating covers, which are drafted as one page (with the back cover, spine and front cover as one image).

Professional cover designers tend to opt for publishing software as standard, as these tend to give you more control over print specs and typography. Adobe InDesign is the most popular choice, with QuarkXPress a good, if more simplified, alternative. 

With Affinity Publisher’s full launch just around the corner as well, this is likely to be a good-value alternative for cover designers in the future. 

2. Make a Confident Start With a Book Cover Template

If you don’t know how to make a book in InDesign, starting with a downloadable InDesign template can be a sensible and reassuring place to begin designing your cover. Ready-made InDesign book templates can be downloaded from sites like GraphicRiver and can be updated with your own content.

By adapting an existing template, you can learn more about cover design by observing the work a designer has put into a template. Look at how the document has been set up in InDesign to pick up tips for designing your own covers in the future. 

Go to File > Document Setup to view the page size and bleed specs, and Layout > Margins and Columns will show you more details about how the cover has been structured. Has the designer included a flexible spine? Noting these key details will help you understand how professional cover designers work and give you pointers for your own custom book covers. 

Maker apps like Placeit can also provide a helpful solution for new cover designers wanting to build confidence. In these apps, you can choose an existing cover design and adapt it quickly, tailoring the size for multiple print formats or adapting it as an eBook cover.

This Simple Graphic and Text cover template can be adapted quickly using a range of fonts, graphics, and photos.

placeit
Simple Graphic and Text Template on Placeit

Ready to take the next step and create a cover in InDesign? Check out these book cover templates which are quick and easy to customize with your own text and images:

book cover template
book template
Book cover and book layout template
book cover
Book cover template

3. Discover Creative Inspiration

Book cover design is one of the most creative areas of print design. Why? Compared to more commercial print media, like flyers and business cards, book covers are intrinsically linked to art—the connection between a book and a potential reader is emotionally charged. 

Although we are told not to judge a book by its cover, we can’t help doing just that when we browse a bookshelf. By making your cover as creative and striking as possible, you can hope to win the hearts and minds of your readership and convert browsing to sales. 

Professional cover designers know the power of treating a cover like an art canvas. So look to inspirational sources like the fantastic Book Cover Archive and Pinterest to really get your creative juices flowing.

book cover archive
Book Cover Archive
pinterest
By clicking on cover designs which catch your eye on Pinterest, you can browse hundreds of related images, which might spark your next cover idea.

It’s also important to not allow your creativity to outpace your judgement about making the cover genre- and audience-appropriate. 

So crime thrillers have a certain design language (large sans serif fonts in punchy colors like red and blue), as do historical romance novels (which tend towards script fonts and pastel colors). 

If you’re self-publishing an eBook, it pays to be aware of the sorts of design styles which are trending on eBook stores, like the Kindle Store and Google Play

kindle store
Do your research by browsing trending cover designs on the Kindle Store.

Check out these tutorials and courses which show you how to design covers tailored to specific audiences, from young adults to thriller fans:

4. Get the Essentials Right

When you start to design your book cover, you should take a bit of time to carefully prepare your artwork before you begin designing. 

working on a cover in indesign
Carefully consider page size, bleed and guides before you put together your cover artwork in InDesign.

Consider the format and size of the cover—will you print the book as a paperback (softcover) or hardback, or create a digital eBook? Do you have a standard size in mind such as Pocket Book, Demy, or Royal? Look up industry-recommended book sizes, and don’t be tempted to stray from the norm. 

Top tip: If you want to adjust the size of your cover artwork without starting over in a new document, you can use the Free Transform Tool (E) in InDesign to scale the artwork.

You’ll also need to add a bleed to your cover artwork, which allows background elements and color to extend past the page (trim) edge, making for a more seamless printed result. In InDesign, go to File > Document Setup to add a bleed width to your artwork. 

Consider also the expected spine width of your cover, which will have a knock-on effect on the overall width of the cover artwork (which includes the back cover, spine and front cover, from left to right). You can work out the width of the spine once you know the final page count of your book and the paper stock the inside pages will be printed on (which will affect how bulky the book is, and therefore how wide the spine is). 

Use an online spine width calculator to find the final width, or ask for a width spec from your printer. 

Looking for a more in-depth walk-through on how to create a book cover? This book cover design course shows you how to comprehensively design a cover for a paperback book, from setting up the artwork all the way through to exporting the design for professional printing. 

5. For the Front Cover, Focus on Balance, Impact, and Legibility

When designing your front cover, it’s a good tip to let yourself be creative and experiment with different layouts, styles, and themes. The more eye-catching and imaginative you can make your book cover, the better!

long shadow
Book cover mockup template

However, you do tend to find that covers still follow some rules of layout. After all, you will always need to include some essential information, including the book title and author name. The publisher might also want to include a review or short blurb on the front of the book. 

Some cover designers choose to make a feature of the title, creating covers which prioritise typographic design. Alternatively, a single strong photo or graphic can be the dominant feature, with type taking a secondary role. 

Above all, you want to foster balance on your cover, and because covers tend to be relatively small it usually looks best if either type or graphic are highlighted more than the other. This also contributes to the improved legibility of the cover, which is also incredibly important when a cover is viewed from a distance away.

This tutorial shows you how to create a cover design which balances an absorbing image with legible text:

6. Use the Back Cover to Seal the Deal

While the front cover should be designed to advertise the book and provoke an immediate reaction from a reader, the back cover should be used to ‘seal the deal’, providing more enticing information about the book.

Here is the place to include a blurb (a short, interesting summary of the narrative), and possibly reviews (it goes without saying to only include positive ones!).

You will also need to place a barcode (use a barcode generator once you have an ISBN to hand) and optional pricing information on the back cover too. The publisher may also want to include their logo and website, which is usually placed at the bottom of the back cover. 

book cover
Book cover template

7. Don’t Neglect the Spine

Readers won’t always come into contact with your book through looking at the front cover. The sheer volume of books in stores can mean retailers can choose to stack your book alongside thousands of other competing titles, with only the spine visible. So this small area of spine can spell the difference between someone picking up your book or dismissing it in an instant. 

Take the time to consider the design of your spine. You can lift elements from the front cover, such as the title and author name, but you can also add extra quirky details. 

In this example, I designed a vintage-inspired cover for a book of fairy tales. The artwork on the front cover is intricate and fantastical, and I wanted to translate this mood to the spine of the book.

vintage cover

The spine has trailing vines and a rose detail, which frame the script type and make the spine just as romantic and ethereal as the front cover. 

spine design

8. Export Your Cover for Printing

When you’ve finished the artwork for your cover, you’ll need to export your design as a press-ready PDF file to be printed. 

To do this, head up to File > Export in InDesign, and choose Adobe PDF (Print) from the Format menu. Choose Press Quality from the Preset options to ensure your artwork is exported at very high quality. 

Top tip: The cover should be exported as one whole image (including back cover, front cover, and spine).

book cover

Find out more about the essentials of preparing your book artwork for print with this must-read tutorial:

Take Your Publishing Design Skills to the Next Level…

Still unsure about how to start creating your own book templates? A downloadable InDesign template is a sensible place to get started, and can be great for boosting your confidence when you’re dipping a toe into book design.

You can find a wide range of customizable InDesign book templates for book covers and book layouts on Envato Elements and GraphicRiver.

Discover our pick of the best book design tutorials for beginners below:

How to Make a Book Cover

Post pobrano z: How to Make a Book Cover

In this article, you’ll learn how to make a book cover. Here, you’ll pick up tips on how to make a book in InDesign and create your own InDesign book template, from using InDesign templates to putting together your cover artwork. 

If you’re looking to self-publish your own books and sell them online, or you are making your first steps into professional cover design for clients, this guide will introduce you to the essentials of creating book cover templates. 

Looking for a quick start? InDesign templates are great value and easy to adapt. You can find a huge range of customizable InDesign book cover templates and book layout templates on Envato Elements and GraphicRiver.

book cover mockup
Book cover mockup template

Read on to discover eight key steps for helping you create a book cover design that’s guaranteed to draw in readers. 

1. Pick Your Software Wisely

If you’re dipping a toe into the publishing design world, it can be tricky to know which software you should use to create your book cover. 

You can use almost any design software to create a cover, but some programs are more specialised for creating professional-quality covers. 

Adobe Photoshop isn’t suited for creating inside layouts, but it works perfectly well for creating covers, which are drafted as one page (with the back cover, spine and front cover as one image).

Professional cover designers tend to opt for publishing software as standard, as these tend to give you more control over print specs and typography. Adobe InDesign is the most popular choice, with QuarkXPress a good, if more simplified, alternative. 

With Affinity Publisher’s full launch just around the corner as well, this is likely to be a good-value alternative for cover designers in the future. 

2. Make a Confident Start With a Book Cover Template

If you don’t know how to make a book in InDesign, starting with a downloadable InDesign template can be a sensible and reassuring place to begin designing your cover. Ready-made InDesign book templates can be downloaded from sites like GraphicRiver and can be updated with your own content.

By adapting an existing template, you can learn more about cover design by observing the work a designer has put into a template. Look at how the document has been set up in InDesign to pick up tips for designing your own covers in the future. 

Go to File > Document Setup to view the page size and bleed specs, and Layout > Margins and Columns will show you more details about how the cover has been structured. Has the designer included a flexible spine? Noting these key details will help you understand how professional cover designers work and give you pointers for your own custom book covers. 

Maker apps like Placeit can also provide a helpful solution for new cover designers wanting to build confidence. In these apps, you can choose an existing cover design and adapt it quickly, tailoring the size for multiple print formats or adapting it as an eBook cover.

This Simple Graphic and Text cover template can be adapted quickly using a range of fonts, graphics, and photos.

placeit
Simple Graphic and Text Template on Placeit

Ready to take the next step and create a cover in InDesign? Check out these book cover templates which are quick and easy to customize with your own text and images:

book cover template
book template
Book cover and book layout template
book cover
Book cover template

3. Discover Creative Inspiration

Book cover design is one of the most creative areas of print design. Why? Compared to more commercial print media, like flyers and business cards, book covers are intrinsically linked to art—the connection between a book and a potential reader is emotionally charged. 

Although we are told not to judge a book by its cover, we can’t help doing just that when we browse a bookshelf. By making your cover as creative and striking as possible, you can hope to win the hearts and minds of your readership and convert browsing to sales. 

Professional cover designers know the power of treating a cover like an art canvas. So look to inspirational sources like the fantastic Book Cover Archive and Pinterest to really get your creative juices flowing.

book cover archive
Book Cover Archive
pinterest
By clicking on cover designs which catch your eye on Pinterest, you can browse hundreds of related images, which might spark your next cover idea.

It’s also important to not allow your creativity to outpace your judgement about making the cover genre- and audience-appropriate. 

So crime thrillers have a certain design language (large sans serif fonts in punchy colors like red and blue), as do historical romance novels (which tend towards script fonts and pastel colors). 

If you’re self-publishing an eBook, it pays to be aware of the sorts of design styles which are trending on eBook stores, like the Kindle Store and Google Play

kindle store
Do your research by browsing trending cover designs on the Kindle Store.

Check out these tutorials and courses which show you how to design covers tailored to specific audiences, from young adults to thriller fans:

4. Get the Essentials Right

When you start to design your book cover, you should take a bit of time to carefully prepare your artwork before you begin designing. 

working on a cover in indesign
Carefully consider page size, bleed and guides before you put together your cover artwork in InDesign.

Consider the format and size of the cover—will you print the book as a paperback (softcover) or hardback, or create a digital eBook? Do you have a standard size in mind such as Pocket Book, Demy, or Royal? Look up industry-recommended book sizes, and don’t be tempted to stray from the norm. 

Top tip: If you want to adjust the size of your cover artwork without starting over in a new document, you can use the Free Transform Tool (E) in InDesign to scale the artwork.

You’ll also need to add a bleed to your cover artwork, which allows background elements and color to extend past the page (trim) edge, making for a more seamless printed result. In InDesign, go to File > Document Setup to add a bleed width to your artwork. 

Consider also the expected spine width of your cover, which will have a knock-on effect on the overall width of the cover artwork (which includes the back cover, spine and front cover, from left to right). You can work out the width of the spine once you know the final page count of your book and the paper stock the inside pages will be printed on (which will affect how bulky the book is, and therefore how wide the spine is). 

Use an online spine width calculator to find the final width, or ask for a width spec from your printer. 

Looking for a more in-depth walk-through on how to create a book cover? This book cover design course shows you how to comprehensively design a cover for a paperback book, from setting up the artwork all the way through to exporting the design for professional printing. 

5. For the Front Cover, Focus on Balance, Impact, and Legibility

When designing your front cover, it’s a good tip to let yourself be creative and experiment with different layouts, styles, and themes. The more eye-catching and imaginative you can make your book cover, the better!

long shadow
Book cover mockup template

However, you do tend to find that covers still follow some rules of layout. After all, you will always need to include some essential information, including the book title and author name. The publisher might also want to include a review or short blurb on the front of the book. 

Some cover designers choose to make a feature of the title, creating covers which prioritise typographic design. Alternatively, a single strong photo or graphic can be the dominant feature, with type taking a secondary role. 

Above all, you want to foster balance on your cover, and because covers tend to be relatively small it usually looks best if either type or graphic are highlighted more than the other. This also contributes to the improved legibility of the cover, which is also incredibly important when a cover is viewed from a distance away.

This tutorial shows you how to create a cover design which balances an absorbing image with legible text:

6. Use the Back Cover to Seal the Deal

While the front cover should be designed to advertise the book and provoke an immediate reaction from a reader, the back cover should be used to ‘seal the deal’, providing more enticing information about the book.

Here is the place to include a blurb (a short, interesting summary of the narrative), and possibly reviews (it goes without saying to only include positive ones!).

You will also need to place a barcode (use a barcode generator once you have an ISBN to hand) and optional pricing information on the back cover too. The publisher may also want to include their logo and website, which is usually placed at the bottom of the back cover. 

book cover
Book cover template

7. Don’t Neglect the Spine

Readers won’t always come into contact with your book through looking at the front cover. The sheer volume of books in stores can mean retailers can choose to stack your book alongside thousands of other competing titles, with only the spine visible. So this small area of spine can spell the difference between someone picking up your book or dismissing it in an instant. 

Take the time to consider the design of your spine. You can lift elements from the front cover, such as the title and author name, but you can also add extra quirky details. 

In this example, I designed a vintage-inspired cover for a book of fairy tales. The artwork on the front cover is intricate and fantastical, and I wanted to translate this mood to the spine of the book.

vintage cover

The spine has trailing vines and a rose detail, which frame the script type and make the spine just as romantic and ethereal as the front cover. 

spine design

8. Export Your Cover for Printing

When you’ve finished the artwork for your cover, you’ll need to export your design as a press-ready PDF file to be printed. 

To do this, head up to File > Export in InDesign, and choose Adobe PDF (Print) from the Format menu. Choose Press Quality from the Preset options to ensure your artwork is exported at very high quality. 

Top tip: The cover should be exported as one whole image (including back cover, front cover, and spine).

book cover

Find out more about the essentials of preparing your book artwork for print with this must-read tutorial:

Take Your Publishing Design Skills to the Next Level…

Still unsure about how to start creating your own book templates? A downloadable InDesign template is a sensible place to get started, and can be great for boosting your confidence when you’re dipping a toe into book design.

You can find a wide range of customizable InDesign book templates for book covers and book layouts on Envato Elements and GraphicRiver.

Discover our pick of the best book design tutorials for beginners below:

How to Make a Book Cover

Post pobrano z: How to Make a Book Cover

In this article, you’ll learn how to make a book cover. Here, you’ll pick up tips on how to make a book in InDesign and create your own InDesign book template, from using InDesign templates to putting together your cover artwork. 

If you’re looking to self-publish your own books and sell them online, or you are making your first steps into professional cover design for clients, this guide will introduce you to the essentials of creating book cover templates. 

Looking for a quick start? InDesign templates are great value and easy to adapt. You can find a huge range of customizable InDesign book cover templates and book layout templates on Envato Elements and GraphicRiver.

book cover mockup
Book cover mockup template

Read on to discover eight key steps for helping you create a book cover design that’s guaranteed to draw in readers. 

1. Pick Your Software Wisely

If you’re dipping a toe into the publishing design world, it can be tricky to know which software you should use to create your book cover. 

You can use almost any design software to create a cover, but some programs are more specialised for creating professional-quality covers. 

Adobe Photoshop isn’t suited for creating inside layouts, but it works perfectly well for creating covers, which are drafted as one page (with the back cover, spine and front cover as one image).

Professional cover designers tend to opt for publishing software as standard, as these tend to give you more control over print specs and typography. Adobe InDesign is the most popular choice, with QuarkXPress a good, if more simplified, alternative. 

With Affinity Publisher’s full launch just around the corner as well, this is likely to be a good-value alternative for cover designers in the future. 

2. Make a Confident Start With a Book Cover Template

If you don’t know how to make a book in InDesign, starting with a downloadable InDesign template can be a sensible and reassuring place to begin designing your cover. Ready-made InDesign book templates can be downloaded from sites like GraphicRiver and can be updated with your own content.

By adapting an existing template, you can learn more about cover design by observing the work a designer has put into a template. Look at how the document has been set up in InDesign to pick up tips for designing your own covers in the future. 

Go to File > Document Setup to view the page size and bleed specs, and Layout > Margins and Columns will show you more details about how the cover has been structured. Has the designer included a flexible spine? Noting these key details will help you understand how professional cover designers work and give you pointers for your own custom book covers. 

Maker apps like Placeit can also provide a helpful solution for new cover designers wanting to build confidence. In these apps, you can choose an existing cover design and adapt it quickly, tailoring the size for multiple print formats or adapting it as an eBook cover.

This Simple Graphic and Text cover template can be adapted quickly using a range of fonts, graphics, and photos.

placeit
Simple Graphic and Text Template on Placeit

Ready to take the next step and create a cover in InDesign? Check out these book cover templates which are quick and easy to customize with your own text and images:

book cover template
book template
Book cover and book layout template
book cover
Book cover template

3. Discover Creative Inspiration

Book cover design is one of the most creative areas of print design. Why? Compared to more commercial print media, like flyers and business cards, book covers are intrinsically linked to art—the connection between a book and a potential reader is emotionally charged. 

Although we are told not to judge a book by its cover, we can’t help doing just that when we browse a bookshelf. By making your cover as creative and striking as possible, you can hope to win the hearts and minds of your readership and convert browsing to sales. 

Professional cover designers know the power of treating a cover like an art canvas. So look to inspirational sources like the fantastic Book Cover Archive and Pinterest to really get your creative juices flowing.

book cover archive
Book Cover Archive
pinterest
By clicking on cover designs which catch your eye on Pinterest, you can browse hundreds of related images, which might spark your next cover idea.

It’s also important to not allow your creativity to outpace your judgement about making the cover genre- and audience-appropriate. 

So crime thrillers have a certain design language (large sans serif fonts in punchy colors like red and blue), as do historical romance novels (which tend towards script fonts and pastel colors). 

If you’re self-publishing an eBook, it pays to be aware of the sorts of design styles which are trending on eBook stores, like the Kindle Store and Google Play

kindle store
Do your research by browsing trending cover designs on the Kindle Store.

Check out these tutorials and courses which show you how to design covers tailored to specific audiences, from young adults to thriller fans:

4. Get the Essentials Right

When you start to design your book cover, you should take a bit of time to carefully prepare your artwork before you begin designing. 

working on a cover in indesign
Carefully consider page size, bleed and guides before you put together your cover artwork in InDesign.

Consider the format and size of the cover—will you print the book as a paperback (softcover) or hardback, or create a digital eBook? Do you have a standard size in mind such as Pocket Book, Demy, or Royal? Look up industry-recommended book sizes, and don’t be tempted to stray from the norm. 

Top tip: If you want to adjust the size of your cover artwork without starting over in a new document, you can use the Free Transform Tool (E) in InDesign to scale the artwork.

You’ll also need to add a bleed to your cover artwork, which allows background elements and color to extend past the page (trim) edge, making for a more seamless printed result. In InDesign, go to File > Document Setup to add a bleed width to your artwork. 

Consider also the expected spine width of your cover, which will have a knock-on effect on the overall width of the cover artwork (which includes the back cover, spine and front cover, from left to right). You can work out the width of the spine once you know the final page count of your book and the paper stock the inside pages will be printed on (which will affect how bulky the book is, and therefore how wide the spine is). 

Use an online spine width calculator to find the final width, or ask for a width spec from your printer. 

Looking for a more in-depth walk-through on how to create a book cover? This book cover design course shows you how to comprehensively design a cover for a paperback book, from setting up the artwork all the way through to exporting the design for professional printing. 

5. For the Front Cover, Focus on Balance, Impact, and Legibility

When designing your front cover, it’s a good tip to let yourself be creative and experiment with different layouts, styles, and themes. The more eye-catching and imaginative you can make your book cover, the better!

long shadow
Book cover mockup template

However, you do tend to find that covers still follow some rules of layout. After all, you will always need to include some essential information, including the book title and author name. The publisher might also want to include a review or short blurb on the front of the book. 

Some cover designers choose to make a feature of the title, creating covers which prioritise typographic design. Alternatively, a single strong photo or graphic can be the dominant feature, with type taking a secondary role. 

Above all, you want to foster balance on your cover, and because covers tend to be relatively small it usually looks best if either type or graphic are highlighted more than the other. This also contributes to the improved legibility of the cover, which is also incredibly important when a cover is viewed from a distance away.

This tutorial shows you how to create a cover design which balances an absorbing image with legible text:

6. Use the Back Cover to Seal the Deal

While the front cover should be designed to advertise the book and provoke an immediate reaction from a reader, the back cover should be used to ‘seal the deal’, providing more enticing information about the book.

Here is the place to include a blurb (a short, interesting summary of the narrative), and possibly reviews (it goes without saying to only include positive ones!).

You will also need to place a barcode (use a barcode generator once you have an ISBN to hand) and optional pricing information on the back cover too. The publisher may also want to include their logo and website, which is usually placed at the bottom of the back cover. 

book cover
Book cover template

7. Don’t Neglect the Spine

Readers won’t always come into contact with your book through looking at the front cover. The sheer volume of books in stores can mean retailers can choose to stack your book alongside thousands of other competing titles, with only the spine visible. So this small area of spine can spell the difference between someone picking up your book or dismissing it in an instant. 

Take the time to consider the design of your spine. You can lift elements from the front cover, such as the title and author name, but you can also add extra quirky details. 

In this example, I designed a vintage-inspired cover for a book of fairy tales. The artwork on the front cover is intricate and fantastical, and I wanted to translate this mood to the spine of the book.

vintage cover

The spine has trailing vines and a rose detail, which frame the script type and make the spine just as romantic and ethereal as the front cover. 

spine design

8. Export Your Cover for Printing

When you’ve finished the artwork for your cover, you’ll need to export your design as a press-ready PDF file to be printed. 

To do this, head up to File > Export in InDesign, and choose Adobe PDF (Print) from the Format menu. Choose Press Quality from the Preset options to ensure your artwork is exported at very high quality. 

Top tip: The cover should be exported as one whole image (including back cover, front cover, and spine).

book cover

Find out more about the essentials of preparing your book artwork for print with this must-read tutorial:

Take Your Publishing Design Skills to the Next Level…

Still unsure about how to start creating your own book templates? A downloadable InDesign template is a sensible place to get started, and can be great for boosting your confidence when you’re dipping a toe into book design.

You can find a wide range of customizable InDesign book templates for book covers and book layouts on Envato Elements and GraphicRiver.

Discover our pick of the best book design tutorials for beginners below:

How to Make a Book Cover

Post pobrano z: How to Make a Book Cover

In this article, you’ll learn how to make a book cover. Here, you’ll pick up tips on how to make a book in InDesign and create your own InDesign book template, from using InDesign templates to putting together your cover artwork. 

If you’re looking to self-publish your own books and sell them online, or you are making your first steps into professional cover design for clients, this guide will introduce you to the essentials of creating book cover templates. 

Looking for a quick start? InDesign templates are great value and easy to adapt. You can find a huge range of customizable InDesign book cover templates and book layout templates on Envato Elements and GraphicRiver.

book cover mockup
Book cover mockup template

Read on to discover eight key steps for helping you create a book cover design that’s guaranteed to draw in readers. 

1. Pick Your Software Wisely

If you’re dipping a toe into the publishing design world, it can be tricky to know which software you should use to create your book cover. 

You can use almost any design software to create a cover, but some programs are more specialised for creating professional-quality covers. 

Adobe Photoshop isn’t suited for creating inside layouts, but it works perfectly well for creating covers, which are drafted as one page (with the back cover, spine and front cover as one image).

Professional cover designers tend to opt for publishing software as standard, as these tend to give you more control over print specs and typography. Adobe InDesign is the most popular choice, with QuarkXPress a good, if more simplified, alternative. 

With Affinity Publisher’s full launch just around the corner as well, this is likely to be a good-value alternative for cover designers in the future. 

2. Make a Confident Start With a Book Cover Template

If you don’t know how to make a book in InDesign, starting with a downloadable InDesign template can be a sensible and reassuring place to begin designing your cover. Ready-made InDesign book templates can be downloaded from sites like GraphicRiver and can be updated with your own content.

By adapting an existing template, you can learn more about cover design by observing the work a designer has put into a template. Look at how the document has been set up in InDesign to pick up tips for designing your own covers in the future. 

Go to File > Document Setup to view the page size and bleed specs, and Layout > Margins and Columns will show you more details about how the cover has been structured. Has the designer included a flexible spine? Noting these key details will help you understand how professional cover designers work and give you pointers for your own custom book covers. 

Maker apps like Placeit can also provide a helpful solution for new cover designers wanting to build confidence. In these apps, you can choose an existing cover design and adapt it quickly, tailoring the size for multiple print formats or adapting it as an eBook cover.

This Simple Graphic and Text cover template can be adapted quickly using a range of fonts, graphics, and photos.

placeit
Simple Graphic and Text Template on Placeit

Ready to take the next step and create a cover in InDesign? Check out these book cover templates which are quick and easy to customize with your own text and images:

book cover template
book template
Book cover and book layout template
book cover
Book cover template

3. Discover Creative Inspiration

Book cover design is one of the most creative areas of print design. Why? Compared to more commercial print media, like flyers and business cards, book covers are intrinsically linked to art—the connection between a book and a potential reader is emotionally charged. 

Although we are told not to judge a book by its cover, we can’t help doing just that when we browse a bookshelf. By making your cover as creative and striking as possible, you can hope to win the hearts and minds of your readership and convert browsing to sales. 

Professional cover designers know the power of treating a cover like an art canvas. So look to inspirational sources like the fantastic Book Cover Archive and Pinterest to really get your creative juices flowing.

book cover archive
Book Cover Archive
pinterest
By clicking on cover designs which catch your eye on Pinterest, you can browse hundreds of related images, which might spark your next cover idea.

It’s also important to not allow your creativity to outpace your judgement about making the cover genre- and audience-appropriate. 

So crime thrillers have a certain design language (large sans serif fonts in punchy colors like red and blue), as do historical romance novels (which tend towards script fonts and pastel colors). 

If you’re self-publishing an eBook, it pays to be aware of the sorts of design styles which are trending on eBook stores, like the Kindle Store and Google Play

kindle store
Do your research by browsing trending cover designs on the Kindle Store.

Check out these tutorials and courses which show you how to design covers tailored to specific audiences, from young adults to thriller fans:

4. Get the Essentials Right

When you start to design your book cover, you should take a bit of time to carefully prepare your artwork before you begin designing. 

working on a cover in indesign
Carefully consider page size, bleed and guides before you put together your cover artwork in InDesign.

Consider the format and size of the cover—will you print the book as a paperback (softcover) or hardback, or create a digital eBook? Do you have a standard size in mind such as Pocket Book, Demy, or Royal? Look up industry-recommended book sizes, and don’t be tempted to stray from the norm. 

Top tip: If you want to adjust the size of your cover artwork without starting over in a new document, you can use the Free Transform Tool (E) in InDesign to scale the artwork.

You’ll also need to add a bleed to your cover artwork, which allows background elements and color to extend past the page (trim) edge, making for a more seamless printed result. In InDesign, go to File > Document Setup to add a bleed width to your artwork. 

Consider also the expected spine width of your cover, which will have a knock-on effect on the overall width of the cover artwork (which includes the back cover, spine and front cover, from left to right). You can work out the width of the spine once you know the final page count of your book and the paper stock the inside pages will be printed on (which will affect how bulky the book is, and therefore how wide the spine is). 

Use an online spine width calculator to find the final width, or ask for a width spec from your printer. 

Looking for a more in-depth walk-through on how to create a book cover? This book cover design course shows you how to comprehensively design a cover for a paperback book, from setting up the artwork all the way through to exporting the design for professional printing. 

5. For the Front Cover, Focus on Balance, Impact, and Legibility

When designing your front cover, it’s a good tip to let yourself be creative and experiment with different layouts, styles, and themes. The more eye-catching and imaginative you can make your book cover, the better!

long shadow
Book cover mockup template

However, you do tend to find that covers still follow some rules of layout. After all, you will always need to include some essential information, including the book title and author name. The publisher might also want to include a review or short blurb on the front of the book. 

Some cover designers choose to make a feature of the title, creating covers which prioritise typographic design. Alternatively, a single strong photo or graphic can be the dominant feature, with type taking a secondary role. 

Above all, you want to foster balance on your cover, and because covers tend to be relatively small it usually looks best if either type or graphic are highlighted more than the other. This also contributes to the improved legibility of the cover, which is also incredibly important when a cover is viewed from a distance away.

This tutorial shows you how to create a cover design which balances an absorbing image with legible text:

6. Use the Back Cover to Seal the Deal

While the front cover should be designed to advertise the book and provoke an immediate reaction from a reader, the back cover should be used to ‘seal the deal’, providing more enticing information about the book.

Here is the place to include a blurb (a short, interesting summary of the narrative), and possibly reviews (it goes without saying to only include positive ones!).

You will also need to place a barcode (use a barcode generator once you have an ISBN to hand) and optional pricing information on the back cover too. The publisher may also want to include their logo and website, which is usually placed at the bottom of the back cover. 

book cover
Book cover template

7. Don’t Neglect the Spine

Readers won’t always come into contact with your book through looking at the front cover. The sheer volume of books in stores can mean retailers can choose to stack your book alongside thousands of other competing titles, with only the spine visible. So this small area of spine can spell the difference between someone picking up your book or dismissing it in an instant. 

Take the time to consider the design of your spine. You can lift elements from the front cover, such as the title and author name, but you can also add extra quirky details. 

In this example, I designed a vintage-inspired cover for a book of fairy tales. The artwork on the front cover is intricate and fantastical, and I wanted to translate this mood to the spine of the book.

vintage cover

The spine has trailing vines and a rose detail, which frame the script type and make the spine just as romantic and ethereal as the front cover. 

spine design

8. Export Your Cover for Printing

When you’ve finished the artwork for your cover, you’ll need to export your design as a press-ready PDF file to be printed. 

To do this, head up to File > Export in InDesign, and choose Adobe PDF (Print) from the Format menu. Choose Press Quality from the Preset options to ensure your artwork is exported at very high quality. 

Top tip: The cover should be exported as one whole image (including back cover, front cover, and spine).

book cover

Find out more about the essentials of preparing your book artwork for print with this must-read tutorial:

Take Your Publishing Design Skills to the Next Level…

Still unsure about how to start creating your own book templates? A downloadable InDesign template is a sensible place to get started, and can be great for boosting your confidence when you’re dipping a toe into book design.

You can find a wide range of customizable InDesign book templates for book covers and book layouts on Envato Elements and GraphicRiver.

Discover our pick of the best book design tutorials for beginners below:

How to Make a Book Cover

Post pobrano z: How to Make a Book Cover

In this article, you’ll learn how to make a book cover. Here, you’ll pick up tips on how to make a book in InDesign and create your own InDesign book template, from using InDesign templates to putting together your cover artwork. 

If you’re looking to self-publish your own books and sell them online, or you are making your first steps into professional cover design for clients, this guide will introduce you to the essentials of creating book cover templates. 

Looking for a quick start? InDesign templates are great value and easy to adapt. You can find a huge range of customizable InDesign book cover templates and book layout templates on Envato Elements and GraphicRiver.

book cover mockup
Book cover mockup template

Read on to discover eight key steps for helping you create a book cover design that’s guaranteed to draw in readers. 

1. Pick Your Software Wisely

If you’re dipping a toe into the publishing design world, it can be tricky to know which software you should use to create your book cover. 

You can use almost any design software to create a cover, but some programs are more specialised for creating professional-quality covers. 

Adobe Photoshop isn’t suited for creating inside layouts, but it works perfectly well for creating covers, which are drafted as one page (with the back cover, spine and front cover as one image).

Professional cover designers tend to opt for publishing software as standard, as these tend to give you more control over print specs and typography. Adobe InDesign is the most popular choice, with QuarkXPress a good, if more simplified, alternative. 

With Affinity Publisher’s full launch just around the corner as well, this is likely to be a good-value alternative for cover designers in the future. 

2. Make a Confident Start With a Book Cover Template

If you don’t know how to make a book in InDesign, starting with a downloadable InDesign template can be a sensible and reassuring place to begin designing your cover. Ready-made InDesign book templates can be downloaded from sites like GraphicRiver and can be updated with your own content.

By adapting an existing template, you can learn more about cover design by observing the work a designer has put into a template. Look at how the document has been set up in InDesign to pick up tips for designing your own covers in the future. 

Go to File > Document Setup to view the page size and bleed specs, and Layout > Margins and Columns will show you more details about how the cover has been structured. Has the designer included a flexible spine? Noting these key details will help you understand how professional cover designers work and give you pointers for your own custom book covers. 

Maker apps like Placeit can also provide a helpful solution for new cover designers wanting to build confidence. In these apps, you can choose an existing cover design and adapt it quickly, tailoring the size for multiple print formats or adapting it as an eBook cover.

This Simple Graphic and Text cover template can be adapted quickly using a range of fonts, graphics, and photos.

placeit
Simple Graphic and Text Template on Placeit

Ready to take the next step and create a cover in InDesign? Check out these book cover templates which are quick and easy to customize with your own text and images:

book cover template
book template
Book cover and book layout template
book cover
Book cover template

3. Discover Creative Inspiration

Book cover design is one of the most creative areas of print design. Why? Compared to more commercial print media, like flyers and business cards, book covers are intrinsically linked to art—the connection between a book and a potential reader is emotionally charged. 

Although we are told not to judge a book by its cover, we can’t help doing just that when we browse a bookshelf. By making your cover as creative and striking as possible, you can hope to win the hearts and minds of your readership and convert browsing to sales. 

Professional cover designers know the power of treating a cover like an art canvas. So look to inspirational sources like the fantastic Book Cover Archive and Pinterest to really get your creative juices flowing.

book cover archive
Book Cover Archive
pinterest
By clicking on cover designs which catch your eye on Pinterest, you can browse hundreds of related images, which might spark your next cover idea.

It’s also important to not allow your creativity to outpace your judgement about making the cover genre- and audience-appropriate. 

So crime thrillers have a certain design language (large sans serif fonts in punchy colors like red and blue), as do historical romance novels (which tend towards script fonts and pastel colors). 

If you’re self-publishing an eBook, it pays to be aware of the sorts of design styles which are trending on eBook stores, like the Kindle Store and Google Play

kindle store
Do your research by browsing trending cover designs on the Kindle Store.

Check out these tutorials and courses which show you how to design covers tailored to specific audiences, from young adults to thriller fans:

4. Get the Essentials Right

When you start to design your book cover, you should take a bit of time to carefully prepare your artwork before you begin designing. 

working on a cover in indesign
Carefully consider page size, bleed and guides before you put together your cover artwork in InDesign.

Consider the format and size of the cover—will you print the book as a paperback (softcover) or hardback, or create a digital eBook? Do you have a standard size in mind such as Pocket Book, Demy, or Royal? Look up industry-recommended book sizes, and don’t be tempted to stray from the norm. 

Top tip: If you want to adjust the size of your cover artwork without starting over in a new document, you can use the Free Transform Tool (E) in InDesign to scale the artwork.

You’ll also need to add a bleed to your cover artwork, which allows background elements and color to extend past the page (trim) edge, making for a more seamless printed result. In InDesign, go to File > Document Setup to add a bleed width to your artwork. 

Consider also the expected spine width of your cover, which will have a knock-on effect on the overall width of the cover artwork (which includes the back cover, spine and front cover, from left to right). You can work out the width of the spine once you know the final page count of your book and the paper stock the inside pages will be printed on (which will affect how bulky the book is, and therefore how wide the spine is). 

Use an online spine width calculator to find the final width, or ask for a width spec from your printer. 

Looking for a more in-depth walk-through on how to create a book cover? This book cover design course shows you how to comprehensively design a cover for a paperback book, from setting up the artwork all the way through to exporting the design for professional printing. 

5. For the Front Cover, Focus on Balance, Impact, and Legibility

When designing your front cover, it’s a good tip to let yourself be creative and experiment with different layouts, styles, and themes. The more eye-catching and imaginative you can make your book cover, the better!

long shadow
Book cover mockup template

However, you do tend to find that covers still follow some rules of layout. After all, you will always need to include some essential information, including the book title and author name. The publisher might also want to include a review or short blurb on the front of the book. 

Some cover designers choose to make a feature of the title, creating covers which prioritise typographic design. Alternatively, a single strong photo or graphic can be the dominant feature, with type taking a secondary role. 

Above all, you want to foster balance on your cover, and because covers tend to be relatively small it usually looks best if either type or graphic are highlighted more than the other. This also contributes to the improved legibility of the cover, which is also incredibly important when a cover is viewed from a distance away.

This tutorial shows you how to create a cover design which balances an absorbing image with legible text:

6. Use the Back Cover to Seal the Deal

While the front cover should be designed to advertise the book and provoke an immediate reaction from a reader, the back cover should be used to ‘seal the deal’, providing more enticing information about the book.

Here is the place to include a blurb (a short, interesting summary of the narrative), and possibly reviews (it goes without saying to only include positive ones!).

You will also need to place a barcode (use a barcode generator once you have an ISBN to hand) and optional pricing information on the back cover too. The publisher may also want to include their logo and website, which is usually placed at the bottom of the back cover. 

book cover
Book cover template

7. Don’t Neglect the Spine

Readers won’t always come into contact with your book through looking at the front cover. The sheer volume of books in stores can mean retailers can choose to stack your book alongside thousands of other competing titles, with only the spine visible. So this small area of spine can spell the difference between someone picking up your book or dismissing it in an instant. 

Take the time to consider the design of your spine. You can lift elements from the front cover, such as the title and author name, but you can also add extra quirky details. 

In this example, I designed a vintage-inspired cover for a book of fairy tales. The artwork on the front cover is intricate and fantastical, and I wanted to translate this mood to the spine of the book.

vintage cover

The spine has trailing vines and a rose detail, which frame the script type and make the spine just as romantic and ethereal as the front cover. 

spine design

8. Export Your Cover for Printing

When you’ve finished the artwork for your cover, you’ll need to export your design as a press-ready PDF file to be printed. 

To do this, head up to File > Export in InDesign, and choose Adobe PDF (Print) from the Format menu. Choose Press Quality from the Preset options to ensure your artwork is exported at very high quality. 

Top tip: The cover should be exported as one whole image (including back cover, front cover, and spine).

book cover

Find out more about the essentials of preparing your book artwork for print with this must-read tutorial:

Take Your Publishing Design Skills to the Next Level…

Still unsure about how to start creating your own book templates? A downloadable InDesign template is a sensible place to get started, and can be great for boosting your confidence when you’re dipping a toe into book design.

You can find a wide range of customizable InDesign book templates for book covers and book layouts on Envato Elements and GraphicRiver.

Discover our pick of the best book design tutorials for beginners below:

How to Create a 3D Jewel Text Effect Action in Photoshop

Post pobrano z: How to Create a 3D Jewel Text Effect Action in Photoshop

Final product image
What You’ll Be Creating

Today I’m back to show you how to create fake 3D Photoshop actions. This text effect action was inspired by one of the text effects of the 10 Glossy Photoshop Text Effects, and it looks as if it’s made of a faceted ruby. 

You will learn that it is possible to save the information of Photoshop layer styles in Photoshop actions, making the process of saving the text effect easier since you don’t need to save any layer style. The fake 3D effect will come from a Bevel & Emboss style and a reflection layer below the text. 

At the end of this tutorial, I will link to more tutorials about how to create an action in Photoshop and Photoshop type effects. So don’t forget to check those if you’re interested in learning more 3D text effect Photoshop actions.

Check the original text effect on GraphicRiver—you might like the whole pack.

10 Glossy photoshop text effects promo image
10 Glossy Photoshop Text Effects

Tutorial Assets

The following assets were used during this tutorial:

1. How to Record the Action

Step 1

In my other tutorials, I teach how to create the layer styles first and then how to create the action using the styles. Today it will be faster, since this text effect doesn’t require any assets, to save all its settings in the action itself. So let’s begin.

Extract the zip file attached to this tutorial and then open the Background-image.jpg with Photoshop.  

Jewel Background

Step 2

Pick the Horizontal Type Tool (T) and set the font to Darktech LDR and font size to 121 pt. After that, write „JEWEL” in the center of the document.

Jewel text layer

Step 3

Make sure the text layer is selected on the Layers panel. After that, go to Window > Actions to open the Actions panel. Then, click on the Create new set icon and name it My Text Effects. After that, click on the Create new Action icon and name it Jewel Text Effect.

Now Photoshop will record the next steps. Keep an eye on the Actions panel. Delete any wrong step you make by dragging it to the trash bin icon.

Creating a Photoshop Action

Step 4

Rename the text layer to Jewel A. Then double-click on it to open the Layer Style panel. After that, add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Dither: Off
  • Opacity: 100%
  • Reverse: Off
  • Style: Linear
  • Align with Layer: On
  • Angle: 90º
  • Scale: 100%

Click on the gradient bar to open the Gradient Editor

You can move the stops on the gradient bar and create new ones by clicking below it. Create a gradient with these settings:

  • First stop color: #1a1a1a Location: 19%
  • Second stop color: #404040 Location: 42%
  • Third stop color: #1c1c1c Location: 80%
Creating a new gradient overlay

Step 5

Add a Drop Shadow with these settings:

  • Blend Mode: Normal
  • Color: #090909
  • Opacity: 100%
  • Use Global Light: Off
  • Angle: 180º
  • Distance: 2 px
  • Spread: 100%
  • Size: 3 px
  • Contour: Linear
  • Anti-aliased: On
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: On
Drop shadow settings

Step 6

Now add an Outer Glow with these settings:

  • Blend Mode: Normal
  • Opacity: 100%
  • Noise: 0%
  • Color: #181818
  • Technique: Softer
  • Spread: 0%
  • Size: 18%
  • Contour: Linear
  • Anti-aliased: Off
  • Range: 100%
  • Jitter: 0%
Outer Glow Settings

Step 7

Add an Inner Glow with these settings:

  • Blend Mode: Screen
  • Opacity: 100%
  • Noise: 0%
  • Color: #828282
  • Technique: Softer
  • Source: Edge
  • Choke: 100%
  • Size: 2 px
  • Contour: Linear
  • Anti-aliased: On
  • Range: 100%
  • Jitter: 0%
Inner Glow settings

Step 8

Now add an Inner Shadow with these settings:

  • Blend Mode: Multiply
  • Color: #383838
  • Opacity: 100%
  • Use Global Light: Off
  • Angle: -61º
  • Distance: 2 px
  • Choke: 40%
  • Size: 1 px
  • Contour: Linear
  • Anti-aliased: On
  • Noise: 0%
Inner Shadow settings

Step 9

Add a Bevel & Emboss with these settings:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 355%
  • Direction: Up
  • Size: 32 px
  • Soften: 0 px
  • Use Global Light: Off
  • Angle: -56º
  • Altitude: 74º
  • Anti-aliased: On
  • Highlight Mode: Screen Color: #ffffff Opacity: 45%
  • Shadow Mode: Multiply Color: #242424 Opacity: 55%

Then click on the Gloss Contour box and edit the curve with these settings:

  • First Point Input: 0% Output: 100% Corner: Off
  • Second Point Input: 24% Output: 99% Corner: Off
  • Third Point Input: 44% Output: 45% Corner: Off
  • Fourth Point Input: 100% Output: 0% Corner: Off

Now click OK to close the Layer Style panel.

Bevel and Emboss settings

This is how the text effect should look by now:

How the text effect shoul look

Step 10

Press Control-J to duplicate the layer. Then rename the copy to Jewel B. After that, right-click on the Jewel B layer and choose Clear Layer Style.

Creating another text layer

Step 11

Double-click the Jewel B layer to open the Layer Style panel. Then add a Bevel & Emboss with these settings:

  • Style: Inner Bevel
  • Technique: Chisel Hard
  • Depth: 157%
  • Direction: Down
  • Size: 250 px
  • Soften: 0 px
  • Use Global Light: Off
  • Angle: 81º
  • Altitude: 32º
  • Anti-aliased: On
  • Highlight Mode: Color Dodge Color: #ececec Opacity: 69%
  • Shadow Mode: Hard Light Color: #474747 Opacity: 9%

Then click on the Gloss Contour box and edit the curve with these settings:

  • First Point Input: 0% Output: 0% Corner: Off
  • Second Point Input: 7% Output: 100% Corner: On
  • Third Point Input: 37% Output: 55% Corner: Off
  • Fourth Point Input: 46% Output: 1% Corner: On
  • Fifth Point Input: 73% Output: 100% Corner: On
  • Sixth Point Input: 100% Output: 100% Corner: Off
Second Bevel and Emboss settings

Step 12

Add a Stroke with these settings:

  • Size: 2 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Overprint: Off
  • Fill Type: Gradient
  • Reverse: Off
  • Align with Layer: On
  • Style: Linear
  • Angle: 83º
  • Scale: 100%
  • Dither: Off

Then click on the gradient bar and edit it with these settings:

  • First stop color: #121212 Location: 0%
  • Second stop color: #5b5b5b Location: 48%
  • Third stop color: #121212 Location: 100%
Stroke settings

Step 13

Now add a Color Overlay with these settings:

  • Blend Mode: Color Dodge
  • Color: #404040
  • Opacity: 100%
Color Overlay settings

Step 14

Add an Outer Glow with these settings:

  • Blend Mode: Normal
  • Opacity: 68%
  • Noise: 0%
  • Color: #272727
  • Technique: Softer
  • Spread: 15%
  • Size: 16 px
  • Contour: Linear
  • Anti-aliased: On
  • Range: 100%
  • Jitter: 0%

After that, click OK to close the Layer Style window.

Outer Glow settings

This is how the text effect should look:

How the text effect should look

Step 15

Press Control and select both text layers. Then right-click on one of them and choose Convert to Smart Object. After that, rename the new smart object to Jewel Text Effect.

Converting the layers to a smart object

Step 16

Now go to Window > Adjustments and click on the Gradient Map icon. After that, right-click on the Gradient Map layer and choose Create Clipping Mask.

Creating a gradient map layer

Step 17

Select the Gradient Map layer and go to Window > Properties. Then click on the gradient bar to open the Gradient Editor. After that, edit the gradient with these settings:

  • First stop color: #240003 Location: 0%
  • Second stop color: #4e0009 Location: 16%
  • Third stop color: #ff0012 Location: 59%
  • Fourth stop color: #ffbe8f Location: 86%
  • Fifth stop color: #ffffff Location: 100%
Creating a new gradient

Step 18

Select both the text layer and the gradient map and convert them into a smart object. Then rename the new smart object to Jewel Text Effect. After that, go to the Actions panel and click on the Stop Recording icon to finish the action.

Converting the layers into one smart object

This is how the text effect should look:

How the text effect should look

2. How to Create the Shadow and the Reflection 

Step 1

Create a new layer below the text effect and name it Shadow. Then pick the Rectangle Tool (U) and create a thin black shape below the text.

Shadow layer

Step 2

Go to Filter > Blur > Gaussian blur and set it to 6.0 pixels. After that, change the Opacity of the Shadow layer to 35%.

Shadow layer with gaussian blur

Step 3

Select the text layer and press Control-J to duplicate it. Then rename the copy to Reflex and move it below the Shadow layer. After that, press Control-T and right-click on the Transform box and choose Flip Vertical. Then, move the layer down to make it look like a perfect reflection.

Reflex layer below the shadow layer

Step 4

Select the Reflex layer and click on the Add layer mask icon. Then pick the Gradient Tool (G) and select the Black, White gradient. After that, draw a gradient vertically from the bottom of the Reflex layer to the top of the Jewel Text Effect Layer.

Drawing the gradient mask

And We’re Done!

Jewel Text Effect Final result

In this tutorial, you learned how to record a Photoshop action and save Photoshop layer styles in it. We created two layer styles and merged them. After that, we added some colors with a gradient map, and then we added a simple shadow and a reflection below the text.

The text effect is saved in the Actions panel. Now you can apply the same effect to any word or font by selecting the action and clicking on Play. Then you just need to create the shadow and the reflection.

Don’t forget to check the original text effect.

10 Glossy photoshop text effects promo image
10 Glossy Photoshop Text Effects

If you want to keep learning, here are some tutorials that you may also like:

How to Create a 3D Jewel Text Effect Action in Photoshop

Post pobrano z: How to Create a 3D Jewel Text Effect Action in Photoshop

Final product image
What You’ll Be Creating

Today I’m back to show you how to create fake 3D Photoshop actions. This text effect action was inspired by one of the text effects of the 10 Glossy Photoshop Text Effects, and it looks as if it’s made of a faceted ruby. 

You will learn that it is possible to save the information of Photoshop layer styles in Photoshop actions, making the process of saving the text effect easier since you don’t need to save any layer style. The fake 3D effect will come from a Bevel & Emboss style and a reflection layer below the text. 

At the end of this tutorial, I will link to more tutorials about how to create an action in Photoshop and Photoshop type effects. So don’t forget to check those if you’re interested in learning more 3D text effect Photoshop actions.

Check the original text effect on GraphicRiver—you might like the whole pack.

10 Glossy photoshop text effects promo image
10 Glossy Photoshop Text Effects

Tutorial Assets

The following assets were used during this tutorial:

1. How to Record the Action

Step 1

In my other tutorials, I teach how to create the layer styles first and then how to create the action using the styles. Today it will be faster, since this text effect doesn’t require any assets, to save all its settings in the action itself. So let’s begin.

Extract the zip file attached to this tutorial and then open the Background-image.jpg with Photoshop.  

Jewel Background

Step 2

Pick the Horizontal Type Tool (T) and set the font to Darktech LDR and font size to 121 pt. After that, write „JEWEL” in the center of the document.

Jewel text layer

Step 3

Make sure the text layer is selected on the Layers panel. After that, go to Window > Actions to open the Actions panel. Then, click on the Create new set icon and name it My Text Effects. After that, click on the Create new Action icon and name it Jewel Text Effect.

Now Photoshop will record the next steps. Keep an eye on the Actions panel. Delete any wrong step you make by dragging it to the trash bin icon.

Creating a Photoshop Action

Step 4

Rename the text layer to Jewel A. Then double-click on it to open the Layer Style panel. After that, add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Dither: Off
  • Opacity: 100%
  • Reverse: Off
  • Style: Linear
  • Align with Layer: On
  • Angle: 90º
  • Scale: 100%

Click on the gradient bar to open the Gradient Editor

You can move the stops on the gradient bar and create new ones by clicking below it. Create a gradient with these settings:

  • First stop color: #1a1a1a Location: 19%
  • Second stop color: #404040 Location: 42%
  • Third stop color: #1c1c1c Location: 80%
Creating a new gradient overlay

Step 5

Add a Drop Shadow with these settings:

  • Blend Mode: Normal
  • Color: #090909
  • Opacity: 100%
  • Use Global Light: Off
  • Angle: 180º
  • Distance: 2 px
  • Spread: 100%
  • Size: 3 px
  • Contour: Linear
  • Anti-aliased: On
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: On
Drop shadow settings

Step 6

Now add an Outer Glow with these settings:

  • Blend Mode: Normal
  • Opacity: 100%
  • Noise: 0%
  • Color: #181818
  • Technique: Softer
  • Spread: 0%
  • Size: 18%
  • Contour: Linear
  • Anti-aliased: Off
  • Range: 100%
  • Jitter: 0%
Outer Glow Settings

Step 7

Add an Inner Glow with these settings:

  • Blend Mode: Screen
  • Opacity: 100%
  • Noise: 0%
  • Color: #828282
  • Technique: Softer
  • Source: Edge
  • Choke: 100%
  • Size: 2 px
  • Contour: Linear
  • Anti-aliased: On
  • Range: 100%
  • Jitter: 0%
Inner Glow settings

Step 8

Now add an Inner Shadow with these settings:

  • Blend Mode: Multiply
  • Color: #383838
  • Opacity: 100%
  • Use Global Light: Off
  • Angle: -61º
  • Distance: 2 px
  • Choke: 40%
  • Size: 1 px
  • Contour: Linear
  • Anti-aliased: On
  • Noise: 0%
Inner Shadow settings

Step 9

Add a Bevel & Emboss with these settings:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 355%
  • Direction: Up
  • Size: 32 px
  • Soften: 0 px
  • Use Global Light: Off
  • Angle: -56º
  • Altitude: 74º
  • Anti-aliased: On
  • Highlight Mode: Screen Color: #ffffff Opacity: 45%
  • Shadow Mode: Multiply Color: #242424 Opacity: 55%

Then click on the Gloss Contour box and edit the curve with these settings:

  • First Point Input: 0% Output: 100% Corner: Off
  • Second Point Input: 24% Output: 99% Corner: Off
  • Third Point Input: 44% Output: 45% Corner: Off
  • Fourth Point Input: 100% Output: 0% Corner: Off

Now click OK to close the Layer Style panel.

Bevel and Emboss settings

This is how the text effect should look by now:

How the text effect shoul look

Step 10

Press Control-J to duplicate the layer. Then rename the copy to Jewel B. After that, right-click on the Jewel B layer and choose Clear Layer Style.

Creating another text layer

Step 11

Double-click the Jewel B layer to open the Layer Style panel. Then add a Bevel & Emboss with these settings:

  • Style: Inner Bevel
  • Technique: Chisel Hard
  • Depth: 157%
  • Direction: Down
  • Size: 250 px
  • Soften: 0 px
  • Use Global Light: Off
  • Angle: 81º
  • Altitude: 32º
  • Anti-aliased: On
  • Highlight Mode: Color Dodge Color: #ececec Opacity: 69%
  • Shadow Mode: Hard Light Color: #474747 Opacity: 9%

Then click on the Gloss Contour box and edit the curve with these settings:

  • First Point Input: 0% Output: 0% Corner: Off
  • Second Point Input: 7% Output: 100% Corner: On
  • Third Point Input: 37% Output: 55% Corner: Off
  • Fourth Point Input: 46% Output: 1% Corner: On
  • Fifth Point Input: 73% Output: 100% Corner: On
  • Sixth Point Input: 100% Output: 100% Corner: Off
Second Bevel and Emboss settings

Step 12

Add a Stroke with these settings:

  • Size: 2 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Overprint: Off
  • Fill Type: Gradient
  • Reverse: Off
  • Align with Layer: On
  • Style: Linear
  • Angle: 83º
  • Scale: 100%
  • Dither: Off

Then click on the gradient bar and edit it with these settings:

  • First stop color: #121212 Location: 0%
  • Second stop color: #5b5b5b Location: 48%
  • Third stop color: #121212 Location: 100%
Stroke settings

Step 13

Now add a Color Overlay with these settings:

  • Blend Mode: Color Dodge
  • Color: #404040
  • Opacity: 100%
Color Overlay settings

Step 14

Add an Outer Glow with these settings:

  • Blend Mode: Normal
  • Opacity: 68%
  • Noise: 0%
  • Color: #272727
  • Technique: Softer
  • Spread: 15%
  • Size: 16 px
  • Contour: Linear
  • Anti-aliased: On
  • Range: 100%
  • Jitter: 0%

After that, click OK to close the Layer Style window.

Outer Glow settings

This is how the text effect should look:

How the text effect should look

Step 15

Press Control and select both text layers. Then right-click on one of them and choose Convert to Smart Object. After that, rename the new smart object to Jewel Text Effect.

Converting the layers to a smart object

Step 16

Now go to Window > Adjustments and click on the Gradient Map icon. After that, right-click on the Gradient Map layer and choose Create Clipping Mask.

Creating a gradient map layer

Step 17

Select the Gradient Map layer and go to Window > Properties. Then click on the gradient bar to open the Gradient Editor. After that, edit the gradient with these settings:

  • First stop color: #240003 Location: 0%
  • Second stop color: #4e0009 Location: 16%
  • Third stop color: #ff0012 Location: 59%
  • Fourth stop color: #ffbe8f Location: 86%
  • Fifth stop color: #ffffff Location: 100%
Creating a new gradient

Step 18

Select both the text layer and the gradient map and convert them into a smart object. Then rename the new smart object to Jewel Text Effect. After that, go to the Actions panel and click on the Stop Recording icon to finish the action.

Converting the layers into one smart object

This is how the text effect should look:

How the text effect should look

2. How to Create the Shadow and the Reflection 

Step 1

Create a new layer below the text effect and name it Shadow. Then pick the Rectangle Tool (U) and create a thin black shape below the text.

Shadow layer

Step 2

Go to Filter > Blur > Gaussian blur and set it to 6.0 pixels. After that, change the Opacity of the Shadow layer to 35%.

Shadow layer with gaussian blur

Step 3

Select the text layer and press Control-J to duplicate it. Then rename the copy to Reflex and move it below the Shadow layer. After that, press Control-T and right-click on the Transform box and choose Flip Vertical. Then, move the layer down to make it look like a perfect reflection.

Reflex layer below the shadow layer

Step 4

Select the Reflex layer and click on the Add layer mask icon. Then pick the Gradient Tool (G) and select the Black, White gradient. After that, draw a gradient vertically from the bottom of the Reflex layer to the top of the Jewel Text Effect Layer.

Drawing the gradient mask

And We’re Done!

Jewel Text Effect Final result

In this tutorial, you learned how to record a Photoshop action and save Photoshop layer styles in it. We created two layer styles and merged them. After that, we added some colors with a gradient map, and then we added a simple shadow and a reflection below the text.

The text effect is saved in the Actions panel. Now you can apply the same effect to any word or font by selecting the action and clicking on Play. Then you just need to create the shadow and the reflection.

Don’t forget to check the original text effect.

10 Glossy photoshop text effects promo image
10 Glossy Photoshop Text Effects

If you want to keep learning, here are some tutorials that you may also like: