Post pobrano z: How to Turn a Landscape Photograph Into an Isometric Icon in Adobe Photoshop

Today you will learn how to create an isometric perspective grid in Adobe Photoshop. To make a nice isometric view illustration, we will add some photo textures.

If you’re in a hurry and looking for some ready-made isometric icons to use in your projects (along with many other awesome types of isometric vectors), read this article:

• 
  Isometric
  49 Amazing Isometric Vectors and Icons
  Melody Nieves

Tutorial Assets

To complete the tutorial, you will need the following assets:

• Dirt and roots
• Landscape 1
• Landscape 2
• Sea
• Soil texture (personal photo, available inside the zip file)

1. How to Make an Isometric Grid

Step 1

First of all, we need to add an isometric grid to our canvas. You can find instructions for this in the isometric tutorial we published earlier.

Step 2

Based on the grid, draw a rectangle vector shape on the isometric surface. You can use any color, because this is just a guide for our next photo manipulation process.

Step 3

Duplicate the vector shape by clicking Control-J, and move it upward.

Step 4

From now on, you can turn off the grid, because we won’t be needing it anymore.

2. How to Build the Soil

Step 1

Draw the left side of the 3D map using the Pen Tool. Double-click its layer shape and then add a Gradient Overlay.

Step 2

Set its Fill to 0%.

Step 3

Repeat the same step on the other side.

Step 4

Draw a new shape using the Pen Tool, covering the whole map. Add a Gradient Overlay to the shape and then set its Fill to 0%.

Step 5

Grab the soil texture and place it on top of the map.

Step 6

Control-click the left side of the map to make a new selection based on its shape. Click the Add layer mask icon in the lower part of the Layers panel to cut off the rock texture outside the shape.

Step 7

Repeat the same process on the other side of the map.

3. How to Build the Hill

Step 1

Grab the hill landscape and overlay it on the map with low Opacity. Position it until you get a nice perspective.

Step 2

Add a layer mask to the landscape photo and then paint with black to hide unwanted areas. In this case, I want to retain the street, the hill next to it, and the tree in the corner. Try to get a natural shape using your brush stroke. We don’t want this to be a flat, box-like shape.

Step 3

Let’s go back to the soil. We need to make it darker and more believable. Start by painting shadow on its corner. Add a new layer and simply paint black using the Brush Tool with low Opacity.

Step 4

The result is already much better. Keep on adding black shadow to the soil to make it a lot darker.

Step 5

Next, grab another dirt or soil texture. Paste it on top of the previous soil and set its mode to Overlay. Take your time, add a layer mask, and carefully insert any dirt, rocks, and roots into the soil to make it as realistic as possible.

Step 6

Let’s add another landscape image into the map. Place the landscape behind the current hill landscape. Add a layer mask to the landscape image and then paint black to remove most of its content while leaving part of its valley.

Step 7

Add a new layer and then paint shadow on areas of the new landscape as indicated below.

4. How to Add the Sea to the Isometric View

Step 1

Now, add the sea image behind the map. Position it where you like it most.

Step 2

Control-click the base of the map to create a new selection based on its shape. Click the Add layer mask icon to hide unselected pixels.

Step 3

Manually fix broken elements in the landscape, if there are any, by painting them with white using a soft brush. In this case, do this with the rock.

Step 4

To add more waves to the sea, we can simply duplicate the sea image and move it to a different position. Apply the same layer mask as the first one and then hide some of the areas until it blends with the first image.

Step 5

Select the ocean by Control-clicking on its layer shape. Add a Photo Filter Adjustment Layer with Cooling Filter to increase the contrast of its blue sea surface.

5. How to Add Details

Step 1

Let’s add more contrast into the scene manually. Start by selecting the main hill. Make a new layer on top of it and then click Edit > Stroke to add a stroke line.

Step 2

Apply a Gaussian Blur filter to soften the line, and then reduce its Opacity setting in the Layers panel. If necessary, you can also delete a segment of the blurred line using the Eraser Tool.

Step 3

Repeat this process, and add another shadow by painting with black on a new layer.

Step 4

Let’s make the road more realistic by adding an unfinished street at the end. Activate the hill landscape layer and then paint with white to reveal a chunk of street hanging outside the map. Right underneath the street, paint black to add thickness to the street and then paint a big soft shadow on the soil.

Step 5

To make it appear more realistic, add a new layer and scribble some short black lines using the Pencil Tool with 1 px brush size on the street. Duplicate the layer, and invert its color to white by pressing Control-I. Move the white scribbles down 1 pixel. Reduce their Opacity setting in the Layers panel.

Step 6

Add another shadow and highlight onto the scene by painting with black and white using a soft big brush with low Opacity.

Step 7

Here’s the fun part. The map will not be complete until we have a small car on the empty street. You might notice that in our main landscape there’s a parked car. Select and then copy it to a new layer (Control-J). Place it on the street, add a layer mask, and then hide unneeded pixels by painting them with black.

6. How to Add the Background

Step 1

We will use a simple background for this map. Activate the Gradient Tool with a standard white to black gradient. Drag from top to bottom until we have this background.

Step 2

Let’s add a shadow underneath the map. Control-click the base to make a new selection. Fill it with black, deselect (Control-D), and then apply a Gaussian Blur filter (Filter > Blur > Gaussian Blur) to soften it. Repeat this process a few times with different Radius settings and layer Opacity until we have a realistic floor.

Step 3

We may need to draw shadow manually by painting black on the canvas using a big soft Brush Tool with low Opacity.

Step 4

This grey background is just too dull. Let’s make it more interesting by changing its color to blue. Add a Photo Filter Adjustment Layer above the background and select Cooling Filter.

Conclusion

Now, we have reached the final result. As you can see, there are no complicated tricks in this tutorial. We only used a simple layer mask and a bit of manual drawing. We made cool isometric perspective illustration in Adobe Photoshop.

I believe that it is important to select the best landscape photos—by doing this, we save ourselves from time-consuming photo editing and can focus on working with the map shape. I hope you understand this tutorial and can follow it easily. If you do follow along, let me know your result. I’d love to see it. Thanks.

Check out some other awesome tutorials with step-by-step cool isometric view illustrations and our articles about this type of design!

• 
  Isometric
  Quick Tip: How to Create an Isometric Grid in Less Than 2 Minutes!
  Iulius Curt

• 
  Isometric
  22 Illustrator Tutorials for Creating Isometric Illustration
  Sean Hodge

• 
  Isometric
  How to Draw Isometric Art in Illustrator
  Jonathan Lam

• 
  Music Video
  How to Create a Tous-Les-Memes-Inspired, Isometric Scene Effect in Photoshop
  Kirk Nelson

Post pobrano z: How to Turn a Landscape Photograph Into an Isometric Icon in Adobe Photoshop

Today you will learn how to create an isometric perspective grid in Adobe Photoshop. To make a nice isometric view illustration, we will add some photo textures.

If you’re in a hurry and looking for some ready-made isometric icons to use in your projects (along with many other awesome types of isometric vectors), read this article:

• 
  Isometric
  49 Amazing Isometric Vectors and Icons
  Melody Nieves

Tutorial Assets

To complete the tutorial, you will need the following assets:

• Dirt and roots
• Landscape 1
• Landscape 2
• Sea
• Soil texture (personal photo, available inside the zip file)

1. How to Make an Isometric Grid

Step 1

First of all, we need to add an isometric grid to our canvas. You can find instructions for this in the isometric tutorial we published earlier.

Step 2

Based on the grid, draw a rectangle vector shape on the isometric surface. You can use any color, because this is just a guide for our next photo manipulation process.

Step 3

Duplicate the vector shape by clicking Control-J, and move it upward.

Step 4

From now on, you can turn off the grid, because we won’t be needing it anymore.

2. How to Build the Soil

Step 1

Draw the left side of the 3D map using the Pen Tool. Double-click its layer shape and then add a Gradient Overlay.

Step 2

Set its Fill to 0%.

Step 3

Repeat the same step on the other side.

Step 4

Draw a new shape using the Pen Tool, covering the whole map. Add a Gradient Overlay to the shape and then set its Fill to 0%.

Step 5

Grab the soil texture and place it on top of the map.

Step 6

Control-click the left side of the map to make a new selection based on its shape. Click the Add layer mask icon in the lower part of the Layers panel to cut off the rock texture outside the shape.

Step 7

Repeat the same process on the other side of the map.

3. How to Build the Hill

Step 1

Grab the hill landscape and overlay it on the map with low Opacity. Position it until you get a nice perspective.

Step 2

Add a layer mask to the landscape photo and then paint with black to hide unwanted areas. In this case, I want to retain the street, the hill next to it, and the tree in the corner. Try to get a natural shape using your brush stroke. We don’t want this to be a flat, box-like shape.

Step 3

Let’s go back to the soil. We need to make it darker and more believable. Start by painting shadow on its corner. Add a new layer and simply paint black using the Brush Tool with low Opacity.

Step 4

The result is already much better. Keep on adding black shadow to the soil to make it a lot darker.

Step 5

Next, grab another dirt or soil texture. Paste it on top of the previous soil and set its mode to Overlay. Take your time, add a layer mask, and carefully insert any dirt, rocks, and roots into the soil to make it as realistic as possible.

Step 6

Let’s add another landscape image into the map. Place the landscape behind the current hill landscape. Add a layer mask to the landscape image and then paint black to remove most of its content while leaving part of its valley.

Step 7

Add a new layer and then paint shadow on areas of the new landscape as indicated below.

4. How to Add the Sea to the Isometric View

Step 1

Now, add the sea image behind the map. Position it where you like it most.

Step 2

Control-click the base of the map to create a new selection based on its shape. Click the Add layer mask icon to hide unselected pixels.

Step 3

Manually fix broken elements in the landscape, if there are any, by painting them with white using a soft brush. In this case, do this with the rock.

Step 4

To add more waves to the sea, we can simply duplicate the sea image and move it to a different position. Apply the same layer mask as the first one and then hide some of the areas until it blends with the first image.

Step 5

Select the ocean by Control-clicking on its layer shape. Add a Photo Filter Adjustment Layer with Cooling Filter to increase the contrast of its blue sea surface.

5. How to Add Details

Step 1

Let’s add more contrast into the scene manually. Start by selecting the main hill. Make a new layer on top of it and then click Edit > Stroke to add a stroke line.

Step 2

Apply a Gaussian Blur filter to soften the line, and then reduce its Opacity setting in the Layers panel. If necessary, you can also delete a segment of the blurred line using the Eraser Tool.

Step 3

Repeat this process, and add another shadow by painting with black on a new layer.

Step 4

Let’s make the road more realistic by adding an unfinished street at the end. Activate the hill landscape layer and then paint with white to reveal a chunk of street hanging outside the map. Right underneath the street, paint black to add thickness to the street and then paint a big soft shadow on the soil.

Step 5

To make it appear more realistic, add a new layer and scribble some short black lines using the Pencil Tool with 1 px brush size on the street. Duplicate the layer, and invert its color to white by pressing Control-I. Move the white scribbles down 1 pixel. Reduce their Opacity setting in the Layers panel.

Step 6

Add another shadow and highlight onto the scene by painting with black and white using a soft big brush with low Opacity.

Step 7

Here’s the fun part. The map will not be complete until we have a small car on the empty street. You might notice that in our main landscape there’s a parked car. Select and then copy it to a new layer (Control-J). Place it on the street, add a layer mask, and then hide unneeded pixels by painting them with black.

6. How to Add the Background

Step 1

We will use a simple background for this map. Activate the Gradient Tool with a standard white to black gradient. Drag from top to bottom until we have this background.

Step 2

Let’s add a shadow underneath the map. Control-click the base to make a new selection. Fill it with black, deselect (Control-D), and then apply a Gaussian Blur filter (Filter > Blur > Gaussian Blur) to soften it. Repeat this process a few times with different Radius settings and layer Opacity until we have a realistic floor.

Step 3

We may need to draw shadow manually by painting black on the canvas using a big soft Brush Tool with low Opacity.

Step 4

This grey background is just too dull. Let’s make it more interesting by changing its color to blue. Add a Photo Filter Adjustment Layer above the background and select Cooling Filter.

Conclusion

Now, we have reached the final result. As you can see, there are no complicated tricks in this tutorial. We only used a simple layer mask and a bit of manual drawing. We made cool isometric perspective illustration in Adobe Photoshop.

I believe that it is important to select the best landscape photos—by doing this, we save ourselves from time-consuming photo editing and can focus on working with the map shape. I hope you understand this tutorial and can follow it easily. If you do follow along, let me know your result. I’d love to see it. Thanks.

Check out some other awesome tutorials with step-by-step cool isometric view illustrations and our articles about this type of design!

• 
  Isometric
  Quick Tip: How to Create an Isometric Grid in Less Than 2 Minutes!
  Iulius Curt

• 
  Isometric
  22 Illustrator Tutorials for Creating Isometric Illustration
  Sean Hodge

• 
  Isometric
  How to Draw Isometric Art in Illustrator
  Jonathan Lam

• 
  Music Video
  How to Create a Tous-Les-Memes-Inspired, Isometric Scene Effect in Photoshop
  Kirk Nelson

Post pobrano z: How to Turn a Landscape Photograph Into an Isometric Icon in Adobe Photoshop

Today you will learn how to create an isometric perspective grid in Adobe Photoshop. To make a nice isometric view illustration, we will add some photo textures.

If you’re in a hurry and looking for some ready-made isometric icons to use in your projects (along with many other awesome types of isometric vectors), read this article:

• 
  Isometric
  49 Amazing Isometric Vectors and Icons
  Melody Nieves

Tutorial Assets

To complete the tutorial, you will need the following assets:

• Dirt and roots
• Landscape 1
• Landscape 2
• Sea
• Soil texture (personal photo, available inside the zip file)

1. How to Make an Isometric Grid

Step 1

First of all, we need to add an isometric grid to our canvas. You can find instructions for this in the isometric tutorial we published earlier.

Step 2

Based on the grid, draw a rectangle vector shape on the isometric surface. You can use any color, because this is just a guide for our next photo manipulation process.

Step 3

Duplicate the vector shape by clicking Control-J, and move it upward.

Step 4

From now on, you can turn off the grid, because we won’t be needing it anymore.

2. How to Build the Soil

Step 1

Draw the left side of the 3D map using the Pen Tool. Double-click its layer shape and then add a Gradient Overlay.

Step 2

Set its Fill to 0%.

Step 3

Repeat the same step on the other side.

Step 4

Draw a new shape using the Pen Tool, covering the whole map. Add a Gradient Overlay to the shape and then set its Fill to 0%.

Step 5

Grab the soil texture and place it on top of the map.

Step 6

Control-click the left side of the map to make a new selection based on its shape. Click the Add layer mask icon in the lower part of the Layers panel to cut off the rock texture outside the shape.

Step 7

Repeat the same process on the other side of the map.

3. How to Build the Hill

Step 1

Grab the hill landscape and overlay it on the map with low Opacity. Position it until you get a nice perspective.

Step 2

Add a layer mask to the landscape photo and then paint with black to hide unwanted areas. In this case, I want to retain the street, the hill next to it, and the tree in the corner. Try to get a natural shape using your brush stroke. We don’t want this to be a flat, box-like shape.

Step 3

Let’s go back to the soil. We need to make it darker and more believable. Start by painting shadow on its corner. Add a new layer and simply paint black using the Brush Tool with low Opacity.

Step 4

The result is already much better. Keep on adding black shadow to the soil to make it a lot darker.

Step 5

Next, grab another dirt or soil texture. Paste it on top of the previous soil and set its mode to Overlay. Take your time, add a layer mask, and carefully insert any dirt, rocks, and roots into the soil to make it as realistic as possible.

Step 6

Let’s add another landscape image into the map. Place the landscape behind the current hill landscape. Add a layer mask to the landscape image and then paint black to remove most of its content while leaving part of its valley.

Step 7

Add a new layer and then paint shadow on areas of the new landscape as indicated below.

4. How to Add the Sea to the Isometric View

Step 1

Now, add the sea image behind the map. Position it where you like it most.

Step 2

Control-click the base of the map to create a new selection based on its shape. Click the Add layer mask icon to hide unselected pixels.

Step 3

Manually fix broken elements in the landscape, if there are any, by painting them with white using a soft brush. In this case, do this with the rock.

Step 4

To add more waves to the sea, we can simply duplicate the sea image and move it to a different position. Apply the same layer mask as the first one and then hide some of the areas until it blends with the first image.

Step 5

Select the ocean by Control-clicking on its layer shape. Add a Photo Filter Adjustment Layer with Cooling Filter to increase the contrast of its blue sea surface.

5. How to Add Details

Step 1

Let’s add more contrast into the scene manually. Start by selecting the main hill. Make a new layer on top of it and then click Edit > Stroke to add a stroke line.

Step 2

Apply a Gaussian Blur filter to soften the line, and then reduce its Opacity setting in the Layers panel. If necessary, you can also delete a segment of the blurred line using the Eraser Tool.

Step 3

Repeat this process, and add another shadow by painting with black on a new layer.

Step 4

Let’s make the road more realistic by adding an unfinished street at the end. Activate the hill landscape layer and then paint with white to reveal a chunk of street hanging outside the map. Right underneath the street, paint black to add thickness to the street and then paint a big soft shadow on the soil.

Step 5

To make it appear more realistic, add a new layer and scribble some short black lines using the Pencil Tool with 1 px brush size on the street. Duplicate the layer, and invert its color to white by pressing Control-I. Move the white scribbles down 1 pixel. Reduce their Opacity setting in the Layers panel.

Step 6

Add another shadow and highlight onto the scene by painting with black and white using a soft big brush with low Opacity.

Step 7

Here’s the fun part. The map will not be complete until we have a small car on the empty street. You might notice that in our main landscape there’s a parked car. Select and then copy it to a new layer (Control-J). Place it on the street, add a layer mask, and then hide unneeded pixels by painting them with black.

6. How to Add the Background

Step 1

We will use a simple background for this map. Activate the Gradient Tool with a standard white to black gradient. Drag from top to bottom until we have this background.

Step 2

Let’s add a shadow underneath the map. Control-click the base to make a new selection. Fill it with black, deselect (Control-D), and then apply a Gaussian Blur filter (Filter > Blur > Gaussian Blur) to soften it. Repeat this process a few times with different Radius settings and layer Opacity until we have a realistic floor.

Step 3

We may need to draw shadow manually by painting black on the canvas using a big soft Brush Tool with low Opacity.

Step 4

This grey background is just too dull. Let’s make it more interesting by changing its color to blue. Add a Photo Filter Adjustment Layer above the background and select Cooling Filter.

Conclusion

Now, we have reached the final result. As you can see, there are no complicated tricks in this tutorial. We only used a simple layer mask and a bit of manual drawing. We made cool isometric perspective illustration in Adobe Photoshop.

I believe that it is important to select the best landscape photos—by doing this, we save ourselves from time-consuming photo editing and can focus on working with the map shape. I hope you understand this tutorial and can follow it easily. If you do follow along, let me know your result. I’d love to see it. Thanks.

Check out some other awesome tutorials with step-by-step cool isometric view illustrations and our articles about this type of design!

• 
  Isometric
  Quick Tip: How to Create an Isometric Grid in Less Than 2 Minutes!
  Iulius Curt

• 
  Isometric
  22 Illustrator Tutorials for Creating Isometric Illustration
  Sean Hodge

• 
  Isometric
  How to Draw Isometric Art in Illustrator
  Jonathan Lam

• 
  Music Video
  How to Create a Tous-Les-Memes-Inspired, Isometric Scene Effect in Photoshop
  Kirk Nelson

Post pobrano z: How to Turn a Landscape Photograph Into an Isometric Icon in Adobe Photoshop

Today you will learn how to create an isometric perspective grid in Adobe Photoshop. To make a nice isometric view illustration, we will add some photo textures.

If you’re in a hurry and looking for some ready-made isometric icons to use in your projects (along with many other awesome types of isometric vectors), read this article:

• 
  Isometric
  49 Amazing Isometric Vectors and Icons
  Melody Nieves

Tutorial Assets

To complete the tutorial, you will need the following assets:

• Dirt and roots
• Landscape 1
• Landscape 2
• Sea
• Soil texture (personal photo, available inside the zip file)

1. How to Make an Isometric Grid

Step 1

First of all, we need to add an isometric grid to our canvas. You can find instructions for this in the isometric tutorial we published earlier.

Step 2

Based on the grid, draw a rectangle vector shape on the isometric surface. You can use any color, because this is just a guide for our next photo manipulation process.

Step 3

Duplicate the vector shape by clicking Control-J, and move it upward.

Step 4

From now on, you can turn off the grid, because we won’t be needing it anymore.

2. How to Build the Soil

Step 1

Draw the left side of the 3D map using the Pen Tool. Double-click its layer shape and then add a Gradient Overlay.

Step 2

Set its Fill to 0%.

Step 3

Repeat the same step on the other side.

Step 4

Draw a new shape using the Pen Tool, covering the whole map. Add a Gradient Overlay to the shape and then set its Fill to 0%.

Step 5

Grab the soil texture and place it on top of the map.

Step 6

Control-click the left side of the map to make a new selection based on its shape. Click the Add layer mask icon in the lower part of the Layers panel to cut off the rock texture outside the shape.

Step 7

Repeat the same process on the other side of the map.

3. How to Build the Hill

Step 1

Grab the hill landscape and overlay it on the map with low Opacity. Position it until you get a nice perspective.

Step 2

Add a layer mask to the landscape photo and then paint with black to hide unwanted areas. In this case, I want to retain the street, the hill next to it, and the tree in the corner. Try to get a natural shape using your brush stroke. We don’t want this to be a flat, box-like shape.

Step 3

Let’s go back to the soil. We need to make it darker and more believable. Start by painting shadow on its corner. Add a new layer and simply paint black using the Brush Tool with low Opacity.

Step 4

The result is already much better. Keep on adding black shadow to the soil to make it a lot darker.

Step 5

Next, grab another dirt or soil texture. Paste it on top of the previous soil and set its mode to Overlay. Take your time, add a layer mask, and carefully insert any dirt, rocks, and roots into the soil to make it as realistic as possible.

Step 6

Let’s add another landscape image into the map. Place the landscape behind the current hill landscape. Add a layer mask to the landscape image and then paint black to remove most of its content while leaving part of its valley.

Step 7

Add a new layer and then paint shadow on areas of the new landscape as indicated below.

4. How to Add the Sea to the Isometric View

Step 1

Now, add the sea image behind the map. Position it where you like it most.

Step 2

Control-click the base of the map to create a new selection based on its shape. Click the Add layer mask icon to hide unselected pixels.

Step 3

Manually fix broken elements in the landscape, if there are any, by painting them with white using a soft brush. In this case, do this with the rock.

Step 4

To add more waves to the sea, we can simply duplicate the sea image and move it to a different position. Apply the same layer mask as the first one and then hide some of the areas until it blends with the first image.

Step 5

Select the ocean by Control-clicking on its layer shape. Add a Photo Filter Adjustment Layer with Cooling Filter to increase the contrast of its blue sea surface.

5. How to Add Details

Step 1

Let’s add more contrast into the scene manually. Start by selecting the main hill. Make a new layer on top of it and then click Edit > Stroke to add a stroke line.

Step 2

Apply a Gaussian Blur filter to soften the line, and then reduce its Opacity setting in the Layers panel. If necessary, you can also delete a segment of the blurred line using the Eraser Tool.

Step 3

Repeat this process, and add another shadow by painting with black on a new layer.

Step 4

Let’s make the road more realistic by adding an unfinished street at the end. Activate the hill landscape layer and then paint with white to reveal a chunk of street hanging outside the map. Right underneath the street, paint black to add thickness to the street and then paint a big soft shadow on the soil.

Step 5

To make it appear more realistic, add a new layer and scribble some short black lines using the Pencil Tool with 1 px brush size on the street. Duplicate the layer, and invert its color to white by pressing Control-I. Move the white scribbles down 1 pixel. Reduce their Opacity setting in the Layers panel.

Step 6

Add another shadow and highlight onto the scene by painting with black and white using a soft big brush with low Opacity.

Step 7

Here’s the fun part. The map will not be complete until we have a small car on the empty street. You might notice that in our main landscape there’s a parked car. Select and then copy it to a new layer (Control-J). Place it on the street, add a layer mask, and then hide unneeded pixels by painting them with black.

6. How to Add the Background

Step 1

We will use a simple background for this map. Activate the Gradient Tool with a standard white to black gradient. Drag from top to bottom until we have this background.

Step 2

Let’s add a shadow underneath the map. Control-click the base to make a new selection. Fill it with black, deselect (Control-D), and then apply a Gaussian Blur filter (Filter > Blur > Gaussian Blur) to soften it. Repeat this process a few times with different Radius settings and layer Opacity until we have a realistic floor.

Step 3

We may need to draw shadow manually by painting black on the canvas using a big soft Brush Tool with low Opacity.

Step 4

This grey background is just too dull. Let’s make it more interesting by changing its color to blue. Add a Photo Filter Adjustment Layer above the background and select Cooling Filter.

Conclusion

Now, we have reached the final result. As you can see, there are no complicated tricks in this tutorial. We only used a simple layer mask and a bit of manual drawing. We made cool isometric perspective illustration in Adobe Photoshop.

I believe that it is important to select the best landscape photos—by doing this, we save ourselves from time-consuming photo editing and can focus on working with the map shape. I hope you understand this tutorial and can follow it easily. If you do follow along, let me know your result. I’d love to see it. Thanks.

Check out some other awesome tutorials with step-by-step cool isometric view illustrations and our articles about this type of design!

• 
  Isometric
  Quick Tip: How to Create an Isometric Grid in Less Than 2 Minutes!
  Iulius Curt

• 
  Isometric
  22 Illustrator Tutorials for Creating Isometric Illustration
  Sean Hodge

• 
  Isometric
  How to Draw Isometric Art in Illustrator
  Jonathan Lam

• 
  Music Video
  How to Create a Tous-Les-Memes-Inspired, Isometric Scene Effect in Photoshop
  Kirk Nelson

Post pobrano z: How to Make a Marketing Flyer Template in InDesign

Promote your next business venture or current products with this super-easy tutorial that will help you attract more consumers. In this tutorial, I’ll show you how to make a flyer template.

Corporate business flyers are cost-effective advertising that you can use. Having an easy-to-use business flyer whose format you or your clients can quickly change is a huge advantage. 

In this tutorial, I’ll show you how to make a flyer with the most essential tools. You’ll learn how to successfully set up a template with layers, Color Swatches, and Paragraph styles. These three components will make trouble-free business flyers that can be formatted in just minutes. 

In a hurry? We’ve got amazing InDesign marketing flyer templates and business flyer templates over at Envato Elements and GraphicRiver. Go check them out! 

What You Will Need for Your InDesign Flyer Template

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

• Social Media Logo
• Female Asian Architect
• Digital Marketing Icons
• RNS Sanz

Download the assets and make sure the font is installed on your system before starting. When you are ready, we can start designing the business flyer template! 

1. Setting Up a Marketing Flyer Template InDesign File

Step 1

In InDesign, go to File > New. In the New Document window, select the Print Tab. Select the A4 preset and name the document „Marketing Flyer Template”. Change the settings to the following:

• Width to 21 cm
• Height to 29.7 cm
• Orientation to Portrait
• Units to Centimeters
• Pages to 1
• Uncheck Facing Pages
• Margins to 1.27 cm
• Bleeds to 0.3 cm (it’s best to seek your professional printer’s preference)

Click Create.

Step 2

For this open marketing flyer template, we will work with three Layers. Organizing layers is an important practice when designing a template as they will make it easier for the user to edit.

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

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

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

Step 3

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: 

• Teal: C=60 M=0 Y=30 K=0 
• Dark Blue: C=100 M=80 Y=0 K=70

Click Add and OK after you input each color value.

Step 4

For this tutorial, we will create a list of Paragraph Styles that we will use to format the marketing flyer template. 

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

• Font Family: RNS Sanz
• Font Style: Normal
• Size: 9 pt

Select the Character Color option from the left side menu. Set the color to the Blue 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: RNS Sanz
• Font Style: Extra Bold
• Size: 14 pt

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

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

• Font Family: RNS Sanz
• Font Style: Extra Bold
• Size: 9 pt

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

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

• Font Family: RNS Sanz
• Font Style: Extra Bold
• Size: 18 pt

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

Step 5

Go to Layout > Create Guides. In the Create Guides option window, use the following settings:

• Rows Number: 5
• Rows Gutter: 0.5 cm
• Columns Number: 2
• Columns Gutter: 0.5 cm
• Fit Guides to: Margins

Click OK.

• 
  Flyers
  How to Create an Event Flyer Template in InDesign
  Grace Fussell

• 
  Flyers
  How to Make an InDesign Flyer Template
  Laura Keung

• 
  Flyers
  How to Make a Fundraiser Flyer Template
  Laura Keung

• 
  Flyers
  38 Best InDesign Flyer Templates (for Business, Events, Parties, and More!)
  Melody Nieves

2. How to Design a Marketing Flyer Template in InDesign

Step 1

Select the Background layer from the Layers panel.

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

On the Swatches panel, select the Blue swatch. Set the Tint to 10%. 

Create a small text frame over the element and on the top right corner of the marketing flyer. Here, you can include contact information. Use the Paragraph Styles panel to format the frame into the Copy style. On the Control bar, select the Align Right button.

Step 2

Select the Images layer from the Layers panel.   

Press Command-D to Place an image. Select the Social Media Logo EPS file and click Open. 

Use the Selection Tool (V) to crop the frame to the preferred logo. Place the logo on the top left corner of the flyer design. 

Step 3

Press Command-D to Place an image. Select the Female Asian Architect JPG file and click Open. 

Place the image on the top guide of the first gutter. Use the Selection Tool (V) to crop the frame to the fourth row. 

Use the Direct Selection Tool (A) to resize the image to 50%. Check for the Scale percentage on the Control bar. 

Step 4

Select the Rectangle Tool (M) from the toolbar. Click on the document to open the Rectangle Option Window. 

Create a rectangle that measures 10.55 cm in Width and 3.45 cm in Height. Click OK.

Step 5

On the Swatches panel, select the [Paper] swatch for the rectangle. Set the Opacity to 90%. Align the rectangle to the top left corner of the image. 

Step 6

Select the Copy layer from the Layers panel.

Select the Text Tool (T) from the toolbar. Create a text frame over the rectangle that extends over the first column. 

Step 7

Add content to the frame and use the Paragraph Styles panel to style the text. Use the Tagline style for the first two lines—this is great for a catchphrase to attract customers. 

Use the Copy style for the description under the tagline.

Step 8

While selecting the text frame, press Command-B to open the Text Frame Options window. Under Inset Spacing, set the Right option to 0.5 cm. Click OK.

Step 9

Using the Text Tool (T), create a one-column text frame under the image. This frame can extend all the way to the bottom margin.

Add content and use the Paragraph Styles panel to style the frame. Use the Headline and Copy styles. Select the copy and change the color on the Swatches panel to [Paper]. 

Press Command-B to open the Text Frame Options window. Under Inset Spacing, set the Left side to 0.5 cm. 

Using the Rectangle Tool (M), create a rectangle that covers the text frame we created in this step. On the Swatches panel, set the color to Blue. Place this element on the Background layer.

Step 10

Select the Text Tool (T) from the toolbar. Create a square text frame that measures 1 cm on all sides. 

Set the color of the frame to Blue on the Swatches panel. 

Add a number to the frame and use the Paragraph Styles panel to style it. Select the Headline style and change the color to [Paper] on the Swatches panel.

Step 11

Head over to the Control bar and select the Align Center button. 

While selecting the text frame, press Command-B to open the Text Frame Options window. Under Inset Spacing, add 0.5 cm to all sides. Click OK.

Step 12

Open the Text Wrap panel by going to Window > Text Wrap. On the panel, set the Offset to 0.3 cm on all sides. 

Step 13

Duplicate the text frame by pressing Option and dragging. Change the numbers to „2” and „3”. Place the frames over the full-column frame created previously. 

Step 14

Using the Text Tool (T), create a second text frame on the opposite column. 

Use the Paragraph Styles panel to design the frame with the Headline and Copy styles. 

Step 15

Open the Digital Marketing Icons in Illustrator. Select three icons and copy/paste them onto the marketing flyer template in InDesign. 

Resize the icons on the Control bar. Set the Percentage Scale to 20%. 

Step 16

You’ll notice the colors don’t match our design. On the Swatches panel, select the cream color and click on the Delete button. In the Delete Swatch options window, select the Replacement to Defined Swatch. In the dropdown menu, select the [Paper} swatch. Click OK.

Select the RGB teal color on the Swatches panel. Delete it and replace it with the Blue swatch. 

Step 17

Place each icon at the top of each gutter on the last three rows. 

Create a text frame with the Text Tool (T) for each icon/row. Add content and use the Paragraph Styles panel to style it. Use the Subheadline and Copy styles. 

Step 18

Using the Line Tool (/), create a stroke between each text frame. 

Open the Stroke panel by going to Window > Stroke. Set the Stroke Weight to 1 pt and the Type to Dotted.

On the Swatches panel, set the Stroke color to Blue. 

3. How to Export an InDesign Flyer Template 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 „Marketing Flyer Template” and choose Adobe PDF (Print) from the Format dropdown menu. Click Save. 

Step 2

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

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

Great Job! You’ve Finished Your Business Flyer!

In this tutorial, we learned how to make a flyer template. We covered key tools that will help anyone edit this template fast and easy. Today, we learned to:

• set up a ready-to-print InDesign file
• create layers to keep an organized file
• add color swatches and replace colors
• create Paragraph styles to style text frames
• use the Text Frame options and Text Wrap tool on text frames

If you are new to InDesign and need flyer templates or flyer design inspiration right away, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this tutorial, you might like these:

• 
  Print Design
  How Do I Open and Edit a Template in InDesign?
  Laura Keung

• 
  Brochure
  How to Make a Brochure
  Grace Fussell

• 
  Brochure
  25 Best Pamphlet Templates (Tri-Fold Brochures, Bi-Fold, and More!)
  Melody Nieves

• 
  Print Design
  How to Make a Marketing Brochure Template in InDesign
  Laura Keung

• 
  Brochure
  How to Make a Trifold Brochure Pamphlet Template
  Laura Keung

• 
  InDesign Templates
  How to Create a Book Jacket Template in InDesign
  Laura Keung

Post pobrano z: How to Make a Marketing Flyer Template in InDesign

Promote your next business venture or current products with this super-easy tutorial that will help you attract more consumers. In this tutorial, I’ll show you how to make a flyer template.

Corporate business flyers are cost-effective advertising that you can use. Having an easy-to-use business flyer whose format you or your clients can quickly change is a huge advantage. 

In this tutorial, I’ll show you how to make a flyer with the most essential tools. You’ll learn how to successfully set up a template with layers, Color Swatches, and Paragraph styles. These three components will make trouble-free business flyers that can be formatted in just minutes. 

In a hurry? We’ve got amazing InDesign marketing flyer templates and business flyer templates over at Envato Elements and GraphicRiver. Go check them out! 

What You Will Need for Your InDesign Flyer Template

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

• Social Media Logo
• Female Asian Architect
• Digital Marketing Icons
• RNS Sanz

Download the assets and make sure the font is installed on your system before starting. When you are ready, we can start designing the business flyer template! 

1. Setting Up a Marketing Flyer Template InDesign File

Step 1

In InDesign, go to File > New. In the New Document window, select the Print Tab. Select the A4 preset and name the document „Marketing Flyer Template”. Change the settings to the following:

• Width to 21 cm
• Height to 29.7 cm
• Orientation to Portrait
• Units to Centimeters
• Pages to 1
• Uncheck Facing Pages
• Margins to 1.27 cm
• Bleeds to 0.3 cm (it’s best to seek your professional printer’s preference)

Click Create.

Step 2

For this open marketing flyer template, we will work with three Layers. Organizing layers is an important practice when designing a template as they will make it easier for the user to edit.

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

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

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

Step 3

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: 

• Teal: C=60 M=0 Y=30 K=0 
• Dark Blue: C=100 M=80 Y=0 K=70

Click Add and OK after you input each color value.

Step 4

For this tutorial, we will create a list of Paragraph Styles that we will use to format the marketing flyer template. 

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

• Font Family: RNS Sanz
• Font Style: Normal
• Size: 9 pt

Select the Character Color option from the left side menu. Set the color to the Blue 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: RNS Sanz
• Font Style: Extra Bold
• Size: 14 pt

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

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

• Font Family: RNS Sanz
• Font Style: Extra Bold
• Size: 9 pt

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

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

• Font Family: RNS Sanz
• Font Style: Extra Bold
• Size: 18 pt

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

Step 5

Go to Layout > Create Guides. In the Create Guides option window, use the following settings:

• Rows Number: 5
• Rows Gutter: 0.5 cm
• Columns Number: 2
• Columns Gutter: 0.5 cm
• Fit Guides to: Margins

Click OK.

• 
  Flyers
  How to Create an Event Flyer Template in InDesign
  Grace Fussell

• 
  Flyers
  How to Make an InDesign Flyer Template
  Laura Keung

• 
  Flyers
  How to Make a Fundraiser Flyer Template
  Laura Keung

• 
  Flyers
  38 Best InDesign Flyer Templates (for Business, Events, Parties, and More!)
  Melody Nieves

2. How to Design a Marketing Flyer Template in InDesign

Step 1

Select the Background layer from the Layers panel.

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

On the Swatches panel, select the Blue swatch. Set the Tint to 10%. 

Create a small text frame over the element and on the top right corner of the marketing flyer. Here, you can include contact information. Use the Paragraph Styles panel to format the frame into the Copy style. On the Control bar, select the Align Right button.

Step 2

Select the Images layer from the Layers panel.   

Press Command-D to Place an image. Select the Social Media Logo EPS file and click Open. 

Use the Selection Tool (V) to crop the frame to the preferred logo. Place the logo on the top left corner of the flyer design. 

Step 3

Press Command-D to Place an image. Select the Female Asian Architect JPG file and click Open. 

Place the image on the top guide of the first gutter. Use the Selection Tool (V) to crop the frame to the fourth row. 

Use the Direct Selection Tool (A) to resize the image to 50%. Check for the Scale percentage on the Control bar. 

Step 4

Select the Rectangle Tool (M) from the toolbar. Click on the document to open the Rectangle Option Window. 

Create a rectangle that measures 10.55 cm in Width and 3.45 cm in Height. Click OK.

Step 5

On the Swatches panel, select the [Paper] swatch for the rectangle. Set the Opacity to 90%. Align the rectangle to the top left corner of the image. 

Step 6

Select the Copy layer from the Layers panel.

Select the Text Tool (T) from the toolbar. Create a text frame over the rectangle that extends over the first column. 

Step 7

Add content to the frame and use the Paragraph Styles panel to style the text. Use the Tagline style for the first two lines—this is great for a catchphrase to attract customers. 

Use the Copy style for the description under the tagline.

Step 8

While selecting the text frame, press Command-B to open the Text Frame Options window. Under Inset Spacing, set the Right option to 0.5 cm. Click OK.

Step 9

Using the Text Tool (T), create a one-column text frame under the image. This frame can extend all the way to the bottom margin.

Add content and use the Paragraph Styles panel to style the frame. Use the Headline and Copy styles. Select the copy and change the color on the Swatches panel to [Paper]. 

Press Command-B to open the Text Frame Options window. Under Inset Spacing, set the Left side to 0.5 cm. 

Using the Rectangle Tool (M), create a rectangle that covers the text frame we created in this step. On the Swatches panel, set the color to Blue. Place this element on the Background layer.

Step 10

Select the Text Tool (T) from the toolbar. Create a square text frame that measures 1 cm on all sides. 

Set the color of the frame to Blue on the Swatches panel. 

Add a number to the frame and use the Paragraph Styles panel to style it. Select the Headline style and change the color to [Paper] on the Swatches panel.

Step 11

Head over to the Control bar and select the Align Center button. 

While selecting the text frame, press Command-B to open the Text Frame Options window. Under Inset Spacing, add 0.5 cm to all sides. Click OK.

Step 12

Open the Text Wrap panel by going to Window > Text Wrap. On the panel, set the Offset to 0.3 cm on all sides. 

Step 13

Duplicate the text frame by pressing Option and dragging. Change the numbers to „2” and „3”. Place the frames over the full-column frame created previously. 

Step 14

Using the Text Tool (T), create a second text frame on the opposite column. 

Use the Paragraph Styles panel to design the frame with the Headline and Copy styles. 

Step 15

Open the Digital Marketing Icons in Illustrator. Select three icons and copy/paste them onto the marketing flyer template in InDesign. 

Resize the icons on the Control bar. Set the Percentage Scale to 20%. 

Step 16

You’ll notice the colors don’t match our design. On the Swatches panel, select the cream color and click on the Delete button. In the Delete Swatch options window, select the Replacement to Defined Swatch. In the dropdown menu, select the [Paper} swatch. Click OK.

Select the RGB teal color on the Swatches panel. Delete it and replace it with the Blue swatch. 

Step 17

Place each icon at the top of each gutter on the last three rows. 

Create a text frame with the Text Tool (T) for each icon/row. Add content and use the Paragraph Styles panel to style it. Use the Subheadline and Copy styles. 

Step 18

Using the Line Tool (/), create a stroke between each text frame. 

Open the Stroke panel by going to Window > Stroke. Set the Stroke Weight to 1 pt and the Type to Dotted.

On the Swatches panel, set the Stroke color to Blue. 

3. How to Export an InDesign Flyer Template 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 „Marketing Flyer Template” and choose Adobe PDF (Print) from the Format dropdown menu. Click Save. 

Step 2

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

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

Great Job! You’ve Finished Your Business Flyer!

In this tutorial, we learned how to make a flyer template. We covered key tools that will help anyone edit this template fast and easy. Today, we learned to:

• set up a ready-to-print InDesign file
• create layers to keep an organized file
• add color swatches and replace colors
• create Paragraph styles to style text frames
• use the Text Frame options and Text Wrap tool on text frames

If you are new to InDesign and need flyer templates or flyer design inspiration right away, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this tutorial, you might like these:

• 
  Print Design
  How Do I Open and Edit a Template in InDesign?
  Laura Keung

• 
  Brochure
  How to Make a Brochure
  Grace Fussell

• 
  Brochure
  25 Best Pamphlet Templates (Tri-Fold Brochures, Bi-Fold, and More!)
  Melody Nieves

• 
  Print Design
  How to Make a Marketing Brochure Template in InDesign
  Laura Keung

• 
  Brochure
  How to Make a Trifold Brochure Pamphlet Template
  Laura Keung

• 
  InDesign Templates
  How to Create a Book Jacket Template in InDesign
  Laura Keung

Post pobrano z: How to Make a Marketing Flyer Template in InDesign

Promote your next business venture or current products with this super-easy tutorial that will help you attract more consumers. In this tutorial, I’ll show you how to make a flyer template.

Corporate business flyers are cost-effective advertising that you can use. Having an easy-to-use business flyer whose format you or your clients can quickly change is a huge advantage. 

In this tutorial, I’ll show you how to make a flyer with the most essential tools. You’ll learn how to successfully set up a template with layers, Color Swatches, and Paragraph styles. These three components will make trouble-free business flyers that can be formatted in just minutes. 

In a hurry? We’ve got amazing InDesign marketing flyer templates and business flyer templates over at Envato Elements and GraphicRiver. Go check them out! 

What You Will Need for Your InDesign Flyer Template

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

• Social Media Logo
• Female Asian Architect
• Digital Marketing Icons
• RNS Sanz

Download the assets and make sure the font is installed on your system before starting. When you are ready, we can start designing the business flyer template! 

1. Setting Up a Marketing Flyer Template InDesign File

Step 1

In InDesign, go to File > New. In the New Document window, select the Print Tab. Select the A4 preset and name the document „Marketing Flyer Template”. Change the settings to the following:

• Width to 21 cm
• Height to 29.7 cm
• Orientation to Portrait
• Units to Centimeters
• Pages to 1
• Uncheck Facing Pages
• Margins to 1.27 cm
• Bleeds to 0.3 cm (it’s best to seek your professional printer’s preference)

Click Create.

Step 2

For this open marketing flyer template, we will work with three Layers. Organizing layers is an important practice when designing a template as they will make it easier for the user to edit.

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

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

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

Step 3

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: 

• Teal: C=60 M=0 Y=30 K=0 
• Dark Blue: C=100 M=80 Y=0 K=70

Click Add and OK after you input each color value.

Step 4

For this tutorial, we will create a list of Paragraph Styles that we will use to format the marketing flyer template. 

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

• Font Family: RNS Sanz
• Font Style: Normal
• Size: 9 pt

Select the Character Color option from the left side menu. Set the color to the Blue 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: RNS Sanz
• Font Style: Extra Bold
• Size: 14 pt

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

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

• Font Family: RNS Sanz
• Font Style: Extra Bold
• Size: 9 pt

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

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

• Font Family: RNS Sanz
• Font Style: Extra Bold
• Size: 18 pt

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

Step 5

Go to Layout > Create Guides. In the Create Guides option window, use the following settings:

• Rows Number: 5
• Rows Gutter: 0.5 cm
• Columns Number: 2
• Columns Gutter: 0.5 cm
• Fit Guides to: Margins

Click OK.

• 
  Flyers
  How to Create an Event Flyer Template in InDesign
  Grace Fussell

• 
  Flyers
  How to Make an InDesign Flyer Template
  Laura Keung

• 
  Flyers
  How to Make a Fundraiser Flyer Template
  Laura Keung

• 
  Flyers
  38 Best InDesign Flyer Templates (for Business, Events, Parties, and More!)
  Melody Nieves

2. How to Design a Marketing Flyer Template in InDesign

Step 1

Select the Background layer from the Layers panel.

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

On the Swatches panel, select the Blue swatch. Set the Tint to 10%. 

Create a small text frame over the element and on the top right corner of the marketing flyer. Here, you can include contact information. Use the Paragraph Styles panel to format the frame into the Copy style. On the Control bar, select the Align Right button.

Step 2

Select the Images layer from the Layers panel.   

Press Command-D to Place an image. Select the Social Media Logo EPS file and click Open. 

Use the Selection Tool (V) to crop the frame to the preferred logo. Place the logo on the top left corner of the flyer design. 

Step 3

Press Command-D to Place an image. Select the Female Asian Architect JPG file and click Open. 

Place the image on the top guide of the first gutter. Use the Selection Tool (V) to crop the frame to the fourth row. 

Use the Direct Selection Tool (A) to resize the image to 50%. Check for the Scale percentage on the Control bar. 

Step 4

Select the Rectangle Tool (M) from the toolbar. Click on the document to open the Rectangle Option Window. 

Create a rectangle that measures 10.55 cm in Width and 3.45 cm in Height. Click OK.

Step 5

On the Swatches panel, select the [Paper] swatch for the rectangle. Set the Opacity to 90%. Align the rectangle to the top left corner of the image. 

Step 6

Select the Copy layer from the Layers panel.

Select the Text Tool (T) from the toolbar. Create a text frame over the rectangle that extends over the first column. 

Step 7

Add content to the frame and use the Paragraph Styles panel to style the text. Use the Tagline style for the first two lines—this is great for a catchphrase to attract customers. 

Use the Copy style for the description under the tagline.

Step 8

While selecting the text frame, press Command-B to open the Text Frame Options window. Under Inset Spacing, set the Right option to 0.5 cm. Click OK.

Step 9

Using the Text Tool (T), create a one-column text frame under the image. This frame can extend all the way to the bottom margin.

Add content and use the Paragraph Styles panel to style the frame. Use the Headline and Copy styles. Select the copy and change the color on the Swatches panel to [Paper]. 

Press Command-B to open the Text Frame Options window. Under Inset Spacing, set the Left side to 0.5 cm. 

Using the Rectangle Tool (M), create a rectangle that covers the text frame we created in this step. On the Swatches panel, set the color to Blue. Place this element on the Background layer.

Step 10

Select the Text Tool (T) from the toolbar. Create a square text frame that measures 1 cm on all sides. 

Set the color of the frame to Blue on the Swatches panel. 

Add a number to the frame and use the Paragraph Styles panel to style it. Select the Headline style and change the color to [Paper] on the Swatches panel.

Step 11

Head over to the Control bar and select the Align Center button. 

While selecting the text frame, press Command-B to open the Text Frame Options window. Under Inset Spacing, add 0.5 cm to all sides. Click OK.

Step 12

Open the Text Wrap panel by going to Window > Text Wrap. On the panel, set the Offset to 0.3 cm on all sides. 

Step 13

Duplicate the text frame by pressing Option and dragging. Change the numbers to „2” and „3”. Place the frames over the full-column frame created previously. 

Step 14

Using the Text Tool (T), create a second text frame on the opposite column. 

Use the Paragraph Styles panel to design the frame with the Headline and Copy styles. 

Step 15

Open the Digital Marketing Icons in Illustrator. Select three icons and copy/paste them onto the marketing flyer template in InDesign. 

Resize the icons on the Control bar. Set the Percentage Scale to 20%. 

Step 16

You’ll notice the colors don’t match our design. On the Swatches panel, select the cream color and click on the Delete button. In the Delete Swatch options window, select the Replacement to Defined Swatch. In the dropdown menu, select the [Paper} swatch. Click OK.

Select the RGB teal color on the Swatches panel. Delete it and replace it with the Blue swatch. 

Step 17

Place each icon at the top of each gutter on the last three rows. 

Create a text frame with the Text Tool (T) for each icon/row. Add content and use the Paragraph Styles panel to style it. Use the Subheadline and Copy styles. 

Step 18

Using the Line Tool (/), create a stroke between each text frame. 

Open the Stroke panel by going to Window > Stroke. Set the Stroke Weight to 1 pt and the Type to Dotted.

On the Swatches panel, set the Stroke color to Blue. 

3. How to Export an InDesign Flyer Template 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 „Marketing Flyer Template” and choose Adobe PDF (Print) from the Format dropdown menu. Click Save. 

Step 2

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

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

Great Job! You’ve Finished Your Business Flyer!

In this tutorial, we learned how to make a flyer template. We covered key tools that will help anyone edit this template fast and easy. Today, we learned to:

• set up a ready-to-print InDesign file
• create layers to keep an organized file
• add color swatches and replace colors
• create Paragraph styles to style text frames
• use the Text Frame options and Text Wrap tool on text frames

If you are new to InDesign and need flyer templates or flyer design inspiration right away, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this tutorial, you might like these:

• 
  Print Design
  How Do I Open and Edit a Template in InDesign?
  Laura Keung

• 
  Brochure
  How to Make a Brochure
  Grace Fussell

• 
  Brochure
  25 Best Pamphlet Templates (Tri-Fold Brochures, Bi-Fold, and More!)
  Melody Nieves

• 
  Print Design
  How to Make a Marketing Brochure Template in InDesign
  Laura Keung

• 
  Brochure
  How to Make a Trifold Brochure Pamphlet Template
  Laura Keung

• 
  InDesign Templates
  How to Create a Book Jacket Template in InDesign
  Laura Keung

Post pobrano z: How to Make a Marketing Flyer Template in InDesign

Promote your next business venture or current products with this super-easy tutorial that will help you attract more consumers. In this tutorial, I’ll show you how to make a flyer template.

Corporate business flyers are cost-effective advertising that you can use. Having an easy-to-use business flyer whose format you or your clients can quickly change is a huge advantage. 

In this tutorial, I’ll show you how to make a flyer with the most essential tools. You’ll learn how to successfully set up a template with layers, Color Swatches, and Paragraph styles. These three components will make trouble-free business flyers that can be formatted in just minutes. 

In a hurry? We’ve got amazing InDesign marketing flyer templates and business flyer templates over at Envato Elements and GraphicRiver. Go check them out! 

What You Will Need for Your InDesign Flyer Template

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

• Social Media Logo
• Female Asian Architect
• Digital Marketing Icons
• RNS Sanz

Download the assets and make sure the font is installed on your system before starting. When you are ready, we can start designing the business flyer template! 

1. Setting Up a Marketing Flyer Template InDesign File

Step 1

In InDesign, go to File > New. In the New Document window, select the Print Tab. Select the A4 preset and name the document „Marketing Flyer Template”. Change the settings to the following:

• Width to 21 cm
• Height to 29.7 cm
• Orientation to Portrait
• Units to Centimeters
• Pages to 1
• Uncheck Facing Pages
• Margins to 1.27 cm
• Bleeds to 0.3 cm (it’s best to seek your professional printer’s preference)

Click Create.

Step 2

For this open marketing flyer template, we will work with three Layers. Organizing layers is an important practice when designing a template as they will make it easier for the user to edit.

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

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

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

Step 3

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: 

• Teal: C=60 M=0 Y=30 K=0 
• Dark Blue: C=100 M=80 Y=0 K=70

Click Add and OK after you input each color value.

Step 4

For this tutorial, we will create a list of Paragraph Styles that we will use to format the marketing flyer template. 

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

• Font Family: RNS Sanz
• Font Style: Normal
• Size: 9 pt

Select the Character Color option from the left side menu. Set the color to the Blue 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: RNS Sanz
• Font Style: Extra Bold
• Size: 14 pt

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

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

• Font Family: RNS Sanz
• Font Style: Extra Bold
• Size: 9 pt

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

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

• Font Family: RNS Sanz
• Font Style: Extra Bold
• Size: 18 pt

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

Step 5

Go to Layout > Create Guides. In the Create Guides option window, use the following settings:

• Rows Number: 5
• Rows Gutter: 0.5 cm
• Columns Number: 2
• Columns Gutter: 0.5 cm
• Fit Guides to: Margins

Click OK.

• 
  Flyers
  How to Create an Event Flyer Template in InDesign
  Grace Fussell

• 
  Flyers
  How to Make an InDesign Flyer Template
  Laura Keung

• 
  Flyers
  How to Make a Fundraiser Flyer Template
  Laura Keung

• 
  Flyers
  38 Best InDesign Flyer Templates (for Business, Events, Parties, and More!)
  Melody Nieves

2. How to Design a Marketing Flyer Template in InDesign

Step 1

Select the Background layer from the Layers panel.

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

On the Swatches panel, select the Blue swatch. Set the Tint to 10%. 

Create a small text frame over the element and on the top right corner of the marketing flyer. Here, you can include contact information. Use the Paragraph Styles panel to format the frame into the Copy style. On the Control bar, select the Align Right button.

Step 2

Select the Images layer from the Layers panel.   

Press Command-D to Place an image. Select the Social Media Logo EPS file and click Open. 

Use the Selection Tool (V) to crop the frame to the preferred logo. Place the logo on the top left corner of the flyer design. 

Step 3

Press Command-D to Place an image. Select the Female Asian Architect JPG file and click Open. 

Place the image on the top guide of the first gutter. Use the Selection Tool (V) to crop the frame to the fourth row. 

Use the Direct Selection Tool (A) to resize the image to 50%. Check for the Scale percentage on the Control bar. 

Step 4

Select the Rectangle Tool (M) from the toolbar. Click on the document to open the Rectangle Option Window. 

Create a rectangle that measures 10.55 cm in Width and 3.45 cm in Height. Click OK.

Step 5

On the Swatches panel, select the [Paper] swatch for the rectangle. Set the Opacity to 90%. Align the rectangle to the top left corner of the image. 

Step 6

Select the Copy layer from the Layers panel.

Select the Text Tool (T) from the toolbar. Create a text frame over the rectangle that extends over the first column. 

Step 7

Add content to the frame and use the Paragraph Styles panel to style the text. Use the Tagline style for the first two lines—this is great for a catchphrase to attract customers. 

Use the Copy style for the description under the tagline.

Step 8

While selecting the text frame, press Command-B to open the Text Frame Options window. Under Inset Spacing, set the Right option to 0.5 cm. Click OK.

Step 9

Using the Text Tool (T), create a one-column text frame under the image. This frame can extend all the way to the bottom margin.

Add content and use the Paragraph Styles panel to style the frame. Use the Headline and Copy styles. Select the copy and change the color on the Swatches panel to [Paper]. 

Press Command-B to open the Text Frame Options window. Under Inset Spacing, set the Left side to 0.5 cm. 

Using the Rectangle Tool (M), create a rectangle that covers the text frame we created in this step. On the Swatches panel, set the color to Blue. Place this element on the Background layer.

Step 10

Select the Text Tool (T) from the toolbar. Create a square text frame that measures 1 cm on all sides. 

Set the color of the frame to Blue on the Swatches panel. 

Add a number to the frame and use the Paragraph Styles panel to style it. Select the Headline style and change the color to [Paper] on the Swatches panel.

Step 11

Head over to the Control bar and select the Align Center button. 

While selecting the text frame, press Command-B to open the Text Frame Options window. Under Inset Spacing, add 0.5 cm to all sides. Click OK.

Step 12

Open the Text Wrap panel by going to Window > Text Wrap. On the panel, set the Offset to 0.3 cm on all sides. 

Step 13

Duplicate the text frame by pressing Option and dragging. Change the numbers to „2” and „3”. Place the frames over the full-column frame created previously. 

Step 14

Using the Text Tool (T), create a second text frame on the opposite column. 

Use the Paragraph Styles panel to design the frame with the Headline and Copy styles. 

Step 15

Open the Digital Marketing Icons in Illustrator. Select three icons and copy/paste them onto the marketing flyer template in InDesign. 

Resize the icons on the Control bar. Set the Percentage Scale to 20%. 

Step 16

You’ll notice the colors don’t match our design. On the Swatches panel, select the cream color and click on the Delete button. In the Delete Swatch options window, select the Replacement to Defined Swatch. In the dropdown menu, select the [Paper} swatch. Click OK.

Select the RGB teal color on the Swatches panel. Delete it and replace it with the Blue swatch. 

Step 17

Place each icon at the top of each gutter on the last three rows. 

Create a text frame with the Text Tool (T) for each icon/row. Add content and use the Paragraph Styles panel to style it. Use the Subheadline and Copy styles. 

Step 18

Using the Line Tool (/), create a stroke between each text frame. 

Open the Stroke panel by going to Window > Stroke. Set the Stroke Weight to 1 pt and the Type to Dotted.

On the Swatches panel, set the Stroke color to Blue. 

3. How to Export an InDesign Flyer Template 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 „Marketing Flyer Template” and choose Adobe PDF (Print) from the Format dropdown menu. Click Save. 

Step 2

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

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

Great Job! You’ve Finished Your Business Flyer!

In this tutorial, we learned how to make a flyer template. We covered key tools that will help anyone edit this template fast and easy. Today, we learned to:

• set up a ready-to-print InDesign file
• create layers to keep an organized file
• add color swatches and replace colors
• create Paragraph styles to style text frames
• use the Text Frame options and Text Wrap tool on text frames

If you are new to InDesign and need flyer templates or flyer design inspiration right away, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this tutorial, you might like these:

• 
  Print Design
  How Do I Open and Edit a Template in InDesign?
  Laura Keung

• 
  Brochure
  How to Make a Brochure
  Grace Fussell

• 
  Brochure
  25 Best Pamphlet Templates (Tri-Fold Brochures, Bi-Fold, and More!)
  Melody Nieves

• 
  Print Design
  How to Make a Marketing Brochure Template in InDesign
  Laura Keung

• 
  Brochure
  How to Make a Trifold Brochure Pamphlet Template
  Laura Keung

• 
  InDesign Templates
  How to Create a Book Jacket Template in InDesign
  Laura Keung