Modern brochure marketing is no longer simply about pretty pictures. Unlike the sales brochures of old where you rely on the image to sell the product, today you will always have to sell the lifestyle first and complement it with sophisticated photos. This tutorial will teach you how to design a modern shopping brochure in Adobe Photoshop.

How To Design A Modern Shopping Brochure

1. In this tutorial, we will be designing a trifold brochure. This is the simplest and most standard design for commercially printed brochures. So open up your Adobe Photoshop, create a new document by pressing CTRL+N. Then we use the following settings for the document.

a. Width: 14 inches
b. Height: 8.5 inches
c. Resolution: 300dpi
d. Color Mode: CMYK

Modern brochure

2. Afterwards, we will need to build some margin and bleed guidelines, along with the fold guidelines. We will first add the margins. Go to the option View > New Guide. In the dialog window that opens, set the orientation of your guideline (horizontal/vertical) as well as a specific value for the distance from the top or left edge of the document. You will have to do this four times for the primary margins of our brochure.

a. Top Margin: Horizontal – 0.125 inches
b. Bottom Margin: Horizontal – 13.875 inches
c. Left Margin: Vertical – 0.125 inches
d. Right Margin: Vertical – 8.375 inches

Modern brochure

3. Next, we add the fold guidelines and their margins. Just Use the same procedure to create these guidelines below. ALL of these are vertical oriented guidelines.

a. L-Fold: 4.525 inches
b. L-Fold-L: 4.65 inches
c. L-Fold-R: 4.775 inches
d. R-Fold: 9.35 inches
e. R-Fold-L: 9.225 inches
f.  R-Fold-R: 9.475 inches

Modern brochure

4. Along with this we will also add a “bleed” guideline at the edges of our document (which we will add with space later). Create this set of guidelines for the bleed.

a. Bleed Top: Horizontal – 0 inches
b. Bleed Bottom: Horizontal – 8.5 inches
c. Bleed Left: Vertical – 0 inches
d. Bleed Right: Vertical – 14 inches

Modern brochure

5. Now, to add the actual bleed space for our document, we go to Image > Canvas size. We will add 0.125 inches of space for EACH SIDE of our document. So we will add 0.25 inches to the width and height of our canvas. (see image). To make sure that the space is divided evenly across the dimensions, make sure that the anchor is set to center.

Modern brochure

6. Once you press ok, you will have something like the one in our image here. This is a nice base template for a typical trifold brochure that is Print ready. Save this now as your main trifold template. Take note that depending on which side of the brochure you are working on, the designations for the panels should be different. For the front, the cover is on the right, the back cover at the center, and the inner flap is at the left. For the back design or inner side, we just have the left, center and right panels of course.

Modern brochure Modern brochure

We will now work on our front design first. So this means the front, back covers as well as the flap. We will be creating a shopping brochure that sells clothes. So our first move is to paste in some images of models in fancy clothes images. There are three panels and all, and we paste in 3 as well. We use a larger one for the cover. Make sure that you scale them down correctly by pressing CTRL+T  and then holding the shift key as you resize them. We got some creative images from deviant art from these pages

a. Model 1

b. Model 2

c. Model 3

Modern brochure

8. Now, using the rectangle tool we place several rectangles along with our images. This gives us text areas for our brochure design.

Modern brochure

9. Next, we process the images. We select each one, and press CTRL+SHIFT+U. This will de-saturate our images, making them loose color.

Modern brochure

10. We will now add Theme colors to them. First create a new layer by pressing CTRL+SHIFT+N. Name this layer color accent. Place it just under our rectangle layers, but right above the images.

Modern brochure

11. Next, we use the gradient color tool on this new layer. Change your foreground and background colors to two brighter theme colors. Then just drag the gradient color tool across the new layer to “color” our images. Do not worry about the color flooding the images.

Modern brochure

12. Then, we change the blend mode of the color layer to “hard light” and reduce its opacity to around 38 percent.

Modern brochure

13. Great! Now for the flap panel, we will add some effects to its image. Select its image and press CTRL+J to quickly duplicate it. Then, we moved it a little bit to the right. We then just reduce its opacity to 20%.

Modern brochure

14. Just repeat the process for the other images as you please. Note that we did not to this for the cover.

Modern brochure

15. We then just add the text using the text type tool. Here we have varied the colors a bit of course to make things more creative and emphasized. Also take note that we have varied the font size and the font upper or lower casing for a great effect.

Modern brochure

16. Then using the same technique as before we duplicate our text headlines, move them and reduce their opacity.

Modern brochure

17. GREAT! Now we have our front design. Save this layout as your front design.

Modern brochure

18. We then create the back or inner design. We use the same tricks from earlier. For the inner design however our rectangles are more prominent for the content.

Modern brochure

19. We also put all the images on top using the same tricks as before. Here we are using images from these sources:

a. Model 4

b. Model 5

c. Model 6

Modern brochure

20. Congratulations! That finishes our back design as well.

Modern brochure

We now have a nice modern shopping brochure design. Apply what you learned for your own brochures.

Good Luck!

Modern brochure

Author Bio

Kate Manhaven is currently working as a graphic artist in one of the leading online providers of offset printing and mailing services, She is adept in designing print ready poster designs and printable and customized brochures, business cards, and creative postcard art works using Photoshop and Illustrator. She also loves to write graphic design tutorials during her free time.

Share this blog

6 responses to “How To Design A Modern Shopping Brochure”

  1. i like your creative effort.

  2. Dzinepress says:

    superb brochure design tutorial.

  3. Great tutorial! Thanks for this one. It is really useful.

  4. I am glad you shared this tutorial. This is really great. Thanks a lot for sharing something so useful.

  5. A good tips for making a shopping brochure . Its nice and easy.

  6. I read this article completely regarding the comparison of most up-to-date and earlier technologies,
    it’s amazing article.

Leave a Reply

Your email address will not be published. Required fields are marked *