Archiwum kategorii: Web Tools

How to Create a Burger Menu Template in Photoshop

Post pobrano z: How to Create a Burger Menu Template in Photoshop

Final product image
What You’ll Be Creating

This
tutorial shows you how to create a modern-looking burger menu template with Photoshop.
The main purpose of this tutorial is to teach you how to set up a document
ready for print, how to crop an image’s background, how to place graphics and
images into Photoshop, and how to create layers and layer groups.

The menu template we will be creating is a part of Burger Menu Template. If
you want to skip the tutorial and just use this template for your own projects, purchase the Burger Menu Template from GraphicRiver!

original burguer menu template

Let’s
begin!

Tutorial Assets

The
following assets were used during this Photoshop menu template tutorial:

1. How to Set Up a New Document

Step 1

Start
Photoshop and create a new document from the menu: File > New > Document. Set the file to the following
dimensions:

  • Width to 42 cm
  • Height to 29.7 cm
  • Resolution to 300 dpi
  • Color Mode to CMYK
  • Click Create
document set up

Step 2

For the guides, if
you can’t see the rulers, you need to make them visible by pressing Control-R. Now, with your
mouse, drag and drop the first guide down from the top.

using guides in photoshop

Step 3

Do the same for
the bottom. From the left, drag and drop the first guide and place it on the
left side of the menu template, and add another one on the right side. Your menu design should
look like this:

using guides in photoshop

Step 4

Let’s add our bleed marks, which allow us to set up our menu design ready for printing. Go
to Image > Canvas Size. In the
pop-up window, input the following dimensions:

  • Width to 42.6 cm
  • Height to 30.3 cm
  • Click OK
bleeds marks set up document ready for print

Step 5

Since
it’s a bi-fold brochure, we need to add also a guide in the center of the menu layout template.

menu layout template center guide

2. How to Place the Background

For the background,
start by placing our Blackboard Backgound.psd file. Go to File > Place Linked and choose the Blackboard file for the background. 

blackboard background image

While we’re
at it, we might as well just go to the Layers panel and click on the Create a new group button or simply
press Control-G. Double click the
Group 1 text and rename the folder „Background”, and this will be our first layer group created.

create new group layer for the background

3. How to Create the Front and Back Pages

Step 1

Go to Layers and Create a new group, and this time call it Side 1. Create another group, renaming it Right Side. Add two more groups, called Your Logo Here and Graphics.
Select both groups, press and hold the Shift
key, and drag them to the Right Side layer.

create new group layers right side

Step 2

Go to File > Place linked and place the Logo.png file in the center of the menu layout template. 

burguer menu template logo

Step 3

Click the Logo layer and move it to the layers folder called Your Logo Here.

Step 4

For the Graphics layer folder we’ve created, we’ll add some images. Head over
to File > Open. I have this image, but I need to remove the background.

Envato elements picture

For that, we will use the Quick Selection Tool (W) and select only the burger images. 

quick selection tool for background remove

After we finish the selection, just click Select > Modify > Contract and contract by 1 px.

select modify and contract images

Finally, Add Layer mask at the bottom of the Layers. The
background has been removed.

layer mask to remove background

Step 5

Now, Control-C on the image layer, go back to our menu template, and paste it with Control-V. Place it in the bottom right
corner. Finally, drag it to the Graphics
layer folder, rename the layer Burger, and create a group with the same name.

Step 6  

Resize the image by pressing Control-T. Then, go to Edit > Transform > Rotate.
With your mouse, grab the image by the top-right corner and give it a slight
rotation to the left.

resize and rotate image

Step 7

Add
some shadow to the image by Right Clicking and choosing Blending Options > Drop
Shadow
. Just insert the following values:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px
layer style add drop shadow

Go to Image > Adjustments
> Brightness/Contrast and change the Brightness to -15 and the Contrast to +15. Hit OK.

Step 8

Follow the same process with the other burger image, and this time we’ll place it in the
top-left corner of our menu design. Go to Image > Adjustments > Brightness/Contrast and change the Brightness to -15 and
the Contrast to +15. Hit OK.

image adjustments brightness contrast

Step 9

Finally, let’s add three more
images, a Tomato and two Leaves. Drag them to the layers panel,
from the Graphics.psd file.

organize layers panel

And the front page of our Photoshop menu template will look
like this:

front page layout

Step 10

Select the Text Tool (T) from the Toolbar and choose the Bebas Neue font. Select White as the foreground Color from the Toolbar Menu and use the
following style for the Title Burger Layer:

  • Font Family: Bebas Neue
  • Font Style: Bold
  • Size: 48 pt
  • Leading: Auto
  • Tracking: 60

Tip: Go to Window and
select Character from the drop-down
menu to help you out with these settings.

select the text tool and choose Bebas Neue font

Step 11

Again, with the Text Tool (T) selected and the font Wicked
Grit
, for the Subheader title
and the Price on the right, use
these settings:

  • Font Family: Wicked Grit
  • Font Style: Regular
  • Size: 20 pt
  • Leading: Auto
  • Tracking: 0
sub header title text Wicked Grit font

Step 12

For the Main Text, with the Text Tool (T) selected and Averia Sans font, use these settings:

  • Font Family: Averia Sans
  • Font Style: Light Italic
  • Size: 12 pt
  • Leading: 11 pt
  • Tracking: 60
main text averia sans font

Our menu template should look something like
the image below:

burguers layer

Step 13

Group the Title Burger Layer, Subheader title, Price and Main Text with 1. Then Copy the group (Control-C) > Paste (Control-V) seven times and rename each one of them (1, 2, 3, 4, 5, 6, 7, and 8). The  Layers panel will be
organized like the image below.

layers panel organized

And here’s the menu template final result:

menu layout template design

Step 14

With the Burgers layer group selected, Copy (Control-C) > Paste
(
Control-V), and rename it Hotdogs. Change
the name with the Text Tool (T)
selected. For the Hotdogs layer, we need only three copies,
so delete group 4 to group 8. Select the text layers, and make the changes with
the Text Tool (T) selected, like the
image below:

hot dogs layer group

Step 15

Again, with the Burgers layer group selected, Copy (Control-C) > Paste
(
Control-V), and rename it Salads. We
need four copies for the text layers, so delete group 5 to group 8. Select the
text layers and make the changes, like the image below:

salads layers group

Step 16

For the final group of our Photoshop template, you can
select the layer group Hotdogs and Copy (Control-C) > Paste (Control-V), renaming it Drinks. Select the text layers and
make the changes, like the image below:

drinks layers group

This is the final result of
our menu template:

final result menu template

4. How to Add Graphics and Images

Step 1

Start by opening the Brush.psd file.

Step 2

Make four copies (Control-C) > Paste (Control-V) and place them behind the Main titles, as shown below.

Note: Create a new layer group and call it Graphics. Drag the Brush layers to this layer group.

insert brush and create layer group

Step 3

Open the Graphics.psd file and place the following images:

  • 1 Ice Cubes
  • 1 Coke
  • 3 Arrows
  • 1 Line

You can download the Hotdog image from Unsplash. Arrange all the placed elements in our menu template as
follows:

arrange the placed elements

Step 4

To finish Side 1 of our template, select the Text Tool (T), pick the Caveat font, and type Coke, using the following style for the
text:

  • Font Family: Caveat
  • Font Style: Bold
  • Size: 130 pt
  • Leading: Auto
  • Tracking: 0
pick Caveat font and type Coke

Place it
like the image below:

place the text

Step 5

Use the same font for the $2 price text. For this one, pick the red color. Head over to the Character menu, click on Color, and open the Color Picker window. Use the color
code #b00f23 and click OK.

  • Font Family: Caveat
  • Font Style: Bold
  • Size: 72 pt
  • Leading: Auto
  • Tracking: 0
use color picker to color the text

Place it right below the Coke text, like this:

place the text below the Coke text

Step 6

Select the Text
Tool (T),
pick the Rhesmanisa font, and type, „Try it!” 

Use the following style for the
text:

  • Font Family: Rhesmanisa
  • Font Style: Regular
  • Size: 48 pt
  • Leading: Auto
  • Tracking: 0
select the text tool and pick rhesmanisa font

Step 7

Now, grab the line graphic
you’ve placed before into the menu template, drag it, and place it in the
middle of the left page.

place the line graphic in the middle of the left page

5. How to Make the Inside Left and Right Pages

Step 1

Let’s jump to Side 2 of our Photoshop menu template. Begin by creating a new group layer by pressing Control-G. Call it Side 2.

Step 2

Inside this new layer, hit Control-G and Create a
Layer Group
called Menu. Add
another one and rename it Graphics.

create a layer group

Step 3

Copy the text
elements from Side 1. Click Control-C on the Burgers layer group to
copy, and click the Eye icon on the
Layers panel to hide the Side 1 layer.

use eye icon to hide layer group

And then Control-V to paste it on the left inside
page at the top.

Step 4

Do the same for the
other text elements (Salads and Soups). Our menu layout template should look like
this:

add text elements to salads and soups

Step 5

For the inside right page, you must add the following text group elements:

  • Sandwiches
  • Coffee
  • Desserts
  • Drinks

 Our menu design should look like this:

place text elements inside the right page

Step 6

Organize these new
elements on the Layers panel like this:

organize elements in the layers panel

Step 7

We are almost done.
Finally, let’s add our graphic elements. Hide the Side 2 Layer by pressing the Eye
icon and copy (Control-C) the Graphics layer group.
Hide the Side 1 layer and make Side
2
 visible again with the Eye icon
button. Control-V the Graphics group layer.

add graphics group layer

Step 8

Click File > Place Linked and import the Salad
Image
.

Note: You must remove the image’s background first with
the same method we used for the previous ones.

Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending Options menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

Step 9

Click File > Place Linked and import the Hamburger
Image
. After removing the background, Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending
Options
menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

Step 10

Click File > Place Linked and import the Sandwich
Image
. Do the same here as before. Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending
Options
menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

The image below shows us the arrangement of the elements
on our Photoshop menu template.

place images

Step 11

Back to the Graphics.psd file, copy (Control-C) the layer called Leaf. Go back
to the menu template, Control-V, and
place it next to the Salad image. Grab another Leaf, and place it on the right side of
our menu design, next to the Sandwich image.

Step 12

From the Graphics.psd file, copy the following layers:

  • 1 Beer Glass
  • 1 Barbecue-Sauce
  • 3 arrows
  • 1 Line

Go back to the menu templateControl-V, and arrange them like this:

menu template elements disposition

Step 13

And to finish Side 2, go to Side 1 again and copy (Control-C) the Coke layer—for this one, we need to
change the text to Beer with the Text Tool (T). Add $2 and Try
it!
text layers, and arrange them like this:

add text layers

6. How to Export a Template for Printing

Step 1

You can print a
file from Photoshop by going to File > Print. Click Print

print a file from photoshop

Step 2

You can also export
a file as a PDF for online distributing or printing. Head over to File > Save As. In the Save
As
 option window, name the document Burger Menu Template or Photoshop Menu Template as you wish. Set the
format to Photoshop PDF and
click Save.

save as file

Great Job! You’ve Finished Your Photoshop Burger Menu Template!

In this tutorial,
you learned how to make a burger menu template in Photoshop. Here is what you
have learned how to do:

  • Set up a ready-to-print Photoshop file.
  • Add column guides and Bleeds to the menu design.
  • Use the Text Tool.
  • Organize your work into layer groups.
  • Crop and edit images.
  • Export a PDF file.
outside menu photoshop template
inside menu photoshop template

If you’re looking
for more Photoshop menu templates or menu design ideas, you can find easy-to-edit
professional styles on GraphicRiver and Envato Elements. If you want this Photoshop menu template that we’ve just created,
then grab it from GraphicRiver.

original burguer menu template

If you have any
comments or any doubts, feel free to use the comments section below! I’ll be
glad to help you all!

Looking for more? I recommend the following tutorials:

How to Create a Burger Menu Template in Photoshop

Post pobrano z: How to Create a Burger Menu Template in Photoshop

Final product image
What You’ll Be Creating

This
tutorial shows you how to create a modern-looking burger menu template with Photoshop.
The main purpose of this tutorial is to teach you how to set up a document
ready for print, how to crop an image’s background, how to place graphics and
images into Photoshop, and how to create layers and layer groups.

The menu template we will be creating is a part of Burger Menu Template. If
you want to skip the tutorial and just use this template for your own projects, purchase the Burger Menu Template from GraphicRiver!

original burguer menu template

Let’s
begin!

Tutorial Assets

The
following assets were used during this Photoshop menu template tutorial:

1. How to Set Up a New Document

Step 1

Start
Photoshop and create a new document from the menu: File > New > Document. Set the file to the following
dimensions:

  • Width to 42 cm
  • Height to 29.7 cm
  • Resolution to 300 dpi
  • Color Mode to CMYK
  • Click Create
document set up

Step 2

For the guides, if
you can’t see the rulers, you need to make them visible by pressing Control-R. Now, with your
mouse, drag and drop the first guide down from the top.

using guides in photoshop

Step 3

Do the same for
the bottom. From the left, drag and drop the first guide and place it on the
left side of the menu template, and add another one on the right side. Your menu design should
look like this:

using guides in photoshop

Step 4

Let’s add our bleed marks, which allow us to set up our menu design ready for printing. Go
to Image > Canvas Size. In the
pop-up window, input the following dimensions:

  • Width to 42.6 cm
  • Height to 30.3 cm
  • Click OK
bleeds marks set up document ready for print

Step 5

Since
it’s a bi-fold brochure, we need to add also a guide in the center of the menu layout template.

menu layout template center guide

2. How to Place the Background

For the background,
start by placing our Blackboard Backgound.psd file. Go to File > Place Linked and choose the Blackboard file for the background. 

blackboard background image

While we’re
at it, we might as well just go to the Layers panel and click on the Create a new group button or simply
press Control-G. Double click the
Group 1 text and rename the folder „Background”, and this will be our first layer group created.

create new group layer for the background

3. How to Create the Front and Back Pages

Step 1

Go to Layers and Create a new group, and this time call it Side 1. Create another group, renaming it Right Side. Add two more groups, called Your Logo Here and Graphics.
Select both groups, press and hold the Shift
key, and drag them to the Right Side layer.

create new group layers right side

Step 2

Go to File > Place linked and place the Logo.png file in the center of the menu layout template. 

burguer menu template logo

Step 3

Click the Logo layer and move it to the layers folder called Your Logo Here.

Step 4

For the Graphics layer folder we’ve created, we’ll add some images. Head over
to File > Open. I have this image, but I need to remove the background.

Envato elements picture

For that, we will use the Quick Selection Tool (W) and select only the burger images. 

quick selection tool for background remove

After we finish the selection, just click Select > Modify > Contract and contract by 1 px.

select modify and contract images

Finally, Add Layer mask at the bottom of the Layers. The
background has been removed.

layer mask to remove background

Step 5

Now, Control-C on the image layer, go back to our menu template, and paste it with Control-V. Place it in the bottom right
corner. Finally, drag it to the Graphics
layer folder, rename the layer Burger, and create a group with the same name.

Step 6  

Resize the image by pressing Control-T. Then, go to Edit > Transform > Rotate.
With your mouse, grab the image by the top-right corner and give it a slight
rotation to the left.

resize and rotate image

Step 7

Add
some shadow to the image by Right Clicking and choosing Blending Options > Drop
Shadow
. Just insert the following values:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px
layer style add drop shadow

Go to Image > Adjustments
> Brightness/Contrast and change the Brightness to -15 and the Contrast to +15. Hit OK.

Step 8

Follow the same process with the other burger image, and this time we’ll place it in the
top-left corner of our menu design. Go to Image > Adjustments > Brightness/Contrast and change the Brightness to -15 and
the Contrast to +15. Hit OK.

image adjustments brightness contrast

Step 9

Finally, let’s add three more
images, a Tomato and two Leaves. Drag them to the layers panel,
from the Graphics.psd file.

organize layers panel

And the front page of our Photoshop menu template will look
like this:

front page layout

Step 10

Select the Text Tool (T) from the Toolbar and choose the Bebas Neue font. Select White as the foreground Color from the Toolbar Menu and use the
following style for the Title Burger Layer:

  • Font Family: Bebas Neue
  • Font Style: Bold
  • Size: 48 pt
  • Leading: Auto
  • Tracking: 60

Tip: Go to Window and
select Character from the drop-down
menu to help you out with these settings.

select the text tool and choose Bebas Neue font

Step 11

Again, with the Text Tool (T) selected and the font Wicked
Grit
, for the Subheader title
and the Price on the right, use
these settings:

  • Font Family: Wicked Grit
  • Font Style: Regular
  • Size: 20 pt
  • Leading: Auto
  • Tracking: 0
sub header title text Wicked Grit font

Step 12

For the Main Text, with the Text Tool (T) selected and Averia Sans font, use these settings:

  • Font Family: Averia Sans
  • Font Style: Light Italic
  • Size: 12 pt
  • Leading: 11 pt
  • Tracking: 60
main text averia sans font

Our menu template should look something like
the image below:

burguers layer

Step 13

Group the Title Burger Layer, Subheader title, Price and Main Text with 1. Then Copy the group (Control-C) > Paste (Control-V) seven times and rename each one of them (1, 2, 3, 4, 5, 6, 7, and 8). The  Layers panel will be
organized like the image below.

layers panel organized

And here’s the menu template final result:

menu layout template design

Step 14

With the Burgers layer group selected, Copy (Control-C) > Paste
(
Control-V), and rename it Hotdogs. Change
the name with the Text Tool (T)
selected. For the Hotdogs layer, we need only three copies,
so delete group 4 to group 8. Select the text layers, and make the changes with
the Text Tool (T) selected, like the
image below:

hot dogs layer group

Step 15

Again, with the Burgers layer group selected, Copy (Control-C) > Paste
(
Control-V), and rename it Salads. We
need four copies for the text layers, so delete group 5 to group 8. Select the
text layers and make the changes, like the image below:

salads layers group

Step 16

For the final group of our Photoshop template, you can
select the layer group Hotdogs and Copy (Control-C) > Paste (Control-V), renaming it Drinks. Select the text layers and
make the changes, like the image below:

drinks layers group

This is the final result of
our menu template:

final result menu template

4. How to Add Graphics and Images

Step 1

Start by opening the Brush.psd file.

Step 2

Make four copies (Control-C) > Paste (Control-V) and place them behind the Main titles, as shown below.

Note: Create a new layer group and call it Graphics. Drag the Brush layers to this layer group.

insert brush and create layer group

Step 3

Open the Graphics.psd file and place the following images:

  • 1 Ice Cubes
  • 1 Coke
  • 3 Arrows
  • 1 Line

You can download the Hotdog image from Unsplash. Arrange all the placed elements in our menu template as
follows:

arrange the placed elements

Step 4

To finish Side 1 of our template, select the Text Tool (T), pick the Caveat font, and type Coke, using the following style for the
text:

  • Font Family: Caveat
  • Font Style: Bold
  • Size: 130 pt
  • Leading: Auto
  • Tracking: 0
pick Caveat font and type Coke

Place it
like the image below:

place the text

Step 5

Use the same font for the $2 price text. For this one, pick the red color. Head over to the Character menu, click on Color, and open the Color Picker window. Use the color
code #b00f23 and click OK.

  • Font Family: Caveat
  • Font Style: Bold
  • Size: 72 pt
  • Leading: Auto
  • Tracking: 0
use color picker to color the text

Place it right below the Coke text, like this:

place the text below the Coke text

Step 6

Select the Text
Tool (T),
pick the Rhesmanisa font, and type, „Try it!” 

Use the following style for the
text:

  • Font Family: Rhesmanisa
  • Font Style: Regular
  • Size: 48 pt
  • Leading: Auto
  • Tracking: 0
select the text tool and pick rhesmanisa font

Step 7

Now, grab the line graphic
you’ve placed before into the menu template, drag it, and place it in the
middle of the left page.

place the line graphic in the middle of the left page

5. How to Make the Inside Left and Right Pages

Step 1

Let’s jump to Side 2 of our Photoshop menu template. Begin by creating a new group layer by pressing Control-G. Call it Side 2.

Step 2

Inside this new layer, hit Control-G and Create a
Layer Group
called Menu. Add
another one and rename it Graphics.

create a layer group

Step 3

Copy the text
elements from Side 1. Click Control-C on the Burgers layer group to
copy, and click the Eye icon on the
Layers panel to hide the Side 1 layer.

use eye icon to hide layer group

And then Control-V to paste it on the left inside
page at the top.

Step 4

Do the same for the
other text elements (Salads and Soups). Our menu layout template should look like
this:

add text elements to salads and soups

Step 5

For the inside right page, you must add the following text group elements:

  • Sandwiches
  • Coffee
  • Desserts
  • Drinks

 Our menu design should look like this:

place text elements inside the right page

Step 6

Organize these new
elements on the Layers panel like this:

organize elements in the layers panel

Step 7

We are almost done.
Finally, let’s add our graphic elements. Hide the Side 2 Layer by pressing the Eye
icon and copy (Control-C) the Graphics layer group.
Hide the Side 1 layer and make Side
2
 visible again with the Eye icon
button. Control-V the Graphics group layer.

add graphics group layer

Step 8

Click File > Place Linked and import the Salad
Image
.

Note: You must remove the image’s background first with
the same method we used for the previous ones.

Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending Options menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

Step 9

Click File > Place Linked and import the Hamburger
Image
. After removing the background, Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending
Options
menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

Step 10

Click File > Place Linked and import the Sandwich
Image
. Do the same here as before. Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending
Options
menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

The image below shows us the arrangement of the elements
on our Photoshop menu template.

place images

Step 11

Back to the Graphics.psd file, copy (Control-C) the layer called Leaf. Go back
to the menu template, Control-V, and
place it next to the Salad image. Grab another Leaf, and place it on the right side of
our menu design, next to the Sandwich image.

Step 12

From the Graphics.psd file, copy the following layers:

  • 1 Beer Glass
  • 1 Barbecue-Sauce
  • 3 arrows
  • 1 Line

Go back to the menu templateControl-V, and arrange them like this:

menu template elements disposition

Step 13

And to finish Side 2, go to Side 1 again and copy (Control-C) the Coke layer—for this one, we need to
change the text to Beer with the Text Tool (T). Add $2 and Try
it!
text layers, and arrange them like this:

add text layers

6. How to Export a Template for Printing

Step 1

You can print a
file from Photoshop by going to File > Print. Click Print

print a file from photoshop

Step 2

You can also export
a file as a PDF for online distributing or printing. Head over to File > Save As. In the Save
As
 option window, name the document Burger Menu Template or Photoshop Menu Template as you wish. Set the
format to Photoshop PDF and
click Save.

save as file

Great Job! You’ve Finished Your Photoshop Burger Menu Template!

In this tutorial,
you learned how to make a burger menu template in Photoshop. Here is what you
have learned how to do:

  • Set up a ready-to-print Photoshop file.
  • Add column guides and Bleeds to the menu design.
  • Use the Text Tool.
  • Organize your work into layer groups.
  • Crop and edit images.
  • Export a PDF file.
outside menu photoshop template
inside menu photoshop template

If you’re looking
for more Photoshop menu templates or menu design ideas, you can find easy-to-edit
professional styles on GraphicRiver and Envato Elements. If you want this Photoshop menu template that we’ve just created,
then grab it from GraphicRiver.

original burguer menu template

If you have any
comments or any doubts, feel free to use the comments section below! I’ll be
glad to help you all!

Looking for more? I recommend the following tutorials:

How to Create a Burger Menu Template in Photoshop

Post pobrano z: How to Create a Burger Menu Template in Photoshop

Final product image
What You’ll Be Creating

This
tutorial shows you how to create a modern-looking burger menu template with Photoshop.
The main purpose of this tutorial is to teach you how to set up a document
ready for print, how to crop an image’s background, how to place graphics and
images into Photoshop, and how to create layers and layer groups.

The menu template we will be creating is a part of Burger Menu Template. If
you want to skip the tutorial and just use this template for your own projects, purchase the Burger Menu Template from GraphicRiver!

original burguer menu template

Let’s
begin!

Tutorial Assets

The
following assets were used during this Photoshop menu template tutorial:

1. How to Set Up a New Document

Step 1

Start
Photoshop and create a new document from the menu: File > New > Document. Set the file to the following
dimensions:

  • Width to 42 cm
  • Height to 29.7 cm
  • Resolution to 300 dpi
  • Color Mode to CMYK
  • Click Create
document set up

Step 2

For the guides, if
you can’t see the rulers, you need to make them visible by pressing Control-R. Now, with your
mouse, drag and drop the first guide down from the top.

using guides in photoshop

Step 3

Do the same for
the bottom. From the left, drag and drop the first guide and place it on the
left side of the menu template, and add another one on the right side. Your menu design should
look like this:

using guides in photoshop

Step 4

Let’s add our bleed marks, which allow us to set up our menu design ready for printing. Go
to Image > Canvas Size. In the
pop-up window, input the following dimensions:

  • Width to 42.6 cm
  • Height to 30.3 cm
  • Click OK
bleeds marks set up document ready for print

Step 5

Since
it’s a bi-fold brochure, we need to add also a guide in the center of the menu layout template.

menu layout template center guide

2. How to Place the Background

For the background,
start by placing our Blackboard Backgound.psd file. Go to File > Place Linked and choose the Blackboard file for the background. 

blackboard background image

While we’re
at it, we might as well just go to the Layers panel and click on the Create a new group button or simply
press Control-G. Double click the
Group 1 text and rename the folder „Background”, and this will be our first layer group created.

create new group layer for the background

3. How to Create the Front and Back Pages

Step 1

Go to Layers and Create a new group, and this time call it Side 1. Create another group, renaming it Right Side. Add two more groups, called Your Logo Here and Graphics.
Select both groups, press and hold the Shift
key, and drag them to the Right Side layer.

create new group layers right side

Step 2

Go to File > Place linked and place the Logo.png file in the center of the menu layout template. 

burguer menu template logo

Step 3

Click the Logo layer and move it to the layers folder called Your Logo Here.

Step 4

For the Graphics layer folder we’ve created, we’ll add some images. Head over
to File > Open. I have this image, but I need to remove the background.

Envato elements picture

For that, we will use the Quick Selection Tool (W) and select only the burger images. 

quick selection tool for background remove

After we finish the selection, just click Select > Modify > Contract and contract by 1 px.

select modify and contract images

Finally, Add Layer mask at the bottom of the Layers. The
background has been removed.

layer mask to remove background

Step 5

Now, Control-C on the image layer, go back to our menu template, and paste it with Control-V. Place it in the bottom right
corner. Finally, drag it to the Graphics
layer folder, rename the layer Burger, and create a group with the same name.

Step 6  

Resize the image by pressing Control-T. Then, go to Edit > Transform > Rotate.
With your mouse, grab the image by the top-right corner and give it a slight
rotation to the left.

resize and rotate image

Step 7

Add
some shadow to the image by Right Clicking and choosing Blending Options > Drop
Shadow
. Just insert the following values:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px
layer style add drop shadow

Go to Image > Adjustments
> Brightness/Contrast and change the Brightness to -15 and the Contrast to +15. Hit OK.

Step 8

Follow the same process with the other burger image, and this time we’ll place it in the
top-left corner of our menu design. Go to Image > Adjustments > Brightness/Contrast and change the Brightness to -15 and
the Contrast to +15. Hit OK.

image adjustments brightness contrast

Step 9

Finally, let’s add three more
images, a Tomato and two Leaves. Drag them to the layers panel,
from the Graphics.psd file.

organize layers panel

And the front page of our Photoshop menu template will look
like this:

front page layout

Step 10

Select the Text Tool (T) from the Toolbar and choose the Bebas Neue font. Select White as the foreground Color from the Toolbar Menu and use the
following style for the Title Burger Layer:

  • Font Family: Bebas Neue
  • Font Style: Bold
  • Size: 48 pt
  • Leading: Auto
  • Tracking: 60

Tip: Go to Window and
select Character from the drop-down
menu to help you out with these settings.

select the text tool and choose Bebas Neue font

Step 11

Again, with the Text Tool (T) selected and the font Wicked
Grit
, for the Subheader title
and the Price on the right, use
these settings:

  • Font Family: Wicked Grit
  • Font Style: Regular
  • Size: 20 pt
  • Leading: Auto
  • Tracking: 0
sub header title text Wicked Grit font

Step 12

For the Main Text, with the Text Tool (T) selected and Averia Sans font, use these settings:

  • Font Family: Averia Sans
  • Font Style: Light Italic
  • Size: 12 pt
  • Leading: 11 pt
  • Tracking: 60
main text averia sans font

Our menu template should look something like
the image below:

burguers layer

Step 13

Group the Title Burger Layer, Subheader title, Price and Main Text with 1. Then Copy the group (Control-C) > Paste (Control-V) seven times and rename each one of them (1, 2, 3, 4, 5, 6, 7, and 8). The  Layers panel will be
organized like the image below.

layers panel organized

And here’s the menu template final result:

menu layout template design

Step 14

With the Burgers layer group selected, Copy (Control-C) > Paste
(
Control-V), and rename it Hotdogs. Change
the name with the Text Tool (T)
selected. For the Hotdogs layer, we need only three copies,
so delete group 4 to group 8. Select the text layers, and make the changes with
the Text Tool (T) selected, like the
image below:

hot dogs layer group

Step 15

Again, with the Burgers layer group selected, Copy (Control-C) > Paste
(
Control-V), and rename it Salads. We
need four copies for the text layers, so delete group 5 to group 8. Select the
text layers and make the changes, like the image below:

salads layers group

Step 16

For the final group of our Photoshop template, you can
select the layer group Hotdogs and Copy (Control-C) > Paste (Control-V), renaming it Drinks. Select the text layers and
make the changes, like the image below:

drinks layers group

This is the final result of
our menu template:

final result menu template

4. How to Add Graphics and Images

Step 1

Start by opening the Brush.psd file.

Step 2

Make four copies (Control-C) > Paste (Control-V) and place them behind the Main titles, as shown below.

Note: Create a new layer group and call it Graphics. Drag the Brush layers to this layer group.

insert brush and create layer group

Step 3

Open the Graphics.psd file and place the following images:

  • 1 Ice Cubes
  • 1 Coke
  • 3 Arrows
  • 1 Line

You can download the Hotdog image from Unsplash. Arrange all the placed elements in our menu template as
follows:

arrange the placed elements

Step 4

To finish Side 1 of our template, select the Text Tool (T), pick the Caveat font, and type Coke, using the following style for the
text:

  • Font Family: Caveat
  • Font Style: Bold
  • Size: 130 pt
  • Leading: Auto
  • Tracking: 0
pick Caveat font and type Coke

Place it
like the image below:

place the text

Step 5

Use the same font for the $2 price text. For this one, pick the red color. Head over to the Character menu, click on Color, and open the Color Picker window. Use the color
code #b00f23 and click OK.

  • Font Family: Caveat
  • Font Style: Bold
  • Size: 72 pt
  • Leading: Auto
  • Tracking: 0
use color picker to color the text

Place it right below the Coke text, like this:

place the text below the Coke text

Step 6

Select the Text
Tool (T),
pick the Rhesmanisa font, and type, „Try it!” 

Use the following style for the
text:

  • Font Family: Rhesmanisa
  • Font Style: Regular
  • Size: 48 pt
  • Leading: Auto
  • Tracking: 0
select the text tool and pick rhesmanisa font

Step 7

Now, grab the line graphic
you’ve placed before into the menu template, drag it, and place it in the
middle of the left page.

place the line graphic in the middle of the left page

5. How to Make the Inside Left and Right Pages

Step 1

Let’s jump to Side 2 of our Photoshop menu template. Begin by creating a new group layer by pressing Control-G. Call it Side 2.

Step 2

Inside this new layer, hit Control-G and Create a
Layer Group
called Menu. Add
another one and rename it Graphics.

create a layer group

Step 3

Copy the text
elements from Side 1. Click Control-C on the Burgers layer group to
copy, and click the Eye icon on the
Layers panel to hide the Side 1 layer.

use eye icon to hide layer group

And then Control-V to paste it on the left inside
page at the top.

Step 4

Do the same for the
other text elements (Salads and Soups). Our menu layout template should look like
this:

add text elements to salads and soups

Step 5

For the inside right page, you must add the following text group elements:

  • Sandwiches
  • Coffee
  • Desserts
  • Drinks

 Our menu design should look like this:

place text elements inside the right page

Step 6

Organize these new
elements on the Layers panel like this:

organize elements in the layers panel

Step 7

We are almost done.
Finally, let’s add our graphic elements. Hide the Side 2 Layer by pressing the Eye
icon and copy (Control-C) the Graphics layer group.
Hide the Side 1 layer and make Side
2
 visible again with the Eye icon
button. Control-V the Graphics group layer.

add graphics group layer

Step 8

Click File > Place Linked and import the Salad
Image
.

Note: You must remove the image’s background first with
the same method we used for the previous ones.

Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending Options menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

Step 9

Click File > Place Linked and import the Hamburger
Image
. After removing the background, Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending
Options
menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

Step 10

Click File > Place Linked and import the Sandwich
Image
. Do the same here as before. Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending
Options
menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

The image below shows us the arrangement of the elements
on our Photoshop menu template.

place images

Step 11

Back to the Graphics.psd file, copy (Control-C) the layer called Leaf. Go back
to the menu template, Control-V, and
place it next to the Salad image. Grab another Leaf, and place it on the right side of
our menu design, next to the Sandwich image.

Step 12

From the Graphics.psd file, copy the following layers:

  • 1 Beer Glass
  • 1 Barbecue-Sauce
  • 3 arrows
  • 1 Line

Go back to the menu templateControl-V, and arrange them like this:

menu template elements disposition

Step 13

And to finish Side 2, go to Side 1 again and copy (Control-C) the Coke layer—for this one, we need to
change the text to Beer with the Text Tool (T). Add $2 and Try
it!
text layers, and arrange them like this:

add text layers

6. How to Export a Template for Printing

Step 1

You can print a
file from Photoshop by going to File > Print. Click Print

print a file from photoshop

Step 2

You can also export
a file as a PDF for online distributing or printing. Head over to File > Save As. In the Save
As
 option window, name the document Burger Menu Template or Photoshop Menu Template as you wish. Set the
format to Photoshop PDF and
click Save.

save as file

Great Job! You’ve Finished Your Photoshop Burger Menu Template!

In this tutorial,
you learned how to make a burger menu template in Photoshop. Here is what you
have learned how to do:

  • Set up a ready-to-print Photoshop file.
  • Add column guides and Bleeds to the menu design.
  • Use the Text Tool.
  • Organize your work into layer groups.
  • Crop and edit images.
  • Export a PDF file.
outside menu photoshop template
inside menu photoshop template

If you’re looking
for more Photoshop menu templates or menu design ideas, you can find easy-to-edit
professional styles on GraphicRiver and Envato Elements. If you want this Photoshop menu template that we’ve just created,
then grab it from GraphicRiver.

original burguer menu template

If you have any
comments or any doubts, feel free to use the comments section below! I’ll be
glad to help you all!

Looking for more? I recommend the following tutorials:

How to Create a Burger Menu Template in Photoshop

Post pobrano z: How to Create a Burger Menu Template in Photoshop

Final product image
What You’ll Be Creating

This
tutorial shows you how to create a modern-looking burger menu template with Photoshop.
The main purpose of this tutorial is to teach you how to set up a document
ready for print, how to crop an image’s background, how to place graphics and
images into Photoshop, and how to create layers and layer groups.

The menu template we will be creating is a part of Burger Menu Template. If
you want to skip the tutorial and just use this template for your own projects, purchase the Burger Menu Template from GraphicRiver!

original burguer menu template

Let’s
begin!

Tutorial Assets

The
following assets were used during this Photoshop menu template tutorial:

1. How to Set Up a New Document

Step 1

Start
Photoshop and create a new document from the menu: File > New > Document. Set the file to the following
dimensions:

  • Width to 42 cm
  • Height to 29.7 cm
  • Resolution to 300 dpi
  • Color Mode to CMYK
  • Click Create
document set up

Step 2

For the guides, if
you can’t see the rulers, you need to make them visible by pressing Control-R. Now, with your
mouse, drag and drop the first guide down from the top.

using guides in photoshop

Step 3

Do the same for
the bottom. From the left, drag and drop the first guide and place it on the
left side of the menu template, and add another one on the right side. Your menu design should
look like this:

using guides in photoshop

Step 4

Let’s add our bleed marks, which allow us to set up our menu design ready for printing. Go
to Image > Canvas Size. In the
pop-up window, input the following dimensions:

  • Width to 42.6 cm
  • Height to 30.3 cm
  • Click OK
bleeds marks set up document ready for print

Step 5

Since
it’s a bi-fold brochure, we need to add also a guide in the center of the menu layout template.

menu layout template center guide

2. How to Place the Background

For the background,
start by placing our Blackboard Backgound.psd file. Go to File > Place Linked and choose the Blackboard file for the background. 

blackboard background image

While we’re
at it, we might as well just go to the Layers panel and click on the Create a new group button or simply
press Control-G. Double click the
Group 1 text and rename the folder „Background”, and this will be our first layer group created.

create new group layer for the background

3. How to Create the Front and Back Pages

Step 1

Go to Layers and Create a new group, and this time call it Side 1. Create another group, renaming it Right Side. Add two more groups, called Your Logo Here and Graphics.
Select both groups, press and hold the Shift
key, and drag them to the Right Side layer.

create new group layers right side

Step 2

Go to File > Place linked and place the Logo.png file in the center of the menu layout template. 

burguer menu template logo

Step 3

Click the Logo layer and move it to the layers folder called Your Logo Here.

Step 4

For the Graphics layer folder we’ve created, we’ll add some images. Head over
to File > Open. I have this image, but I need to remove the background.

Envato elements picture

For that, we will use the Quick Selection Tool (W) and select only the burger images. 

quick selection tool for background remove

After we finish the selection, just click Select > Modify > Contract and contract by 1 px.

select modify and contract images

Finally, Add Layer mask at the bottom of the Layers. The
background has been removed.

layer mask to remove background

Step 5

Now, Control-C on the image layer, go back to our menu template, and paste it with Control-V. Place it in the bottom right
corner. Finally, drag it to the Graphics
layer folder, rename the layer Burger, and create a group with the same name.

Step 6  

Resize the image by pressing Control-T. Then, go to Edit > Transform > Rotate.
With your mouse, grab the image by the top-right corner and give it a slight
rotation to the left.

resize and rotate image

Step 7

Add
some shadow to the image by Right Clicking and choosing Blending Options > Drop
Shadow
. Just insert the following values:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px
layer style add drop shadow

Go to Image > Adjustments
> Brightness/Contrast and change the Brightness to -15 and the Contrast to +15. Hit OK.

Step 8

Follow the same process with the other burger image, and this time we’ll place it in the
top-left corner of our menu design. Go to Image > Adjustments > Brightness/Contrast and change the Brightness to -15 and
the Contrast to +15. Hit OK.

image adjustments brightness contrast

Step 9

Finally, let’s add three more
images, a Tomato and two Leaves. Drag them to the layers panel,
from the Graphics.psd file.

organize layers panel

And the front page of our Photoshop menu template will look
like this:

front page layout

Step 10

Select the Text Tool (T) from the Toolbar and choose the Bebas Neue font. Select White as the foreground Color from the Toolbar Menu and use the
following style for the Title Burger Layer:

  • Font Family: Bebas Neue
  • Font Style: Bold
  • Size: 48 pt
  • Leading: Auto
  • Tracking: 60

Tip: Go to Window and
select Character from the drop-down
menu to help you out with these settings.

select the text tool and choose Bebas Neue font

Step 11

Again, with the Text Tool (T) selected and the font Wicked
Grit
, for the Subheader title
and the Price on the right, use
these settings:

  • Font Family: Wicked Grit
  • Font Style: Regular
  • Size: 20 pt
  • Leading: Auto
  • Tracking: 0
sub header title text Wicked Grit font

Step 12

For the Main Text, with the Text Tool (T) selected and Averia Sans font, use these settings:

  • Font Family: Averia Sans
  • Font Style: Light Italic
  • Size: 12 pt
  • Leading: 11 pt
  • Tracking: 60
main text averia sans font

Our menu template should look something like
the image below:

burguers layer

Step 13

Group the Title Burger Layer, Subheader title, Price and Main Text with 1. Then Copy the group (Control-C) > Paste (Control-V) seven times and rename each one of them (1, 2, 3, 4, 5, 6, 7, and 8). The  Layers panel will be
organized like the image below.

layers panel organized

And here’s the menu template final result:

menu layout template design

Step 14

With the Burgers layer group selected, Copy (Control-C) > Paste
(
Control-V), and rename it Hotdogs. Change
the name with the Text Tool (T)
selected. For the Hotdogs layer, we need only three copies,
so delete group 4 to group 8. Select the text layers, and make the changes with
the Text Tool (T) selected, like the
image below:

hot dogs layer group

Step 15

Again, with the Burgers layer group selected, Copy (Control-C) > Paste
(
Control-V), and rename it Salads. We
need four copies for the text layers, so delete group 5 to group 8. Select the
text layers and make the changes, like the image below:

salads layers group

Step 16

For the final group of our Photoshop template, you can
select the layer group Hotdogs and Copy (Control-C) > Paste (Control-V), renaming it Drinks. Select the text layers and
make the changes, like the image below:

drinks layers group

This is the final result of
our menu template:

final result menu template

4. How to Add Graphics and Images

Step 1

Start by opening the Brush.psd file.

Step 2

Make four copies (Control-C) > Paste (Control-V) and place them behind the Main titles, as shown below.

Note: Create a new layer group and call it Graphics. Drag the Brush layers to this layer group.

insert brush and create layer group

Step 3

Open the Graphics.psd file and place the following images:

  • 1 Ice Cubes
  • 1 Coke
  • 3 Arrows
  • 1 Line

You can download the Hotdog image from Unsplash. Arrange all the placed elements in our menu template as
follows:

arrange the placed elements

Step 4

To finish Side 1 of our template, select the Text Tool (T), pick the Caveat font, and type Coke, using the following style for the
text:

  • Font Family: Caveat
  • Font Style: Bold
  • Size: 130 pt
  • Leading: Auto
  • Tracking: 0
pick Caveat font and type Coke

Place it
like the image below:

place the text

Step 5

Use the same font for the $2 price text. For this one, pick the red color. Head over to the Character menu, click on Color, and open the Color Picker window. Use the color
code #b00f23 and click OK.

  • Font Family: Caveat
  • Font Style: Bold
  • Size: 72 pt
  • Leading: Auto
  • Tracking: 0
use color picker to color the text

Place it right below the Coke text, like this:

place the text below the Coke text

Step 6

Select the Text
Tool (T),
pick the Rhesmanisa font, and type, „Try it!” 

Use the following style for the
text:

  • Font Family: Rhesmanisa
  • Font Style: Regular
  • Size: 48 pt
  • Leading: Auto
  • Tracking: 0
select the text tool and pick rhesmanisa font

Step 7

Now, grab the line graphic
you’ve placed before into the menu template, drag it, and place it in the
middle of the left page.

place the line graphic in the middle of the left page

5. How to Make the Inside Left and Right Pages

Step 1

Let’s jump to Side 2 of our Photoshop menu template. Begin by creating a new group layer by pressing Control-G. Call it Side 2.

Step 2

Inside this new layer, hit Control-G and Create a
Layer Group
called Menu. Add
another one and rename it Graphics.

create a layer group

Step 3

Copy the text
elements from Side 1. Click Control-C on the Burgers layer group to
copy, and click the Eye icon on the
Layers panel to hide the Side 1 layer.

use eye icon to hide layer group

And then Control-V to paste it on the left inside
page at the top.

Step 4

Do the same for the
other text elements (Salads and Soups). Our menu layout template should look like
this:

add text elements to salads and soups

Step 5

For the inside right page, you must add the following text group elements:

  • Sandwiches
  • Coffee
  • Desserts
  • Drinks

 Our menu design should look like this:

place text elements inside the right page

Step 6

Organize these new
elements on the Layers panel like this:

organize elements in the layers panel

Step 7

We are almost done.
Finally, let’s add our graphic elements. Hide the Side 2 Layer by pressing the Eye
icon and copy (Control-C) the Graphics layer group.
Hide the Side 1 layer and make Side
2
 visible again with the Eye icon
button. Control-V the Graphics group layer.

add graphics group layer

Step 8

Click File > Place Linked and import the Salad
Image
.

Note: You must remove the image’s background first with
the same method we used for the previous ones.

Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending Options menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

Step 9

Click File > Place Linked and import the Hamburger
Image
. After removing the background, Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending
Options
menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

Step 10

Click File > Place Linked and import the Sandwich
Image
. Do the same here as before. Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending
Options
menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

The image below shows us the arrangement of the elements
on our Photoshop menu template.

place images

Step 11

Back to the Graphics.psd file, copy (Control-C) the layer called Leaf. Go back
to the menu template, Control-V, and
place it next to the Salad image. Grab another Leaf, and place it on the right side of
our menu design, next to the Sandwich image.

Step 12

From the Graphics.psd file, copy the following layers:

  • 1 Beer Glass
  • 1 Barbecue-Sauce
  • 3 arrows
  • 1 Line

Go back to the menu templateControl-V, and arrange them like this:

menu template elements disposition

Step 13

And to finish Side 2, go to Side 1 again and copy (Control-C) the Coke layer—for this one, we need to
change the text to Beer with the Text Tool (T). Add $2 and Try
it!
text layers, and arrange them like this:

add text layers

6. How to Export a Template for Printing

Step 1

You can print a
file from Photoshop by going to File > Print. Click Print

print a file from photoshop

Step 2

You can also export
a file as a PDF for online distributing or printing. Head over to File > Save As. In the Save
As
 option window, name the document Burger Menu Template or Photoshop Menu Template as you wish. Set the
format to Photoshop PDF and
click Save.

save as file

Great Job! You’ve Finished Your Photoshop Burger Menu Template!

In this tutorial,
you learned how to make a burger menu template in Photoshop. Here is what you
have learned how to do:

  • Set up a ready-to-print Photoshop file.
  • Add column guides and Bleeds to the menu design.
  • Use the Text Tool.
  • Organize your work into layer groups.
  • Crop and edit images.
  • Export a PDF file.
outside menu photoshop template
inside menu photoshop template

If you’re looking
for more Photoshop menu templates or menu design ideas, you can find easy-to-edit
professional styles on GraphicRiver and Envato Elements. If you want this Photoshop menu template that we’ve just created,
then grab it from GraphicRiver.

original burguer menu template

If you have any
comments or any doubts, feel free to use the comments section below! I’ll be
glad to help you all!

Looking for more? I recommend the following tutorials:

How to Create a Burger Menu Template in Photoshop

Post pobrano z: How to Create a Burger Menu Template in Photoshop

Final product image
What You’ll Be Creating

This
tutorial shows you how to create a modern-looking burger menu template with Photoshop.
The main purpose of this tutorial is to teach you how to set up a document
ready for print, how to crop an image’s background, how to place graphics and
images into Photoshop, and how to create layers and layer groups.

The menu template we will be creating is a part of Burger Menu Template. If
you want to skip the tutorial and just use this template for your own projects, purchase the Burger Menu Template from GraphicRiver!

original burguer menu template

Let’s
begin!

Tutorial Assets

The
following assets were used during this Photoshop menu template tutorial:

1. How to Set Up a New Document

Step 1

Start
Photoshop and create a new document from the menu: File > New > Document. Set the file to the following
dimensions:

  • Width to 42 cm
  • Height to 29.7 cm
  • Resolution to 300 dpi
  • Color Mode to CMYK
  • Click Create
document set up

Step 2

For the guides, if
you can’t see the rulers, you need to make them visible by pressing Control-R. Now, with your
mouse, drag and drop the first guide down from the top.

using guides in photoshop

Step 3

Do the same for
the bottom. From the left, drag and drop the first guide and place it on the
left side of the menu template, and add another one on the right side. Your menu design should
look like this:

using guides in photoshop

Step 4

Let’s add our bleed marks, which allow us to set up our menu design ready for printing. Go
to Image > Canvas Size. In the
pop-up window, input the following dimensions:

  • Width to 42.6 cm
  • Height to 30.3 cm
  • Click OK
bleeds marks set up document ready for print

Step 5

Since
it’s a bi-fold brochure, we need to add also a guide in the center of the menu layout template.

menu layout template center guide

2. How to Place the Background

For the background,
start by placing our Blackboard Backgound.psd file. Go to File > Place Linked and choose the Blackboard file for the background. 

blackboard background image

While we’re
at it, we might as well just go to the Layers panel and click on the Create a new group button or simply
press Control-G. Double click the
Group 1 text and rename the folder „Background”, and this will be our first layer group created.

create new group layer for the background

3. How to Create the Front and Back Pages

Step 1

Go to Layers and Create a new group, and this time call it Side 1. Create another group, renaming it Right Side. Add two more groups, called Your Logo Here and Graphics.
Select both groups, press and hold the Shift
key, and drag them to the Right Side layer.

create new group layers right side

Step 2

Go to File > Place linked and place the Logo.png file in the center of the menu layout template. 

burguer menu template logo

Step 3

Click the Logo layer and move it to the layers folder called Your Logo Here.

Step 4

For the Graphics layer folder we’ve created, we’ll add some images. Head over
to File > Open. I have this image, but I need to remove the background.

Envato elements picture

For that, we will use the Quick Selection Tool (W) and select only the burger images. 

quick selection tool for background remove

After we finish the selection, just click Select > Modify > Contract and contract by 1 px.

select modify and contract images

Finally, Add Layer mask at the bottom of the Layers. The
background has been removed.

layer mask to remove background

Step 5

Now, Control-C on the image layer, go back to our menu template, and paste it with Control-V. Place it in the bottom right
corner. Finally, drag it to the Graphics
layer folder, rename the layer Burger, and create a group with the same name.

Step 6  

Resize the image by pressing Control-T. Then, go to Edit > Transform > Rotate.
With your mouse, grab the image by the top-right corner and give it a slight
rotation to the left.

resize and rotate image

Step 7

Add
some shadow to the image by Right Clicking and choosing Blending Options > Drop
Shadow
. Just insert the following values:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px
layer style add drop shadow

Go to Image > Adjustments
> Brightness/Contrast and change the Brightness to -15 and the Contrast to +15. Hit OK.

Step 8

Follow the same process with the other burger image, and this time we’ll place it in the
top-left corner of our menu design. Go to Image > Adjustments > Brightness/Contrast and change the Brightness to -15 and
the Contrast to +15. Hit OK.

image adjustments brightness contrast

Step 9

Finally, let’s add three more
images, a Tomato and two Leaves. Drag them to the layers panel,
from the Graphics.psd file.

organize layers panel

And the front page of our Photoshop menu template will look
like this:

front page layout

Step 10

Select the Text Tool (T) from the Toolbar and choose the Bebas Neue font. Select White as the foreground Color from the Toolbar Menu and use the
following style for the Title Burger Layer:

  • Font Family: Bebas Neue
  • Font Style: Bold
  • Size: 48 pt
  • Leading: Auto
  • Tracking: 60

Tip: Go to Window and
select Character from the drop-down
menu to help you out with these settings.

select the text tool and choose Bebas Neue font

Step 11

Again, with the Text Tool (T) selected and the font Wicked
Grit
, for the Subheader title
and the Price on the right, use
these settings:

  • Font Family: Wicked Grit
  • Font Style: Regular
  • Size: 20 pt
  • Leading: Auto
  • Tracking: 0
sub header title text Wicked Grit font

Step 12

For the Main Text, with the Text Tool (T) selected and Averia Sans font, use these settings:

  • Font Family: Averia Sans
  • Font Style: Light Italic
  • Size: 12 pt
  • Leading: 11 pt
  • Tracking: 60
main text averia sans font

Our menu template should look something like
the image below:

burguers layer

Step 13

Group the Title Burger Layer, Subheader title, Price and Main Text with 1. Then Copy the group (Control-C) > Paste (Control-V) seven times and rename each one of them (1, 2, 3, 4, 5, 6, 7, and 8). The  Layers panel will be
organized like the image below.

layers panel organized

And here’s the menu template final result:

menu layout template design

Step 14

With the Burgers layer group selected, Copy (Control-C) > Paste
(
Control-V), and rename it Hotdogs. Change
the name with the Text Tool (T)
selected. For the Hotdogs layer, we need only three copies,
so delete group 4 to group 8. Select the text layers, and make the changes with
the Text Tool (T) selected, like the
image below:

hot dogs layer group

Step 15

Again, with the Burgers layer group selected, Copy (Control-C) > Paste
(
Control-V), and rename it Salads. We
need four copies for the text layers, so delete group 5 to group 8. Select the
text layers and make the changes, like the image below:

salads layers group

Step 16

For the final group of our Photoshop template, you can
select the layer group Hotdogs and Copy (Control-C) > Paste (Control-V), renaming it Drinks. Select the text layers and
make the changes, like the image below:

drinks layers group

This is the final result of
our menu template:

final result menu template

4. How to Add Graphics and Images

Step 1

Start by opening the Brush.psd file.

Step 2

Make four copies (Control-C) > Paste (Control-V) and place them behind the Main titles, as shown below.

Note: Create a new layer group and call it Graphics. Drag the Brush layers to this layer group.

insert brush and create layer group

Step 3

Open the Graphics.psd file and place the following images:

  • 1 Ice Cubes
  • 1 Coke
  • 3 Arrows
  • 1 Line

You can download the Hotdog image from Unsplash. Arrange all the placed elements in our menu template as
follows:

arrange the placed elements

Step 4

To finish Side 1 of our template, select the Text Tool (T), pick the Caveat font, and type Coke, using the following style for the
text:

  • Font Family: Caveat
  • Font Style: Bold
  • Size: 130 pt
  • Leading: Auto
  • Tracking: 0
pick Caveat font and type Coke

Place it
like the image below:

place the text

Step 5

Use the same font for the $2 price text. For this one, pick the red color. Head over to the Character menu, click on Color, and open the Color Picker window. Use the color
code #b00f23 and click OK.

  • Font Family: Caveat
  • Font Style: Bold
  • Size: 72 pt
  • Leading: Auto
  • Tracking: 0
use color picker to color the text

Place it right below the Coke text, like this:

place the text below the Coke text

Step 6

Select the Text
Tool (T),
pick the Rhesmanisa font, and type, „Try it!” 

Use the following style for the
text:

  • Font Family: Rhesmanisa
  • Font Style: Regular
  • Size: 48 pt
  • Leading: Auto
  • Tracking: 0
select the text tool and pick rhesmanisa font

Step 7

Now, grab the line graphic
you’ve placed before into the menu template, drag it, and place it in the
middle of the left page.

place the line graphic in the middle of the left page

5. How to Make the Inside Left and Right Pages

Step 1

Let’s jump to Side 2 of our Photoshop menu template. Begin by creating a new group layer by pressing Control-G. Call it Side 2.

Step 2

Inside this new layer, hit Control-G and Create a
Layer Group
called Menu. Add
another one and rename it Graphics.

create a layer group

Step 3

Copy the text
elements from Side 1. Click Control-C on the Burgers layer group to
copy, and click the Eye icon on the
Layers panel to hide the Side 1 layer.

use eye icon to hide layer group

And then Control-V to paste it on the left inside
page at the top.

Step 4

Do the same for the
other text elements (Salads and Soups). Our menu layout template should look like
this:

add text elements to salads and soups

Step 5

For the inside right page, you must add the following text group elements:

  • Sandwiches
  • Coffee
  • Desserts
  • Drinks

 Our menu design should look like this:

place text elements inside the right page

Step 6

Organize these new
elements on the Layers panel like this:

organize elements in the layers panel

Step 7

We are almost done.
Finally, let’s add our graphic elements. Hide the Side 2 Layer by pressing the Eye
icon and copy (Control-C) the Graphics layer group.
Hide the Side 1 layer and make Side
2
 visible again with the Eye icon
button. Control-V the Graphics group layer.

add graphics group layer

Step 8

Click File > Place Linked and import the Salad
Image
.

Note: You must remove the image’s background first with
the same method we used for the previous ones.

Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending Options menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

Step 9

Click File > Place Linked and import the Hamburger
Image
. After removing the background, Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending
Options
menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

Step 10

Click File > Place Linked and import the Sandwich
Image
. Do the same here as before. Control-T to resize it and hit Enter.
Double-click
on the layer to open the Blending
Options
menu, and add a Drop Shadow with the following
settings:

  • Blend ModeMultiply
  • Opacity75%
  • Angle: 90 degrees
  • Distance83 px
  • Size73 px

The image below shows us the arrangement of the elements
on our Photoshop menu template.

place images

Step 11

Back to the Graphics.psd file, copy (Control-C) the layer called Leaf. Go back
to the menu template, Control-V, and
place it next to the Salad image. Grab another Leaf, and place it on the right side of
our menu design, next to the Sandwich image.

Step 12

From the Graphics.psd file, copy the following layers:

  • 1 Beer Glass
  • 1 Barbecue-Sauce
  • 3 arrows
  • 1 Line

Go back to the menu templateControl-V, and arrange them like this:

menu template elements disposition

Step 13

And to finish Side 2, go to Side 1 again and copy (Control-C) the Coke layer—for this one, we need to
change the text to Beer with the Text Tool (T). Add $2 and Try
it!
text layers, and arrange them like this:

add text layers

6. How to Export a Template for Printing

Step 1

You can print a
file from Photoshop by going to File > Print. Click Print

print a file from photoshop

Step 2

You can also export
a file as a PDF for online distributing or printing. Head over to File > Save As. In the Save
As
 option window, name the document Burger Menu Template or Photoshop Menu Template as you wish. Set the
format to Photoshop PDF and
click Save.

save as file

Great Job! You’ve Finished Your Photoshop Burger Menu Template!

In this tutorial,
you learned how to make a burger menu template in Photoshop. Here is what you
have learned how to do:

  • Set up a ready-to-print Photoshop file.
  • Add column guides and Bleeds to the menu design.
  • Use the Text Tool.
  • Organize your work into layer groups.
  • Crop and edit images.
  • Export a PDF file.
outside menu photoshop template
inside menu photoshop template

If you’re looking
for more Photoshop menu templates or menu design ideas, you can find easy-to-edit
professional styles on GraphicRiver and Envato Elements. If you want this Photoshop menu template that we’ve just created,
then grab it from GraphicRiver.

original burguer menu template

If you have any
comments or any doubts, feel free to use the comments section below! I’ll be
glad to help you all!

Looking for more? I recommend the following tutorials:

How to Create a Church Newsletter Template in InDesign

Post pobrano z: How to Create a Church Newsletter Template in InDesign

Final product image
What You’ll Be Creating

In this tutorial, you’ll learn how to create a four-page newsletter template. We’ll put this template together in no time, and you’ll be able to reuse it for your future projects. 

Newsletter templates are great to communicate with your community and update them of the latest events. This clean, high-quality, professional newsletter will make the process much easier. 

In this tutorial, you’ll learn how to create a newsletter template that will make it easier for you and any user to edit. You’ll be able to change anything from colors to fonts and images. We’ll create an asymmetrical layout for each page, which will set you apart from other normal newsletter templates. We’ll take a look at essential tools you need to know in InDesign that will help you in the future.

In a hurry? We’ve got amazing InDesign newsletter templates and church newsletter template over at Envato Elements and GraphicRiver. Go check them out! 

What You Will Need for Your Church Newsletter Template

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

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

1. Setting Up Your Church Newsletter Template File

Step 1

In InDesign, go to File > New. In the New Document window, select the Print tab. Choose A4 from the Blank Document Presets. Name the document Church Newsletter Template. Customize the newsletter format with the following options:

  • Width to 21 cm
  • Height to 29.7 cm
  • Orientation to Portrait
  • Units to Centimeters
  • Pages to 4
  • Check Facing Pages
  • Columns to 6
  • Column Gutter to 0.5 cm
  • Margins: set the Top margin to 2 cm. Set the Bottom, Outside and Inside margin to 1 cm. 
  • Bleeds to 0.3 cm (it’s best to seek your professional printer’s preference)

Click Create.

Create a new Church newsletter template and use these newsletter format

Step 2

For this church newsletter template, we will work with three Layers. Organizing layers is an important practice when designing a newsletter template as they will make it easier for users to edit.

Bring up the Layers panel by going to Window > Layers. Double-click on Layer 1 and rename it Background. 

On the Layers panel main menu, select New Layer. Name it Images. Click OK.

Additionally, create a new layer named Copy. Click OK.

create new layers on the newsletter design

Step 3

Let’s add some color swatches to our newsletter design. Head over to Window > Color > Swatches to expand the Swatches panel. Choose New Color Swatch from the main menu. Set the Swatch Name and values to the following: 

  • Sand: C=4 M=3 Y=4 K=0 
  • Orange: C=0 M=75 Y=75 K=0
  • Purple: C=100 M=100 Y=20 K=15

Click Add and OK after you input each color value.

Add color swatches on the newsletter design

Step 4

For this newsletter tutorial, we’ll create a drop cap at the beginning of an article. Drop caps help emphasize the beginning of a story and let the reader know when they are starting a new article. 

Head over to Window > Styles > Character Styles. On the Character Styles panel, add a new style and double-click to open the options window. In the Character Styles Options window, set the Style Name to Drop Cap. Use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 9 pt

Select the Character Color option from the menu on the left side. Select the orange color. Click OK.

add a drop cap character style to the newsletter template

Step 5

For this newsletter design tutorial, we will create a list of Paragraph Styles that we will use to format the portfolio design template. 

Head over to Window > Styles > Paragraph Styles to open the Paragraph Styles panel. On the main menu, select New Paragraph Style, setting the Style Name to Folio. Select the Basic Character Formats option from the left side menu. Use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 8 pt
  • Tracking: 100

Click OK.

add paragraph styles to the newsletter design template

Create a New Paragraph Style, setting the Style Name to Drop Cap. Here, we’ll set the values for the copy as the drop cap style also covers the contents in the first paragraph. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Regular
  • Size: 9 pt

Select the Indents and Spacing option from the menu on the left side. Set the Align to Grid option to All Lines (this will help keep each line of text at the same level).

Select Drop Caps and Nested Styles from the menu on the left side. Under Drop Caps, use the following settings:

  • Lines number to 4
  • Characters to 1

On the Character Style dropdown menu, select Drop Cap. Click OK. 

Create a New Paragraph Style, setting the Style Name to Copy. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Regular
  • Size: 9 pt

Select the Indents and Spacing option from the menu on the left side. Use the following settings:

  • Alignment to Left Justify
  • First Line Indent to 0.5
  • Align to Grid: All Lines (this will help keep each line of text at the same level) 

Click OK.

Create a New Paragraph Style, setting the Style Name to Intro. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Medium
  • Size: 15 pt
  • Leading: 17 pt
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the orange swatch. Click OK.

Create a New Paragraph Style, setting the Style Name to Headline. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: ExtraBold
  • Size: 39 pt
  • Leading: 40 pt
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the purple swatch. Click OK.

Create a New Paragraph Style, setting the Style Name to Caption. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Medium
  • Size: 8 pt
  • Leading: Auto
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the orange swatch. Click OK.

add all the paragraph styles to format the newsletter design

Step 6

We’ll alter the baseline grids to fit our newsletter layout. Open the Preferences window by going to Indesign CC > Preferences > Grids. Under Baseline Grid, set the Start of the grid to 0 cm, and set the Relative to option to Top Margin and the Increment to 10.8 pt. Click OK. 

To Show and Hide the baseline grid, press Option-Command-‘.

change the baseline grids to fit the newsletter layout

2. Setting Up Master Pages for Your Church Newsletter Template

Step 1

On the Layers panel, select the Copy layer.

Using the Text Tool (T), create a text frame in the top left corner of the left hand side newsletter design. Aim to start at 1 cm on the x-axis, using the Control panel to guide you.

To add a page number, right-click while in the text frame and select Insert Special Character > Markers > Current Page Number. The A symbolizes the page number. Add a space and bullet point by right-clicking on the frame and selecting Insert Special Character > Symbols > Bullet Character. In all caps, add the name of your company or church, followed by a bullet point and a section name. 

add a folio to the newsletter design

Step 2

Using the Paragraph Styles, set the text frame to the Folio style. 

Select the A and set the Font Style to Extra Bold. Change the color of Section on the Swatches panel to orange. This will help emphasize it. 

format the folio with the paragraph styles panel

Step 3

Using the Line Tool (/), create a horizontal line under the folio that goes from margin to margin on the newsletter layout. 

On the Stroke panel (Window > Stroke), set the Weight to 0.5 pt. 

create a stroke across the page on the newsletter layout

Step 4

Select both items, the folio and the stroke. To Duplicate the items, press Option-Shift and drag towards the right page of the newsletter layout. By pressing Shift, you should be able to keep the x-axis alignment across the page. 

Set the text frame to Align Right on the Control panel. We want this folio to mirror the one on the left side of the newsletter layout. The page number should be on the outside of the page. Swap the position of the page number with the section. 

duplicate the folio on the opposite page of the newsletter design

Step 5

On the Pages panel, drag the A-Master pages over pages 2-4 of the newsletter design. This will Apply this Master to those pages. Apply [None] to page 1. 

Apply the master page to newsletter layout

3. Designing the Cover for Your Church Newsletter Template

Step 1

On the Layers panel, select the Background layer.

Using the Rectangle Tool (M), create a rectangle that measures 21.6 cm in Width and 6.5 cm in Height. 

Using the Swatches panel, set the color to the Sand swatch.

Place the rectangle at the very top of the cover of the newsletter design.

create a rectangle on the top of the newsletter template

Step 2

On the Layers panel, lock the Background layer and select the Copy layer.

Using the Text Tool (T), create a text box at the top of the page and add „Newsletter” as the content. With the Text Tool selected, head over to the Control panel and set the text to Align Center. Use the following settings:

  • Font Family: Sentral
  • Font Style: Extra Bold
  • Size: 75 pt
  • Tracking: -25

On the Swatches panel, set the color of the content to Purple. 

add a title to the cover of the church newsletter template

Step 3

Using the Text Tool (T), create a second text frame under the title. Here, add the name of the church or company followed by a bullet point to make a clear separation. Add a date or issue number for the newsletter template. 

With the Text Tool selected, head over to the Control panel and set the text to Align Center. Use the following settings:

  • Font Family: Sentral
  • Font Style: Extra Bold
  • Size: 12 pt
  • Tracking: 60

On the Swatches panel, set the color of the content to Orange.

add a company or church name and an issue number

Step 4

Using the Line Tool (/), create two strokes that extend from margin to margin. Place one stroke under „Newsletter” and the second stroke under the issue number.  

Using the Stroke panel (Windows > Stroke), set the first stroke to 0.5 pt and the second stroke to 2 pt. 

create strokes over and under the last text frame

Step 5

Using the Text Tool (T), create a text frame under the last stroke. Press Command-B to open the Text Frame Options window. Here, set the Number of Columns to 5 and the Gutter to 0.5 cm. Click OK.

create a text frame under the last stroke and add 5 columns

This text frame is a great opportunity to create a small table of contents. Add the number of the page, the section, and the title of the story so it is easy to find. While selecting the Text Tool (T), head over to the Control panel and use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 8 pt

Feel free to use different font styles to create a hierarchy between the section titles and story titles inside the newsletter design. Using the Swatches panel, set the color of the page number and the section title to Orange. Use [Black] for the headlines. 

You can add a small table of contents

Step 6

Using the Line Tool (/), create a vertical stroke between each column of the small table of contents. Use the gutter between each column on the newsletter layout as a guide to place the stroke. 

On the Stroke panel, set the Weight to 0.75 pt and the Type to Dotted. 

add a stroke between each column of the table of contents

Step 7

To Place an image on the newsletter design, press Command-D. Navigate to the People reading in a circle and click Open. 

Draw the image frame under the title and cover the width of the page. 

place an image on the cover

Step 8

Using the Text Tool (T), create a text frame under the image. Use the columns we created at the beginning of the tutorial and extend the text frame to the fourth column. 

Add a headline and use the Headline style from the Paragraph Styles panel to style the frame.

add a headline under the image

Open the Text Wrap panel (Window > Text Wrap) and select the text frame. Select the Wrap Around Bounding Box button and set the bottom Offset to 1 cm. 

offset the bottom of the text frame by 1 cm

Step 9

Create a second text frame with the Text Tool (T). This time, make the width extend to the second column. Add an intro paragraph and use the Intro style from the Paragraph Styles panel to style the frame. 

Place this frame at the bottom left of the cover page of the newsletter design.

add an intro under the headline on the cover of the newsletter design

Step 10

Create a text frame that covers the last four columns of the newsletter template cover. This frame is for the copy, and the headline won’t interfere as we used the Text Wrap panel to make room for it. 

Add copy and set the first paragraph to the Drop Cap style from the Paragraph Style panel. Set the rest of the copy to the Copy style. 

create a text frame that cover the last four columns of the cover

Step 11

To create a neat newsletter layout, add two strokes between the intro and text frames. Use the Line Tool (/) and set the Weight to 0.25 pt. 

add strokes between the body copy frames to polish off the newsletter design

4. Designing the Interior of Your Church Newsletter Template

Step 1

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

For this page, we’ll play with the six columns we created at the beginning of this tutorial. We’ll use multiple column widths to create asymmetrical layouts. 

Using the Text Tool (T), create two text frames for the headline and intro. Use the Paragraph Styles panel to style both to the Headline and Intro styles. 

create two text frames for the headline and intro

Step 2

Place the Black middle aged man carrying his son image by pressing Command-D and clicking Open. Place it under the intro but aligned to the right margin. Use about four columns for the width of the image. 

place an image under the intro

Step 3

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm. 

use the text wrap panel with the image

Step 4

Create a text frame under the intro. Extend the width to the third column and the length to the bottom of the page. 

Create another text frame under the image. This time, leave a column between the two text frames and cover only the last two columns in width. 

Add content and use the Paragraph Styles panel to style it. Use the Drop Cap and Copy styles. 

create two text frames for the body copy

Step 5

Using the Text Tool (T), add a text frame in the single column we left between the two copy text frames. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt. 

add a caption and strokes between the text frames

Step 6

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

Using the Text Tool (T), create a text frame for the headline. Use the Paragraph Styles panel to style both to the Headline style. We’ll add an intro later.

Place the Man during a religious pilgrimage by pressing Command-D and clicking Open. Place the image under the headline, aligned to the left margin. 

Make the image frame smaller than the actual image. For this, head over to the Control panel and set the Width to 10.8 cm and the Height to 9.3 cm. 

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm.

add a text frame for a headline and place an image under it

Step 7

Create a text frame that starts on the second column and extends to the right edge of the image. Here, add intro content and use the Intro style from the Paragraph Styles panel. 

While selecting the frame, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Bottom Offset to 1 cm.

add an intro under the image and use the text wrap panel to offset the bottom

Step 8

Using the Text Tool (T), create a single text frame that starts on the second column and extends to the last column. As far as height goes, start under the headline and extend to the bottom margin. 

While selecting the frame, press Command-B to open the Text Frame Options window. There, set the Number of Columns to 2 and the Gutter to 0.5 cm. 

Add copy and use the Paragraph Styles panel to style the frame. Use the Drop Cap and Copy styles. 

add a text frame for the body copy

Step 9

Using the Text Tool (T), add a text frame in the single empty column on the very left side of the page. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

add a caption text frame under the image

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt.

add strokes in between the text frames

5. Designing the Back Cover of Your InDesign Portfolio Template

Step 1

Using the Rectangle Tool (M), create a background on the whole page. Select the Sand swatch from the Swatches panel. 

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

Using the Text Tool (T), create two text frames for the headline and intro. This time, use only the first four columns for both frames. Use the Paragraph Styles panel to style both to the Headline and Intro styles. 

add a background headline and intro the page

Step 2

Place the African American male hands resting on an open bible image by pressing Command-D and clicking Open. Drag the image frame to take up the width of three columns. Place the image on the right side of the page and towards the bottom of the page, as shown in the image below. 

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm.

place an image under the intro

Step 3

Using the Text Tool (T), create a single text frame on the first three columns. Start the text frame at the same level as the image and extend to the bottom of the page. 

Leave a column between this and create another text frame. This time, start the frame at the very top of the page and extend it to the bottom. 

Add copy and use the Paragraph Styles panel to style the frame. Use the Drop Cap and Copy styles. 

create two text frames for body copy on the page

Step 4

Using the Text Tool (T), add a text frame in the single column we left on the very left side of the page. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

place a caption text frame between the two body copy frames

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt.

add strokes for a clean look

6. How to Export a File for Printing

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

Step 1

To export the file, go to File > Export. Name the file Church Newsletter template and choose Adobe PDF (Print) from the Format dropdown menu. Click Save. 

export the church newsletter template

Step 2

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

select press quality from the adobe pdf preset

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

check all printers marks and document bleed settings

Great Job! You’ve Finished This Tutorial!

In this tutorial, you learned how to create a newsletter template. The essential tools you learned today will help you properly set up all your future InDesign templates. Today, you learned to:

  • set up a ready-to-print InDesign file
  • add Layers to keep your file organized
  • create Color Swatches that you can easily change
  • set up Paragraph Styles to help you format the template
  • use the Text Wrap panel to offset text
  • design an asymmetrical newsletter layout

If you are new to InDesign and need an InDesign newsletter template or newsletter template ideas, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this tutorial, you might like these:

How to Create a Church Newsletter Template in InDesign

Post pobrano z: How to Create a Church Newsletter Template in InDesign

Final product image
What You’ll Be Creating

In this tutorial, you’ll learn how to create a four-page newsletter template. We’ll put this template together in no time, and you’ll be able to reuse it for your future projects. 

Newsletter templates are great to communicate with your community and update them of the latest events. This clean, high-quality, professional newsletter will make the process much easier. 

In this tutorial, you’ll learn how to create a newsletter template that will make it easier for you and any user to edit. You’ll be able to change anything from colors to fonts and images. We’ll create an asymmetrical layout for each page, which will set you apart from other normal newsletter templates. We’ll take a look at essential tools you need to know in InDesign that will help you in the future.

In a hurry? We’ve got amazing InDesign newsletter templates and church newsletter template over at Envato Elements and GraphicRiver. Go check them out! 

What You Will Need for Your Church Newsletter Template

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

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

1. Setting Up Your Church Newsletter Template File

Step 1

In InDesign, go to File > New. In the New Document window, select the Print tab. Choose A4 from the Blank Document Presets. Name the document Church Newsletter Template. Customize the newsletter format with the following options:

  • Width to 21 cm
  • Height to 29.7 cm
  • Orientation to Portrait
  • Units to Centimeters
  • Pages to 4
  • Check Facing Pages
  • Columns to 6
  • Column Gutter to 0.5 cm
  • Margins: set the Top margin to 2 cm. Set the Bottom, Outside and Inside margin to 1 cm. 
  • Bleeds to 0.3 cm (it’s best to seek your professional printer’s preference)

Click Create.

Create a new Church newsletter template and use these newsletter format

Step 2

For this church newsletter template, we will work with three Layers. Organizing layers is an important practice when designing a newsletter template as they will make it easier for users to edit.

Bring up the Layers panel by going to Window > Layers. Double-click on Layer 1 and rename it Background. 

On the Layers panel main menu, select New Layer. Name it Images. Click OK.

Additionally, create a new layer named Copy. Click OK.

create new layers on the newsletter design

Step 3

Let’s add some color swatches to our newsletter design. Head over to Window > Color > Swatches to expand the Swatches panel. Choose New Color Swatch from the main menu. Set the Swatch Name and values to the following: 

  • Sand: C=4 M=3 Y=4 K=0 
  • Orange: C=0 M=75 Y=75 K=0
  • Purple: C=100 M=100 Y=20 K=15

Click Add and OK after you input each color value.

Add color swatches on the newsletter design

Step 4

For this newsletter tutorial, we’ll create a drop cap at the beginning of an article. Drop caps help emphasize the beginning of a story and let the reader know when they are starting a new article. 

Head over to Window > Styles > Character Styles. On the Character Styles panel, add a new style and double-click to open the options window. In the Character Styles Options window, set the Style Name to Drop Cap. Use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 9 pt

Select the Character Color option from the menu on the left side. Select the orange color. Click OK.

add a drop cap character style to the newsletter template

Step 5

For this newsletter design tutorial, we will create a list of Paragraph Styles that we will use to format the portfolio design template. 

Head over to Window > Styles > Paragraph Styles to open the Paragraph Styles panel. On the main menu, select New Paragraph Style, setting the Style Name to Folio. Select the Basic Character Formats option from the left side menu. Use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 8 pt
  • Tracking: 100

Click OK.

add paragraph styles to the newsletter design template

Create a New Paragraph Style, setting the Style Name to Drop Cap. Here, we’ll set the values for the copy as the drop cap style also covers the contents in the first paragraph. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Regular
  • Size: 9 pt

Select the Indents and Spacing option from the menu on the left side. Set the Align to Grid option to All Lines (this will help keep each line of text at the same level).

Select Drop Caps and Nested Styles from the menu on the left side. Under Drop Caps, use the following settings:

  • Lines number to 4
  • Characters to 1

On the Character Style dropdown menu, select Drop Cap. Click OK. 

Create a New Paragraph Style, setting the Style Name to Copy. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Regular
  • Size: 9 pt

Select the Indents and Spacing option from the menu on the left side. Use the following settings:

  • Alignment to Left Justify
  • First Line Indent to 0.5
  • Align to Grid: All Lines (this will help keep each line of text at the same level) 

Click OK.

Create a New Paragraph Style, setting the Style Name to Intro. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Medium
  • Size: 15 pt
  • Leading: 17 pt
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the orange swatch. Click OK.

Create a New Paragraph Style, setting the Style Name to Headline. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: ExtraBold
  • Size: 39 pt
  • Leading: 40 pt
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the purple swatch. Click OK.

Create a New Paragraph Style, setting the Style Name to Caption. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Medium
  • Size: 8 pt
  • Leading: Auto
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the orange swatch. Click OK.

add all the paragraph styles to format the newsletter design

Step 6

We’ll alter the baseline grids to fit our newsletter layout. Open the Preferences window by going to Indesign CC > Preferences > Grids. Under Baseline Grid, set the Start of the grid to 0 cm, and set the Relative to option to Top Margin and the Increment to 10.8 pt. Click OK. 

To Show and Hide the baseline grid, press Option-Command-‘.

change the baseline grids to fit the newsletter layout

2. Setting Up Master Pages for Your Church Newsletter Template

Step 1

On the Layers panel, select the Copy layer.

Using the Text Tool (T), create a text frame in the top left corner of the left hand side newsletter design. Aim to start at 1 cm on the x-axis, using the Control panel to guide you.

To add a page number, right-click while in the text frame and select Insert Special Character > Markers > Current Page Number. The A symbolizes the page number. Add a space and bullet point by right-clicking on the frame and selecting Insert Special Character > Symbols > Bullet Character. In all caps, add the name of your company or church, followed by a bullet point and a section name. 

add a folio to the newsletter design

Step 2

Using the Paragraph Styles, set the text frame to the Folio style. 

Select the A and set the Font Style to Extra Bold. Change the color of Section on the Swatches panel to orange. This will help emphasize it. 

format the folio with the paragraph styles panel

Step 3

Using the Line Tool (/), create a horizontal line under the folio that goes from margin to margin on the newsletter layout. 

On the Stroke panel (Window > Stroke), set the Weight to 0.5 pt. 

create a stroke across the page on the newsletter layout

Step 4

Select both items, the folio and the stroke. To Duplicate the items, press Option-Shift and drag towards the right page of the newsletter layout. By pressing Shift, you should be able to keep the x-axis alignment across the page. 

Set the text frame to Align Right on the Control panel. We want this folio to mirror the one on the left side of the newsletter layout. The page number should be on the outside of the page. Swap the position of the page number with the section. 

duplicate the folio on the opposite page of the newsletter design

Step 5

On the Pages panel, drag the A-Master pages over pages 2-4 of the newsletter design. This will Apply this Master to those pages. Apply [None] to page 1. 

Apply the master page to newsletter layout

3. Designing the Cover for Your Church Newsletter Template

Step 1

On the Layers panel, select the Background layer.

Using the Rectangle Tool (M), create a rectangle that measures 21.6 cm in Width and 6.5 cm in Height. 

Using the Swatches panel, set the color to the Sand swatch.

Place the rectangle at the very top of the cover of the newsletter design.

create a rectangle on the top of the newsletter template

Step 2

On the Layers panel, lock the Background layer and select the Copy layer.

Using the Text Tool (T), create a text box at the top of the page and add „Newsletter” as the content. With the Text Tool selected, head over to the Control panel and set the text to Align Center. Use the following settings:

  • Font Family: Sentral
  • Font Style: Extra Bold
  • Size: 75 pt
  • Tracking: -25

On the Swatches panel, set the color of the content to Purple. 

add a title to the cover of the church newsletter template

Step 3

Using the Text Tool (T), create a second text frame under the title. Here, add the name of the church or company followed by a bullet point to make a clear separation. Add a date or issue number for the newsletter template. 

With the Text Tool selected, head over to the Control panel and set the text to Align Center. Use the following settings:

  • Font Family: Sentral
  • Font Style: Extra Bold
  • Size: 12 pt
  • Tracking: 60

On the Swatches panel, set the color of the content to Orange.

add a company or church name and an issue number

Step 4

Using the Line Tool (/), create two strokes that extend from margin to margin. Place one stroke under „Newsletter” and the second stroke under the issue number.  

Using the Stroke panel (Windows > Stroke), set the first stroke to 0.5 pt and the second stroke to 2 pt. 

create strokes over and under the last text frame

Step 5

Using the Text Tool (T), create a text frame under the last stroke. Press Command-B to open the Text Frame Options window. Here, set the Number of Columns to 5 and the Gutter to 0.5 cm. Click OK.

create a text frame under the last stroke and add 5 columns

This text frame is a great opportunity to create a small table of contents. Add the number of the page, the section, and the title of the story so it is easy to find. While selecting the Text Tool (T), head over to the Control panel and use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 8 pt

Feel free to use different font styles to create a hierarchy between the section titles and story titles inside the newsletter design. Using the Swatches panel, set the color of the page number and the section title to Orange. Use [Black] for the headlines. 

You can add a small table of contents

Step 6

Using the Line Tool (/), create a vertical stroke between each column of the small table of contents. Use the gutter between each column on the newsletter layout as a guide to place the stroke. 

On the Stroke panel, set the Weight to 0.75 pt and the Type to Dotted. 

add a stroke between each column of the table of contents

Step 7

To Place an image on the newsletter design, press Command-D. Navigate to the People reading in a circle and click Open. 

Draw the image frame under the title and cover the width of the page. 

place an image on the cover

Step 8

Using the Text Tool (T), create a text frame under the image. Use the columns we created at the beginning of the tutorial and extend the text frame to the fourth column. 

Add a headline and use the Headline style from the Paragraph Styles panel to style the frame.

add a headline under the image

Open the Text Wrap panel (Window > Text Wrap) and select the text frame. Select the Wrap Around Bounding Box button and set the bottom Offset to 1 cm. 

offset the bottom of the text frame by 1 cm

Step 9

Create a second text frame with the Text Tool (T). This time, make the width extend to the second column. Add an intro paragraph and use the Intro style from the Paragraph Styles panel to style the frame. 

Place this frame at the bottom left of the cover page of the newsletter design.

add an intro under the headline on the cover of the newsletter design

Step 10

Create a text frame that covers the last four columns of the newsletter template cover. This frame is for the copy, and the headline won’t interfere as we used the Text Wrap panel to make room for it. 

Add copy and set the first paragraph to the Drop Cap style from the Paragraph Style panel. Set the rest of the copy to the Copy style. 

create a text frame that cover the last four columns of the cover

Step 11

To create a neat newsletter layout, add two strokes between the intro and text frames. Use the Line Tool (/) and set the Weight to 0.25 pt. 

add strokes between the body copy frames to polish off the newsletter design

4. Designing the Interior of Your Church Newsletter Template

Step 1

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

For this page, we’ll play with the six columns we created at the beginning of this tutorial. We’ll use multiple column widths to create asymmetrical layouts. 

Using the Text Tool (T), create two text frames for the headline and intro. Use the Paragraph Styles panel to style both to the Headline and Intro styles. 

create two text frames for the headline and intro

Step 2

Place the Black middle aged man carrying his son image by pressing Command-D and clicking Open. Place it under the intro but aligned to the right margin. Use about four columns for the width of the image. 

place an image under the intro

Step 3

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm. 

use the text wrap panel with the image

Step 4

Create a text frame under the intro. Extend the width to the third column and the length to the bottom of the page. 

Create another text frame under the image. This time, leave a column between the two text frames and cover only the last two columns in width. 

Add content and use the Paragraph Styles panel to style it. Use the Drop Cap and Copy styles. 

create two text frames for the body copy

Step 5

Using the Text Tool (T), add a text frame in the single column we left between the two copy text frames. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt. 

add a caption and strokes between the text frames

Step 6

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

Using the Text Tool (T), create a text frame for the headline. Use the Paragraph Styles panel to style both to the Headline style. We’ll add an intro later.

Place the Man during a religious pilgrimage by pressing Command-D and clicking Open. Place the image under the headline, aligned to the left margin. 

Make the image frame smaller than the actual image. For this, head over to the Control panel and set the Width to 10.8 cm and the Height to 9.3 cm. 

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm.

add a text frame for a headline and place an image under it

Step 7

Create a text frame that starts on the second column and extends to the right edge of the image. Here, add intro content and use the Intro style from the Paragraph Styles panel. 

While selecting the frame, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Bottom Offset to 1 cm.

add an intro under the image and use the text wrap panel to offset the bottom

Step 8

Using the Text Tool (T), create a single text frame that starts on the second column and extends to the last column. As far as height goes, start under the headline and extend to the bottom margin. 

While selecting the frame, press Command-B to open the Text Frame Options window. There, set the Number of Columns to 2 and the Gutter to 0.5 cm. 

Add copy and use the Paragraph Styles panel to style the frame. Use the Drop Cap and Copy styles. 

add a text frame for the body copy

Step 9

Using the Text Tool (T), add a text frame in the single empty column on the very left side of the page. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

add a caption text frame under the image

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt.

add strokes in between the text frames

5. Designing the Back Cover of Your InDesign Portfolio Template

Step 1

Using the Rectangle Tool (M), create a background on the whole page. Select the Sand swatch from the Swatches panel. 

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

Using the Text Tool (T), create two text frames for the headline and intro. This time, use only the first four columns for both frames. Use the Paragraph Styles panel to style both to the Headline and Intro styles. 

add a background headline and intro the page

Step 2

Place the African American male hands resting on an open bible image by pressing Command-D and clicking Open. Drag the image frame to take up the width of three columns. Place the image on the right side of the page and towards the bottom of the page, as shown in the image below. 

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm.

place an image under the intro

Step 3

Using the Text Tool (T), create a single text frame on the first three columns. Start the text frame at the same level as the image and extend to the bottom of the page. 

Leave a column between this and create another text frame. This time, start the frame at the very top of the page and extend it to the bottom. 

Add copy and use the Paragraph Styles panel to style the frame. Use the Drop Cap and Copy styles. 

create two text frames for body copy on the page

Step 4

Using the Text Tool (T), add a text frame in the single column we left on the very left side of the page. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

place a caption text frame between the two body copy frames

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt.

add strokes for a clean look

6. How to Export a File for Printing

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

Step 1

To export the file, go to File > Export. Name the file Church Newsletter template and choose Adobe PDF (Print) from the Format dropdown menu. Click Save. 

export the church newsletter template

Step 2

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

select press quality from the adobe pdf preset

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

check all printers marks and document bleed settings

Great Job! You’ve Finished This Tutorial!

In this tutorial, you learned how to create a newsletter template. The essential tools you learned today will help you properly set up all your future InDesign templates. Today, you learned to:

  • set up a ready-to-print InDesign file
  • add Layers to keep your file organized
  • create Color Swatches that you can easily change
  • set up Paragraph Styles to help you format the template
  • use the Text Wrap panel to offset text
  • design an asymmetrical newsletter layout

If you are new to InDesign and need an InDesign newsletter template or newsletter template ideas, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this tutorial, you might like these:

How to Create a Church Newsletter Template in InDesign

Post pobrano z: How to Create a Church Newsletter Template in InDesign

Final product image
What You’ll Be Creating

In this tutorial, you’ll learn how to create a four-page newsletter template. We’ll put this template together in no time, and you’ll be able to reuse it for your future projects. 

Newsletter templates are great to communicate with your community and update them of the latest events. This clean, high-quality, professional newsletter will make the process much easier. 

In this tutorial, you’ll learn how to create a newsletter template that will make it easier for you and any user to edit. You’ll be able to change anything from colors to fonts and images. We’ll create an asymmetrical layout for each page, which will set you apart from other normal newsletter templates. We’ll take a look at essential tools you need to know in InDesign that will help you in the future.

In a hurry? We’ve got amazing InDesign newsletter templates and church newsletter template over at Envato Elements and GraphicRiver. Go check them out! 

What You Will Need for Your Church Newsletter Template

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

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

1. Setting Up Your Church Newsletter Template File

Step 1

In InDesign, go to File > New. In the New Document window, select the Print tab. Choose A4 from the Blank Document Presets. Name the document Church Newsletter Template. Customize the newsletter format with the following options:

  • Width to 21 cm
  • Height to 29.7 cm
  • Orientation to Portrait
  • Units to Centimeters
  • Pages to 4
  • Check Facing Pages
  • Columns to 6
  • Column Gutter to 0.5 cm
  • Margins: set the Top margin to 2 cm. Set the Bottom, Outside and Inside margin to 1 cm. 
  • Bleeds to 0.3 cm (it’s best to seek your professional printer’s preference)

Click Create.

Create a new Church newsletter template and use these newsletter format

Step 2

For this church newsletter template, we will work with three Layers. Organizing layers is an important practice when designing a newsletter template as they will make it easier for users to edit.

Bring up the Layers panel by going to Window > Layers. Double-click on Layer 1 and rename it Background. 

On the Layers panel main menu, select New Layer. Name it Images. Click OK.

Additionally, create a new layer named Copy. Click OK.

create new layers on the newsletter design

Step 3

Let’s add some color swatches to our newsletter design. Head over to Window > Color > Swatches to expand the Swatches panel. Choose New Color Swatch from the main menu. Set the Swatch Name and values to the following: 

  • Sand: C=4 M=3 Y=4 K=0 
  • Orange: C=0 M=75 Y=75 K=0
  • Purple: C=100 M=100 Y=20 K=15

Click Add and OK after you input each color value.

Add color swatches on the newsletter design

Step 4

For this newsletter tutorial, we’ll create a drop cap at the beginning of an article. Drop caps help emphasize the beginning of a story and let the reader know when they are starting a new article. 

Head over to Window > Styles > Character Styles. On the Character Styles panel, add a new style and double-click to open the options window. In the Character Styles Options window, set the Style Name to Drop Cap. Use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 9 pt

Select the Character Color option from the menu on the left side. Select the orange color. Click OK.

add a drop cap character style to the newsletter template

Step 5

For this newsletter design tutorial, we will create a list of Paragraph Styles that we will use to format the portfolio design template. 

Head over to Window > Styles > Paragraph Styles to open the Paragraph Styles panel. On the main menu, select New Paragraph Style, setting the Style Name to Folio. Select the Basic Character Formats option from the left side menu. Use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 8 pt
  • Tracking: 100

Click OK.

add paragraph styles to the newsletter design template

Create a New Paragraph Style, setting the Style Name to Drop Cap. Here, we’ll set the values for the copy as the drop cap style also covers the contents in the first paragraph. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Regular
  • Size: 9 pt

Select the Indents and Spacing option from the menu on the left side. Set the Align to Grid option to All Lines (this will help keep each line of text at the same level).

Select Drop Caps and Nested Styles from the menu on the left side. Under Drop Caps, use the following settings:

  • Lines number to 4
  • Characters to 1

On the Character Style dropdown menu, select Drop Cap. Click OK. 

Create a New Paragraph Style, setting the Style Name to Copy. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Regular
  • Size: 9 pt

Select the Indents and Spacing option from the menu on the left side. Use the following settings:

  • Alignment to Left Justify
  • First Line Indent to 0.5
  • Align to Grid: All Lines (this will help keep each line of text at the same level) 

Click OK.

Create a New Paragraph Style, setting the Style Name to Intro. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Medium
  • Size: 15 pt
  • Leading: 17 pt
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the orange swatch. Click OK.

Create a New Paragraph Style, setting the Style Name to Headline. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: ExtraBold
  • Size: 39 pt
  • Leading: 40 pt
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the purple swatch. Click OK.

Create a New Paragraph Style, setting the Style Name to Caption. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Medium
  • Size: 8 pt
  • Leading: Auto
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the orange swatch. Click OK.

add all the paragraph styles to format the newsletter design

Step 6

We’ll alter the baseline grids to fit our newsletter layout. Open the Preferences window by going to Indesign CC > Preferences > Grids. Under Baseline Grid, set the Start of the grid to 0 cm, and set the Relative to option to Top Margin and the Increment to 10.8 pt. Click OK. 

To Show and Hide the baseline grid, press Option-Command-‘.

change the baseline grids to fit the newsletter layout

2. Setting Up Master Pages for Your Church Newsletter Template

Step 1

On the Layers panel, select the Copy layer.

Using the Text Tool (T), create a text frame in the top left corner of the left hand side newsletter design. Aim to start at 1 cm on the x-axis, using the Control panel to guide you.

To add a page number, right-click while in the text frame and select Insert Special Character > Markers > Current Page Number. The A symbolizes the page number. Add a space and bullet point by right-clicking on the frame and selecting Insert Special Character > Symbols > Bullet Character. In all caps, add the name of your company or church, followed by a bullet point and a section name. 

add a folio to the newsletter design

Step 2

Using the Paragraph Styles, set the text frame to the Folio style. 

Select the A and set the Font Style to Extra Bold. Change the color of Section on the Swatches panel to orange. This will help emphasize it. 

format the folio with the paragraph styles panel

Step 3

Using the Line Tool (/), create a horizontal line under the folio that goes from margin to margin on the newsletter layout. 

On the Stroke panel (Window > Stroke), set the Weight to 0.5 pt. 

create a stroke across the page on the newsletter layout

Step 4

Select both items, the folio and the stroke. To Duplicate the items, press Option-Shift and drag towards the right page of the newsletter layout. By pressing Shift, you should be able to keep the x-axis alignment across the page. 

Set the text frame to Align Right on the Control panel. We want this folio to mirror the one on the left side of the newsletter layout. The page number should be on the outside of the page. Swap the position of the page number with the section. 

duplicate the folio on the opposite page of the newsletter design

Step 5

On the Pages panel, drag the A-Master pages over pages 2-4 of the newsletter design. This will Apply this Master to those pages. Apply [None] to page 1. 

Apply the master page to newsletter layout

3. Designing the Cover for Your Church Newsletter Template

Step 1

On the Layers panel, select the Background layer.

Using the Rectangle Tool (M), create a rectangle that measures 21.6 cm in Width and 6.5 cm in Height. 

Using the Swatches panel, set the color to the Sand swatch.

Place the rectangle at the very top of the cover of the newsletter design.

create a rectangle on the top of the newsletter template

Step 2

On the Layers panel, lock the Background layer and select the Copy layer.

Using the Text Tool (T), create a text box at the top of the page and add „Newsletter” as the content. With the Text Tool selected, head over to the Control panel and set the text to Align Center. Use the following settings:

  • Font Family: Sentral
  • Font Style: Extra Bold
  • Size: 75 pt
  • Tracking: -25

On the Swatches panel, set the color of the content to Purple. 

add a title to the cover of the church newsletter template

Step 3

Using the Text Tool (T), create a second text frame under the title. Here, add the name of the church or company followed by a bullet point to make a clear separation. Add a date or issue number for the newsletter template. 

With the Text Tool selected, head over to the Control panel and set the text to Align Center. Use the following settings:

  • Font Family: Sentral
  • Font Style: Extra Bold
  • Size: 12 pt
  • Tracking: 60

On the Swatches panel, set the color of the content to Orange.

add a company or church name and an issue number

Step 4

Using the Line Tool (/), create two strokes that extend from margin to margin. Place one stroke under „Newsletter” and the second stroke under the issue number.  

Using the Stroke panel (Windows > Stroke), set the first stroke to 0.5 pt and the second stroke to 2 pt. 

create strokes over and under the last text frame

Step 5

Using the Text Tool (T), create a text frame under the last stroke. Press Command-B to open the Text Frame Options window. Here, set the Number of Columns to 5 and the Gutter to 0.5 cm. Click OK.

create a text frame under the last stroke and add 5 columns

This text frame is a great opportunity to create a small table of contents. Add the number of the page, the section, and the title of the story so it is easy to find. While selecting the Text Tool (T), head over to the Control panel and use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 8 pt

Feel free to use different font styles to create a hierarchy between the section titles and story titles inside the newsletter design. Using the Swatches panel, set the color of the page number and the section title to Orange. Use [Black] for the headlines. 

You can add a small table of contents

Step 6

Using the Line Tool (/), create a vertical stroke between each column of the small table of contents. Use the gutter between each column on the newsletter layout as a guide to place the stroke. 

On the Stroke panel, set the Weight to 0.75 pt and the Type to Dotted. 

add a stroke between each column of the table of contents

Step 7

To Place an image on the newsletter design, press Command-D. Navigate to the People reading in a circle and click Open. 

Draw the image frame under the title and cover the width of the page. 

place an image on the cover

Step 8

Using the Text Tool (T), create a text frame under the image. Use the columns we created at the beginning of the tutorial and extend the text frame to the fourth column. 

Add a headline and use the Headline style from the Paragraph Styles panel to style the frame.

add a headline under the image

Open the Text Wrap panel (Window > Text Wrap) and select the text frame. Select the Wrap Around Bounding Box button and set the bottom Offset to 1 cm. 

offset the bottom of the text frame by 1 cm

Step 9

Create a second text frame with the Text Tool (T). This time, make the width extend to the second column. Add an intro paragraph and use the Intro style from the Paragraph Styles panel to style the frame. 

Place this frame at the bottom left of the cover page of the newsletter design.

add an intro under the headline on the cover of the newsletter design

Step 10

Create a text frame that covers the last four columns of the newsletter template cover. This frame is for the copy, and the headline won’t interfere as we used the Text Wrap panel to make room for it. 

Add copy and set the first paragraph to the Drop Cap style from the Paragraph Style panel. Set the rest of the copy to the Copy style. 

create a text frame that cover the last four columns of the cover

Step 11

To create a neat newsletter layout, add two strokes between the intro and text frames. Use the Line Tool (/) and set the Weight to 0.25 pt. 

add strokes between the body copy frames to polish off the newsletter design

4. Designing the Interior of Your Church Newsletter Template

Step 1

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

For this page, we’ll play with the six columns we created at the beginning of this tutorial. We’ll use multiple column widths to create asymmetrical layouts. 

Using the Text Tool (T), create two text frames for the headline and intro. Use the Paragraph Styles panel to style both to the Headline and Intro styles. 

create two text frames for the headline and intro

Step 2

Place the Black middle aged man carrying his son image by pressing Command-D and clicking Open. Place it under the intro but aligned to the right margin. Use about four columns for the width of the image. 

place an image under the intro

Step 3

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm. 

use the text wrap panel with the image

Step 4

Create a text frame under the intro. Extend the width to the third column and the length to the bottom of the page. 

Create another text frame under the image. This time, leave a column between the two text frames and cover only the last two columns in width. 

Add content and use the Paragraph Styles panel to style it. Use the Drop Cap and Copy styles. 

create two text frames for the body copy

Step 5

Using the Text Tool (T), add a text frame in the single column we left between the two copy text frames. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt. 

add a caption and strokes between the text frames

Step 6

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

Using the Text Tool (T), create a text frame for the headline. Use the Paragraph Styles panel to style both to the Headline style. We’ll add an intro later.

Place the Man during a religious pilgrimage by pressing Command-D and clicking Open. Place the image under the headline, aligned to the left margin. 

Make the image frame smaller than the actual image. For this, head over to the Control panel and set the Width to 10.8 cm and the Height to 9.3 cm. 

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm.

add a text frame for a headline and place an image under it

Step 7

Create a text frame that starts on the second column and extends to the right edge of the image. Here, add intro content and use the Intro style from the Paragraph Styles panel. 

While selecting the frame, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Bottom Offset to 1 cm.

add an intro under the image and use the text wrap panel to offset the bottom

Step 8

Using the Text Tool (T), create a single text frame that starts on the second column and extends to the last column. As far as height goes, start under the headline and extend to the bottom margin. 

While selecting the frame, press Command-B to open the Text Frame Options window. There, set the Number of Columns to 2 and the Gutter to 0.5 cm. 

Add copy and use the Paragraph Styles panel to style the frame. Use the Drop Cap and Copy styles. 

add a text frame for the body copy

Step 9

Using the Text Tool (T), add a text frame in the single empty column on the very left side of the page. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

add a caption text frame under the image

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt.

add strokes in between the text frames

5. Designing the Back Cover of Your InDesign Portfolio Template

Step 1

Using the Rectangle Tool (M), create a background on the whole page. Select the Sand swatch from the Swatches panel. 

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

Using the Text Tool (T), create two text frames for the headline and intro. This time, use only the first four columns for both frames. Use the Paragraph Styles panel to style both to the Headline and Intro styles. 

add a background headline and intro the page

Step 2

Place the African American male hands resting on an open bible image by pressing Command-D and clicking Open. Drag the image frame to take up the width of three columns. Place the image on the right side of the page and towards the bottom of the page, as shown in the image below. 

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm.

place an image under the intro

Step 3

Using the Text Tool (T), create a single text frame on the first three columns. Start the text frame at the same level as the image and extend to the bottom of the page. 

Leave a column between this and create another text frame. This time, start the frame at the very top of the page and extend it to the bottom. 

Add copy and use the Paragraph Styles panel to style the frame. Use the Drop Cap and Copy styles. 

create two text frames for body copy on the page

Step 4

Using the Text Tool (T), add a text frame in the single column we left on the very left side of the page. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

place a caption text frame between the two body copy frames

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt.

add strokes for a clean look

6. How to Export a File for Printing

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

Step 1

To export the file, go to File > Export. Name the file Church Newsletter template and choose Adobe PDF (Print) from the Format dropdown menu. Click Save. 

export the church newsletter template

Step 2

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

select press quality from the adobe pdf preset

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

check all printers marks and document bleed settings

Great Job! You’ve Finished This Tutorial!

In this tutorial, you learned how to create a newsletter template. The essential tools you learned today will help you properly set up all your future InDesign templates. Today, you learned to:

  • set up a ready-to-print InDesign file
  • add Layers to keep your file organized
  • create Color Swatches that you can easily change
  • set up Paragraph Styles to help you format the template
  • use the Text Wrap panel to offset text
  • design an asymmetrical newsletter layout

If you are new to InDesign and need an InDesign newsletter template or newsletter template ideas, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this tutorial, you might like these:

How to Create a Church Newsletter Template in InDesign

Post pobrano z: How to Create a Church Newsletter Template in InDesign

Final product image
What You’ll Be Creating

In this tutorial, you’ll learn how to create a four-page newsletter template. We’ll put this template together in no time, and you’ll be able to reuse it for your future projects. 

Newsletter templates are great to communicate with your community and update them of the latest events. This clean, high-quality, professional newsletter will make the process much easier. 

In this tutorial, you’ll learn how to create a newsletter template that will make it easier for you and any user to edit. You’ll be able to change anything from colors to fonts and images. We’ll create an asymmetrical layout for each page, which will set you apart from other normal newsletter templates. We’ll take a look at essential tools you need to know in InDesign that will help you in the future.

In a hurry? We’ve got amazing InDesign newsletter templates and church newsletter template over at Envato Elements and GraphicRiver. Go check them out! 

What You Will Need for Your Church Newsletter Template

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

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

1. Setting Up Your Church Newsletter Template File

Step 1

In InDesign, go to File > New. In the New Document window, select the Print tab. Choose A4 from the Blank Document Presets. Name the document Church Newsletter Template. Customize the newsletter format with the following options:

  • Width to 21 cm
  • Height to 29.7 cm
  • Orientation to Portrait
  • Units to Centimeters
  • Pages to 4
  • Check Facing Pages
  • Columns to 6
  • Column Gutter to 0.5 cm
  • Margins: set the Top margin to 2 cm. Set the Bottom, Outside and Inside margin to 1 cm. 
  • Bleeds to 0.3 cm (it’s best to seek your professional printer’s preference)

Click Create.

Create a new Church newsletter template and use these newsletter format

Step 2

For this church newsletter template, we will work with three Layers. Organizing layers is an important practice when designing a newsletter template as they will make it easier for users to edit.

Bring up the Layers panel by going to Window > Layers. Double-click on Layer 1 and rename it Background. 

On the Layers panel main menu, select New Layer. Name it Images. Click OK.

Additionally, create a new layer named Copy. Click OK.

create new layers on the newsletter design

Step 3

Let’s add some color swatches to our newsletter design. Head over to Window > Color > Swatches to expand the Swatches panel. Choose New Color Swatch from the main menu. Set the Swatch Name and values to the following: 

  • Sand: C=4 M=3 Y=4 K=0 
  • Orange: C=0 M=75 Y=75 K=0
  • Purple: C=100 M=100 Y=20 K=15

Click Add and OK after you input each color value.

Add color swatches on the newsletter design

Step 4

For this newsletter tutorial, we’ll create a drop cap at the beginning of an article. Drop caps help emphasize the beginning of a story and let the reader know when they are starting a new article. 

Head over to Window > Styles > Character Styles. On the Character Styles panel, add a new style and double-click to open the options window. In the Character Styles Options window, set the Style Name to Drop Cap. Use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 9 pt

Select the Character Color option from the menu on the left side. Select the orange color. Click OK.

add a drop cap character style to the newsletter template

Step 5

For this newsletter design tutorial, we will create a list of Paragraph Styles that we will use to format the portfolio design template. 

Head over to Window > Styles > Paragraph Styles to open the Paragraph Styles panel. On the main menu, select New Paragraph Style, setting the Style Name to Folio. Select the Basic Character Formats option from the left side menu. Use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 8 pt
  • Tracking: 100

Click OK.

add paragraph styles to the newsletter design template

Create a New Paragraph Style, setting the Style Name to Drop Cap. Here, we’ll set the values for the copy as the drop cap style also covers the contents in the first paragraph. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Regular
  • Size: 9 pt

Select the Indents and Spacing option from the menu on the left side. Set the Align to Grid option to All Lines (this will help keep each line of text at the same level).

Select Drop Caps and Nested Styles from the menu on the left side. Under Drop Caps, use the following settings:

  • Lines number to 4
  • Characters to 1

On the Character Style dropdown menu, select Drop Cap. Click OK. 

Create a New Paragraph Style, setting the Style Name to Copy. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Regular
  • Size: 9 pt

Select the Indents and Spacing option from the menu on the left side. Use the following settings:

  • Alignment to Left Justify
  • First Line Indent to 0.5
  • Align to Grid: All Lines (this will help keep each line of text at the same level) 

Click OK.

Create a New Paragraph Style, setting the Style Name to Intro. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Medium
  • Size: 15 pt
  • Leading: 17 pt
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the orange swatch. Click OK.

Create a New Paragraph Style, setting the Style Name to Headline. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: ExtraBold
  • Size: 39 pt
  • Leading: 40 pt
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the purple swatch. Click OK.

Create a New Paragraph Style, setting the Style Name to Caption. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Medium
  • Size: 8 pt
  • Leading: Auto
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the orange swatch. Click OK.

add all the paragraph styles to format the newsletter design

Step 6

We’ll alter the baseline grids to fit our newsletter layout. Open the Preferences window by going to Indesign CC > Preferences > Grids. Under Baseline Grid, set the Start of the grid to 0 cm, and set the Relative to option to Top Margin and the Increment to 10.8 pt. Click OK. 

To Show and Hide the baseline grid, press Option-Command-‘.

change the baseline grids to fit the newsletter layout

2. Setting Up Master Pages for Your Church Newsletter Template

Step 1

On the Layers panel, select the Copy layer.

Using the Text Tool (T), create a text frame in the top left corner of the left hand side newsletter design. Aim to start at 1 cm on the x-axis, using the Control panel to guide you.

To add a page number, right-click while in the text frame and select Insert Special Character > Markers > Current Page Number. The A symbolizes the page number. Add a space and bullet point by right-clicking on the frame and selecting Insert Special Character > Symbols > Bullet Character. In all caps, add the name of your company or church, followed by a bullet point and a section name. 

add a folio to the newsletter design

Step 2

Using the Paragraph Styles, set the text frame to the Folio style. 

Select the A and set the Font Style to Extra Bold. Change the color of Section on the Swatches panel to orange. This will help emphasize it. 

format the folio with the paragraph styles panel

Step 3

Using the Line Tool (/), create a horizontal line under the folio that goes from margin to margin on the newsletter layout. 

On the Stroke panel (Window > Stroke), set the Weight to 0.5 pt. 

create a stroke across the page on the newsletter layout

Step 4

Select both items, the folio and the stroke. To Duplicate the items, press Option-Shift and drag towards the right page of the newsletter layout. By pressing Shift, you should be able to keep the x-axis alignment across the page. 

Set the text frame to Align Right on the Control panel. We want this folio to mirror the one on the left side of the newsletter layout. The page number should be on the outside of the page. Swap the position of the page number with the section. 

duplicate the folio on the opposite page of the newsletter design

Step 5

On the Pages panel, drag the A-Master pages over pages 2-4 of the newsletter design. This will Apply this Master to those pages. Apply [None] to page 1. 

Apply the master page to newsletter layout

3. Designing the Cover for Your Church Newsletter Template

Step 1

On the Layers panel, select the Background layer.

Using the Rectangle Tool (M), create a rectangle that measures 21.6 cm in Width and 6.5 cm in Height. 

Using the Swatches panel, set the color to the Sand swatch.

Place the rectangle at the very top of the cover of the newsletter design.

create a rectangle on the top of the newsletter template

Step 2

On the Layers panel, lock the Background layer and select the Copy layer.

Using the Text Tool (T), create a text box at the top of the page and add „Newsletter” as the content. With the Text Tool selected, head over to the Control panel and set the text to Align Center. Use the following settings:

  • Font Family: Sentral
  • Font Style: Extra Bold
  • Size: 75 pt
  • Tracking: -25

On the Swatches panel, set the color of the content to Purple. 

add a title to the cover of the church newsletter template

Step 3

Using the Text Tool (T), create a second text frame under the title. Here, add the name of the church or company followed by a bullet point to make a clear separation. Add a date or issue number for the newsletter template. 

With the Text Tool selected, head over to the Control panel and set the text to Align Center. Use the following settings:

  • Font Family: Sentral
  • Font Style: Extra Bold
  • Size: 12 pt
  • Tracking: 60

On the Swatches panel, set the color of the content to Orange.

add a company or church name and an issue number

Step 4

Using the Line Tool (/), create two strokes that extend from margin to margin. Place one stroke under „Newsletter” and the second stroke under the issue number.  

Using the Stroke panel (Windows > Stroke), set the first stroke to 0.5 pt and the second stroke to 2 pt. 

create strokes over and under the last text frame

Step 5

Using the Text Tool (T), create a text frame under the last stroke. Press Command-B to open the Text Frame Options window. Here, set the Number of Columns to 5 and the Gutter to 0.5 cm. Click OK.

create a text frame under the last stroke and add 5 columns

This text frame is a great opportunity to create a small table of contents. Add the number of the page, the section, and the title of the story so it is easy to find. While selecting the Text Tool (T), head over to the Control panel and use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 8 pt

Feel free to use different font styles to create a hierarchy between the section titles and story titles inside the newsletter design. Using the Swatches panel, set the color of the page number and the section title to Orange. Use [Black] for the headlines. 

You can add a small table of contents

Step 6

Using the Line Tool (/), create a vertical stroke between each column of the small table of contents. Use the gutter between each column on the newsletter layout as a guide to place the stroke. 

On the Stroke panel, set the Weight to 0.75 pt and the Type to Dotted. 

add a stroke between each column of the table of contents

Step 7

To Place an image on the newsletter design, press Command-D. Navigate to the People reading in a circle and click Open. 

Draw the image frame under the title and cover the width of the page. 

place an image on the cover

Step 8

Using the Text Tool (T), create a text frame under the image. Use the columns we created at the beginning of the tutorial and extend the text frame to the fourth column. 

Add a headline and use the Headline style from the Paragraph Styles panel to style the frame.

add a headline under the image

Open the Text Wrap panel (Window > Text Wrap) and select the text frame. Select the Wrap Around Bounding Box button and set the bottom Offset to 1 cm. 

offset the bottom of the text frame by 1 cm

Step 9

Create a second text frame with the Text Tool (T). This time, make the width extend to the second column. Add an intro paragraph and use the Intro style from the Paragraph Styles panel to style the frame. 

Place this frame at the bottom left of the cover page of the newsletter design.

add an intro under the headline on the cover of the newsletter design

Step 10

Create a text frame that covers the last four columns of the newsletter template cover. This frame is for the copy, and the headline won’t interfere as we used the Text Wrap panel to make room for it. 

Add copy and set the first paragraph to the Drop Cap style from the Paragraph Style panel. Set the rest of the copy to the Copy style. 

create a text frame that cover the last four columns of the cover

Step 11

To create a neat newsletter layout, add two strokes between the intro and text frames. Use the Line Tool (/) and set the Weight to 0.25 pt. 

add strokes between the body copy frames to polish off the newsletter design

4. Designing the Interior of Your Church Newsletter Template

Step 1

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

For this page, we’ll play with the six columns we created at the beginning of this tutorial. We’ll use multiple column widths to create asymmetrical layouts. 

Using the Text Tool (T), create two text frames for the headline and intro. Use the Paragraph Styles panel to style both to the Headline and Intro styles. 

create two text frames for the headline and intro

Step 2

Place the Black middle aged man carrying his son image by pressing Command-D and clicking Open. Place it under the intro but aligned to the right margin. Use about four columns for the width of the image. 

place an image under the intro

Step 3

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm. 

use the text wrap panel with the image

Step 4

Create a text frame under the intro. Extend the width to the third column and the length to the bottom of the page. 

Create another text frame under the image. This time, leave a column between the two text frames and cover only the last two columns in width. 

Add content and use the Paragraph Styles panel to style it. Use the Drop Cap and Copy styles. 

create two text frames for the body copy

Step 5

Using the Text Tool (T), add a text frame in the single column we left between the two copy text frames. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt. 

add a caption and strokes between the text frames

Step 6

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

Using the Text Tool (T), create a text frame for the headline. Use the Paragraph Styles panel to style both to the Headline style. We’ll add an intro later.

Place the Man during a religious pilgrimage by pressing Command-D and clicking Open. Place the image under the headline, aligned to the left margin. 

Make the image frame smaller than the actual image. For this, head over to the Control panel and set the Width to 10.8 cm and the Height to 9.3 cm. 

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm.

add a text frame for a headline and place an image under it

Step 7

Create a text frame that starts on the second column and extends to the right edge of the image. Here, add intro content and use the Intro style from the Paragraph Styles panel. 

While selecting the frame, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Bottom Offset to 1 cm.

add an intro under the image and use the text wrap panel to offset the bottom

Step 8

Using the Text Tool (T), create a single text frame that starts on the second column and extends to the last column. As far as height goes, start under the headline and extend to the bottom margin. 

While selecting the frame, press Command-B to open the Text Frame Options window. There, set the Number of Columns to 2 and the Gutter to 0.5 cm. 

Add copy and use the Paragraph Styles panel to style the frame. Use the Drop Cap and Copy styles. 

add a text frame for the body copy

Step 9

Using the Text Tool (T), add a text frame in the single empty column on the very left side of the page. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

add a caption text frame under the image

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt.

add strokes in between the text frames

5. Designing the Back Cover of Your InDesign Portfolio Template

Step 1

Using the Rectangle Tool (M), create a background on the whole page. Select the Sand swatch from the Swatches panel. 

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

Using the Text Tool (T), create two text frames for the headline and intro. This time, use only the first four columns for both frames. Use the Paragraph Styles panel to style both to the Headline and Intro styles. 

add a background headline and intro the page

Step 2

Place the African American male hands resting on an open bible image by pressing Command-D and clicking Open. Drag the image frame to take up the width of three columns. Place the image on the right side of the page and towards the bottom of the page, as shown in the image below. 

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm.

place an image under the intro

Step 3

Using the Text Tool (T), create a single text frame on the first three columns. Start the text frame at the same level as the image and extend to the bottom of the page. 

Leave a column between this and create another text frame. This time, start the frame at the very top of the page and extend it to the bottom. 

Add copy and use the Paragraph Styles panel to style the frame. Use the Drop Cap and Copy styles. 

create two text frames for body copy on the page

Step 4

Using the Text Tool (T), add a text frame in the single column we left on the very left side of the page. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

place a caption text frame between the two body copy frames

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt.

add strokes for a clean look

6. How to Export a File for Printing

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

Step 1

To export the file, go to File > Export. Name the file Church Newsletter template and choose Adobe PDF (Print) from the Format dropdown menu. Click Save. 

export the church newsletter template

Step 2

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

select press quality from the adobe pdf preset

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

check all printers marks and document bleed settings

Great Job! You’ve Finished This Tutorial!

In this tutorial, you learned how to create a newsletter template. The essential tools you learned today will help you properly set up all your future InDesign templates. Today, you learned to:

  • set up a ready-to-print InDesign file
  • add Layers to keep your file organized
  • create Color Swatches that you can easily change
  • set up Paragraph Styles to help you format the template
  • use the Text Wrap panel to offset text
  • design an asymmetrical newsletter layout

If you are new to InDesign and need an InDesign newsletter template or newsletter template ideas, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this tutorial, you might like these:

How to Create a Church Newsletter Template in InDesign

Post pobrano z: How to Create a Church Newsletter Template in InDesign

Final product image
What You’ll Be Creating

In this tutorial, you’ll learn how to create a four-page newsletter template. We’ll put this template together in no time, and you’ll be able to reuse it for your future projects. 

Newsletter templates are great to communicate with your community and update them of the latest events. This clean, high-quality, professional newsletter will make the process much easier. 

In this tutorial, you’ll learn how to create a newsletter template that will make it easier for you and any user to edit. You’ll be able to change anything from colors to fonts and images. We’ll create an asymmetrical layout for each page, which will set you apart from other normal newsletter templates. We’ll take a look at essential tools you need to know in InDesign that will help you in the future.

In a hurry? We’ve got amazing InDesign newsletter templates and church newsletter template over at Envato Elements and GraphicRiver. Go check them out! 

What You Will Need for Your Church Newsletter Template

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

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

1. Setting Up Your Church Newsletter Template File

Step 1

In InDesign, go to File > New. In the New Document window, select the Print tab. Choose A4 from the Blank Document Presets. Name the document Church Newsletter Template. Customize the newsletter format with the following options:

  • Width to 21 cm
  • Height to 29.7 cm
  • Orientation to Portrait
  • Units to Centimeters
  • Pages to 4
  • Check Facing Pages
  • Columns to 6
  • Column Gutter to 0.5 cm
  • Margins: set the Top margin to 2 cm. Set the Bottom, Outside and Inside margin to 1 cm. 
  • Bleeds to 0.3 cm (it’s best to seek your professional printer’s preference)

Click Create.

Create a new Church newsletter template and use these newsletter format

Step 2

For this church newsletter template, we will work with three Layers. Organizing layers is an important practice when designing a newsletter template as they will make it easier for users to edit.

Bring up the Layers panel by going to Window > Layers. Double-click on Layer 1 and rename it Background. 

On the Layers panel main menu, select New Layer. Name it Images. Click OK.

Additionally, create a new layer named Copy. Click OK.

create new layers on the newsletter design

Step 3

Let’s add some color swatches to our newsletter design. Head over to Window > Color > Swatches to expand the Swatches panel. Choose New Color Swatch from the main menu. Set the Swatch Name and values to the following: 

  • Sand: C=4 M=3 Y=4 K=0 
  • Orange: C=0 M=75 Y=75 K=0
  • Purple: C=100 M=100 Y=20 K=15

Click Add and OK after you input each color value.

Add color swatches on the newsletter design

Step 4

For this newsletter tutorial, we’ll create a drop cap at the beginning of an article. Drop caps help emphasize the beginning of a story and let the reader know when they are starting a new article. 

Head over to Window > Styles > Character Styles. On the Character Styles panel, add a new style and double-click to open the options window. In the Character Styles Options window, set the Style Name to Drop Cap. Use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 9 pt

Select the Character Color option from the menu on the left side. Select the orange color. Click OK.

add a drop cap character style to the newsletter template

Step 5

For this newsletter design tutorial, we will create a list of Paragraph Styles that we will use to format the portfolio design template. 

Head over to Window > Styles > Paragraph Styles to open the Paragraph Styles panel. On the main menu, select New Paragraph Style, setting the Style Name to Folio. Select the Basic Character Formats option from the left side menu. Use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 8 pt
  • Tracking: 100

Click OK.

add paragraph styles to the newsletter design template

Create a New Paragraph Style, setting the Style Name to Drop Cap. Here, we’ll set the values for the copy as the drop cap style also covers the contents in the first paragraph. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Regular
  • Size: 9 pt

Select the Indents and Spacing option from the menu on the left side. Set the Align to Grid option to All Lines (this will help keep each line of text at the same level).

Select Drop Caps and Nested Styles from the menu on the left side. Under Drop Caps, use the following settings:

  • Lines number to 4
  • Characters to 1

On the Character Style dropdown menu, select Drop Cap. Click OK. 

Create a New Paragraph Style, setting the Style Name to Copy. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Regular
  • Size: 9 pt

Select the Indents and Spacing option from the menu on the left side. Use the following settings:

  • Alignment to Left Justify
  • First Line Indent to 0.5
  • Align to Grid: All Lines (this will help keep each line of text at the same level) 

Click OK.

Create a New Paragraph Style, setting the Style Name to Intro. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Medium
  • Size: 15 pt
  • Leading: 17 pt
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the orange swatch. Click OK.

Create a New Paragraph Style, setting the Style Name to Headline. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: ExtraBold
  • Size: 39 pt
  • Leading: 40 pt
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the purple swatch. Click OK.

Create a New Paragraph Style, setting the Style Name to Caption. Set the Basic Character Formats option to the following:

  • Font Family: Sentral
  • Font Style: Medium
  • Size: 8 pt
  • Leading: Auto
  • Tracking: -20

Select the Character Color option from the left side menu. Set the color to the orange swatch. Click OK.

add all the paragraph styles to format the newsletter design

Step 6

We’ll alter the baseline grids to fit our newsletter layout. Open the Preferences window by going to Indesign CC > Preferences > Grids. Under Baseline Grid, set the Start of the grid to 0 cm, and set the Relative to option to Top Margin and the Increment to 10.8 pt. Click OK. 

To Show and Hide the baseline grid, press Option-Command-‘.

change the baseline grids to fit the newsletter layout

2. Setting Up Master Pages for Your Church Newsletter Template

Step 1

On the Layers panel, select the Copy layer.

Using the Text Tool (T), create a text frame in the top left corner of the left hand side newsletter design. Aim to start at 1 cm on the x-axis, using the Control panel to guide you.

To add a page number, right-click while in the text frame and select Insert Special Character > Markers > Current Page Number. The A symbolizes the page number. Add a space and bullet point by right-clicking on the frame and selecting Insert Special Character > Symbols > Bullet Character. In all caps, add the name of your company or church, followed by a bullet point and a section name. 

add a folio to the newsletter design

Step 2

Using the Paragraph Styles, set the text frame to the Folio style. 

Select the A and set the Font Style to Extra Bold. Change the color of Section on the Swatches panel to orange. This will help emphasize it. 

format the folio with the paragraph styles panel

Step 3

Using the Line Tool (/), create a horizontal line under the folio that goes from margin to margin on the newsletter layout. 

On the Stroke panel (Window > Stroke), set the Weight to 0.5 pt. 

create a stroke across the page on the newsletter layout

Step 4

Select both items, the folio and the stroke. To Duplicate the items, press Option-Shift and drag towards the right page of the newsletter layout. By pressing Shift, you should be able to keep the x-axis alignment across the page. 

Set the text frame to Align Right on the Control panel. We want this folio to mirror the one on the left side of the newsletter layout. The page number should be on the outside of the page. Swap the position of the page number with the section. 

duplicate the folio on the opposite page of the newsletter design

Step 5

On the Pages panel, drag the A-Master pages over pages 2-4 of the newsletter design. This will Apply this Master to those pages. Apply [None] to page 1. 

Apply the master page to newsletter layout

3. Designing the Cover for Your Church Newsletter Template

Step 1

On the Layers panel, select the Background layer.

Using the Rectangle Tool (M), create a rectangle that measures 21.6 cm in Width and 6.5 cm in Height. 

Using the Swatches panel, set the color to the Sand swatch.

Place the rectangle at the very top of the cover of the newsletter design.

create a rectangle on the top of the newsletter template

Step 2

On the Layers panel, lock the Background layer and select the Copy layer.

Using the Text Tool (T), create a text box at the top of the page and add „Newsletter” as the content. With the Text Tool selected, head over to the Control panel and set the text to Align Center. Use the following settings:

  • Font Family: Sentral
  • Font Style: Extra Bold
  • Size: 75 pt
  • Tracking: -25

On the Swatches panel, set the color of the content to Purple. 

add a title to the cover of the church newsletter template

Step 3

Using the Text Tool (T), create a second text frame under the title. Here, add the name of the church or company followed by a bullet point to make a clear separation. Add a date or issue number for the newsletter template. 

With the Text Tool selected, head over to the Control panel and set the text to Align Center. Use the following settings:

  • Font Family: Sentral
  • Font Style: Extra Bold
  • Size: 12 pt
  • Tracking: 60

On the Swatches panel, set the color of the content to Orange.

add a company or church name and an issue number

Step 4

Using the Line Tool (/), create two strokes that extend from margin to margin. Place one stroke under „Newsletter” and the second stroke under the issue number.  

Using the Stroke panel (Windows > Stroke), set the first stroke to 0.5 pt and the second stroke to 2 pt. 

create strokes over and under the last text frame

Step 5

Using the Text Tool (T), create a text frame under the last stroke. Press Command-B to open the Text Frame Options window. Here, set the Number of Columns to 5 and the Gutter to 0.5 cm. Click OK.

create a text frame under the last stroke and add 5 columns

This text frame is a great opportunity to create a small table of contents. Add the number of the page, the section, and the title of the story so it is easy to find. While selecting the Text Tool (T), head over to the Control panel and use the following settings:

  • Font Family: Sentral
  • Font Style: Bold
  • Size: 8 pt

Feel free to use different font styles to create a hierarchy between the section titles and story titles inside the newsletter design. Using the Swatches panel, set the color of the page number and the section title to Orange. Use [Black] for the headlines. 

You can add a small table of contents

Step 6

Using the Line Tool (/), create a vertical stroke between each column of the small table of contents. Use the gutter between each column on the newsletter layout as a guide to place the stroke. 

On the Stroke panel, set the Weight to 0.75 pt and the Type to Dotted. 

add a stroke between each column of the table of contents

Step 7

To Place an image on the newsletter design, press Command-D. Navigate to the People reading in a circle and click Open. 

Draw the image frame under the title and cover the width of the page. 

place an image on the cover

Step 8

Using the Text Tool (T), create a text frame under the image. Use the columns we created at the beginning of the tutorial and extend the text frame to the fourth column. 

Add a headline and use the Headline style from the Paragraph Styles panel to style the frame.

add a headline under the image

Open the Text Wrap panel (Window > Text Wrap) and select the text frame. Select the Wrap Around Bounding Box button and set the bottom Offset to 1 cm. 

offset the bottom of the text frame by 1 cm

Step 9

Create a second text frame with the Text Tool (T). This time, make the width extend to the second column. Add an intro paragraph and use the Intro style from the Paragraph Styles panel to style the frame. 

Place this frame at the bottom left of the cover page of the newsletter design.

add an intro under the headline on the cover of the newsletter design

Step 10

Create a text frame that covers the last four columns of the newsletter template cover. This frame is for the copy, and the headline won’t interfere as we used the Text Wrap panel to make room for it. 

Add copy and set the first paragraph to the Drop Cap style from the Paragraph Style panel. Set the rest of the copy to the Copy style. 

create a text frame that cover the last four columns of the cover

Step 11

To create a neat newsletter layout, add two strokes between the intro and text frames. Use the Line Tool (/) and set the Weight to 0.25 pt. 

add strokes between the body copy frames to polish off the newsletter design

4. Designing the Interior of Your Church Newsletter Template

Step 1

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

For this page, we’ll play with the six columns we created at the beginning of this tutorial. We’ll use multiple column widths to create asymmetrical layouts. 

Using the Text Tool (T), create two text frames for the headline and intro. Use the Paragraph Styles panel to style both to the Headline and Intro styles. 

create two text frames for the headline and intro

Step 2

Place the Black middle aged man carrying his son image by pressing Command-D and clicking Open. Place it under the intro but aligned to the right margin. Use about four columns for the width of the image. 

place an image under the intro

Step 3

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm. 

use the text wrap panel with the image

Step 4

Create a text frame under the intro. Extend the width to the third column and the length to the bottom of the page. 

Create another text frame under the image. This time, leave a column between the two text frames and cover only the last two columns in width. 

Add content and use the Paragraph Styles panel to style it. Use the Drop Cap and Copy styles. 

create two text frames for the body copy

Step 5

Using the Text Tool (T), add a text frame in the single column we left between the two copy text frames. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt. 

add a caption and strokes between the text frames

Step 6

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

Using the Text Tool (T), create a text frame for the headline. Use the Paragraph Styles panel to style both to the Headline style. We’ll add an intro later.

Place the Man during a religious pilgrimage by pressing Command-D and clicking Open. Place the image under the headline, aligned to the left margin. 

Make the image frame smaller than the actual image. For this, head over to the Control panel and set the Width to 10.8 cm and the Height to 9.3 cm. 

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm.

add a text frame for a headline and place an image under it

Step 7

Create a text frame that starts on the second column and extends to the right edge of the image. Here, add intro content and use the Intro style from the Paragraph Styles panel. 

While selecting the frame, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Bottom Offset to 1 cm.

add an intro under the image and use the text wrap panel to offset the bottom

Step 8

Using the Text Tool (T), create a single text frame that starts on the second column and extends to the last column. As far as height goes, start under the headline and extend to the bottom margin. 

While selecting the frame, press Command-B to open the Text Frame Options window. There, set the Number of Columns to 2 and the Gutter to 0.5 cm. 

Add copy and use the Paragraph Styles panel to style the frame. Use the Drop Cap and Copy styles. 

add a text frame for the body copy

Step 9

Using the Text Tool (T), add a text frame in the single empty column on the very left side of the page. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

add a caption text frame under the image

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt.

add strokes in between the text frames

5. Designing the Back Cover of Your InDesign Portfolio Template

Step 1

Using the Rectangle Tool (M), create a background on the whole page. Select the Sand swatch from the Swatches panel. 

Override the folio frame by pressing Shift-Command and clicking on the frame. Here, feel free to change the section name to fit the content on the page. 

Using the Text Tool (T), create two text frames for the headline and intro. This time, use only the first four columns for both frames. Use the Paragraph Styles panel to style both to the Headline and Intro styles. 

add a background headline and intro the page

Step 2

Place the African American male hands resting on an open bible image by pressing Command-D and clicking Open. Drag the image frame to take up the width of three columns. Place the image on the right side of the page and towards the bottom of the page, as shown in the image below. 

While selecting the image, head over to the Text Wrap panel. Select the Wrap Around Bounding Box and set the Offset on all sides to 0.3 cm.

place an image under the intro

Step 3

Using the Text Tool (T), create a single text frame on the first three columns. Start the text frame at the same level as the image and extend to the bottom of the page. 

Leave a column between this and create another text frame. This time, start the frame at the very top of the page and extend it to the bottom. 

Add copy and use the Paragraph Styles panel to style the frame. Use the Drop Cap and Copy styles. 

create two text frames for body copy on the page

Step 4

Using the Text Tool (T), add a text frame in the single column we left on the very left side of the page. Here, you’ll add a caption. Use the Paragraph Styles panel and select the Caption style. 

place a caption text frame between the two body copy frames

Add two strokes between the columns with the Line Tool (/) to create a separation and polish the layout. Set the Weight of the strokes to 0.25 pt.

add strokes for a clean look

6. How to Export a File for Printing

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

Step 1

To export the file, go to File > Export. Name the file Church Newsletter template and choose Adobe PDF (Print) from the Format dropdown menu. Click Save. 

export the church newsletter template

Step 2

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

select press quality from the adobe pdf preset

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

check all printers marks and document bleed settings

Great Job! You’ve Finished This Tutorial!

In this tutorial, you learned how to create a newsletter template. The essential tools you learned today will help you properly set up all your future InDesign templates. Today, you learned to:

  • set up a ready-to-print InDesign file
  • add Layers to keep your file organized
  • create Color Swatches that you can easily change
  • set up Paragraph Styles to help you format the template
  • use the Text Wrap panel to offset text
  • design an asymmetrical newsletter layout

If you are new to InDesign and need an InDesign newsletter template or newsletter template ideas, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this tutorial, you might like these: