How to Create Brochure Mockups in Photoshop

How to Create Brochure Mockups in Photoshop
step-008g
Below text you can place some image, chart, offer, history line or so. It vary and depends mostly on client and your creativity.
step-008h
Few minutes and our outer part of brochure is ready. Just save it and close for now. Later I will show you how to save this document for print and how to prepare a simple mock-ups.

Step 9 - Pages: 2, 3 and 4

Open up earlier prepared inside.psd file. Here we will create the whole content within one breath. I don't want pay too much attention to the design and content for it is really, really dependant on client and brochure's purpose. Thus I won't describe every little action for it is quite nonsense, just main things and tips. All right, fill all of the documents area with orange color and style it with gradients as before we did with Page 1 and 5. It is also a good idea to add just a bit of noise to the gradients. Thanks to this you will avoid the color bounding.
step-009
Also I have added a small shape so thanks to this design will fit to the Page 5. You will see it clearly on the Mock-ups.
step-009b
You can enhance your text by wrapping it around the quote or image. It is just a case of custom shape.
step-009c
Also remember about the thing, that the brochure will be watched from closer distance (probably) than your computer screen. Just try by yourself. My monitor is on the lenght of my arm plus about 15 centimeters. To holding the brochure I have to bend elbows, so it is much more closer. If you think that you have typed too small font size maybe try to print out some sample on your local printer. It is very possible that the text will actually be in perfect size for reading. Here goes the Page 2.
step-009d
Our content on Pages 3 and 4 will be connected. I have made a heading for both pages. Notice the spacing hovered with red arrow. Try to keep your letters far from folds because they will be harder to read.
step-009e
On the Page 3 I will place two book's mock-ups. My work here is quite pointless so I am doing just a simple tasks. Yup, I know- "Breathe today" would be for some Arabic.
step-009f
Just another simple mock-up template for magazines.
step-009g
step-009h
And a full spread:
step-009i

Step 10 - Get ready for the Mock-ups

There's a time when you would like to present your work to the client. However, it is rather a bad idea to send him just the preview of two files (inside and outside). For sure he will feel a bit confused. Your client don't have to know anything about print, but he would like to see some mock-up before he will spend his money. It's a best way for both sides. Let's try to make some mock-up. My mock-up is pretty small because of the limit in width of the website. Try to make your mock-ups bigger, just a bit smaller from the real size (in between 20% and 30% of actual dimensions). You can actually use my mockups. There's nothing more than a Distort transformation (Well, just a little bit warp on the boundaries). Just place your design above mine, go to Edit > Transform > Distort and try to fit the shape. You can even resize my file for here the quality isn't important, just follow the shape.
step-010b
step-010c
step-010d
step-010
Try to make mock-ups for all the pages and if you think you can handle this, prepare some 3d view. If it will help you anyhow, you can download my mock-up psd file.

Pages: 1 2 3 4 5 6 7

Create Dot Grid Art in 1 Click
Sponsored

Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.

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.

cross