How to Create Brochure Mockups in Photoshop

How to Create Brochure Mockups in Photoshop
Don't get too far with your design aspirations. Brochures should be simple and informative. Also, avoid fancy backgrounds for your text could be hard to read.

Step 7 - Page 6

Back page- the perfect place for some map or contact info. All the tri-fold brochures that I have made in my life was in that concept. Occasionally there are some company photos. Just keep it simple. I think that for a lot of people it is intuitive to look for contact info on the last page. Make a selection in between our guides. Make sure that you have active snapping.
It will help you a lot in working with guides and in precise designing. Fill the layer with dark, grey color. Then add some text- that's it. I don't want to overload this page. Get advantage of Character panel and play with typography, for it is very important part in print design.
Under the red arrow you can set the leading of currently selected line (or lines). Under the green arrow you can modify the tracking of the characters (spacing between them). Sometimes you want to spread the whole text, just select it then and change tracking. These options are very useful, so play with them a bit for now. Below is the finished page.

Step 8 - Page 5

It is almost last page. However, this will be probably the first page that you will see while opening the brochure. It is good to place some company info here or connect its content with Page 2. In layer's window place this page set underneath page 6 and 1. Whatever you will place or draw on it, if it extend the page boundary, it will be covered with previously made backgrounds.
I've decided to put here about us page. Most often this section is on Page 2, while content on Page 5 is connected with Page 3 and 4. I think that this is confusing and for usability purpose I will connect 2,3 and 4 together while 5 will be separated. Also I changed a bit look of Page 6, but nothing really big at all. As the content is planned to be separated, thought we could make a connection of backgrounds. I am planning to make an orange background all inside the brochure. Fill the background with the same color that you have used on Page 6. Then make a selection, something like that:
Style this selection as a front page. I mean- fill it with orange and add some gradients. Now the three pages look like this:
Make some heading. The point here is that I want to mix up two colors.
Now get the Pen tool and make a shape that will fit the orange area. Don't care about the color.
Pick the Type tool and move your mouse above the shape. Notice that the cursor has actually changed. If you will move it to the shape's border it will have additional line. After clicking you will have a possibility to write text around the shape. Inside the shape cursor will have an additional circle. After clicking your typing boundary will limit to the boundary of shape. So, click inside the shape- that's the place for 'about us' info. It could be shorten or longer- here I will enclose to the simple Lorem ipsum.
The mostly real preview of final print you will get with the zoom value of something like 33%. Have this in mind while you will try to choose the best font size. After the typing of text you can simply hide or delete our shape (actually, you can make just a path instead a shape, but I wanted to show it clearly). You can also justify the whole text to make it fit better to the shape, but then avoid huge spaces between text (You can instead use Justify last left/center/right).

Pages: 1 2 3 4 5 6 7

Dark Conceptual Portraits Course (71% Off)

Discover how to create stunning photo manipulations in Photoshop. In this course, you'll learn everything from photographing models to creating dark conceptual artworks. If you enjoy our photo manipulation tutorials, you will absolutely love this course.

27 comments on “How to Create Brochure Mockups in Photoshop”

  1. Thank you so much. This is an excellent tutorial. You're awesome! I hope your New Year is great! :)

  2. Tutorial was confusing and unclear,You really have to find simpler ways of explaining things to people. Thanks for the information though.

  3. Fascinating. It seems like most Adobe users would naturally choose InDesign over Photoshop for something like this, since that's essentially what InDesign is made for. But this is a very thorough tutorial for hardcore Photoshop users!

  4. very important and very useful information.. i m a web graphic designer and didn't have knowledge about printing graphics and bleed and safety margin etc etc.. this is very useful to me.. thanks keep it up. please refer font size information on business card that what should be font size in photoshop and in illustrator.. etc etcc thankkss please mail me.

  5. I'm sure this tutorial is great for beginners, but the title is very confusing. I thought this was about making the mock-ups not the whole brochure and just tell us to download your finished mock-up psd file.

    1. That's what I also thought. I guess that we won't find any tutorial on how to make a mock-up template soon. :|

  6. This really helped me out. Thanks a bunch. I made a great 3 fold for my business. I tweaked some stuff to make it my own, but it was very helpful to utilize the file you posted as an outline.

Leave a Reply

Your email address will not be published.