step-005b

All right, we can start work from here, really. First of all- create new document with a real dimensions lowered by 10 mm from each axis (because of margins) – just follow the Step 4. My bleeds are equal to 2 mm, not a standard 3 mm. But actually I can run my action, and then just go to Image > Canvas size and type -2 mm (-1mm × 2) in each input field (remember about Relative checkbox).

step-005c
step-005d

Now we have to create some additional guidelines that will determine folds. Here’s a trickery. We have to make different guides for inside and outside part of our brochure. Look at this sample guillotine work:

step-005e

First of all, I will tell you how in Photoshop delete already made guides. It will help you if you will set them wrongly by a mistake. Ok, here’s a magic- press [V] or choose move tool, click on a guide that you want to delete and drag it outside the document- it will disappear. If you want to rotate your guide by 90 degrees you can just press [Alt] and click in the point where guide should rotate. If you want to move guide by 10 pixels and it’s multiplications do it while holding [Shift]. Now let’s create our folding guides. Go to View > New Guide and type in 213mm in the input box. Repeat step, but with value of 424mm (213 + 211). Save the document as a inside.psd. Now delete both guidelines and add another two, but now type respectively 210mm and 421mm (210 + 211). Then go to File > Save as and save this document as outside.psd. Now we will start to work with this outside.psd document, and inside.psd will stay untouched as grid-only blank document for now.


Step 6 – Front page

You can start from filling the whole document with white color. I have to do so, for I am always starting with transparent background. It is just my preference though. I don’t like the auto-filling when I am playing with canvas size or so. You can use this type of brochure for your client work to display his offer, or just a product. I think that this destination is most often used. Also I saw some C-type brochures with CV/Resumes. I have to make some identity of fake company with its fake products and offer. Don’t look at this, it is just for tutorial purpose, I won’t advertise anything (at least not with intention). I will stay far from images for it is not universal to make absolute position of image. Of course I will provide some sample, but you have to decide by yourself where the given image fit perfectly. I will use my illustrations from drawing tutorials that you can find on this site elsewhere. It is good to make groups and organize layers.

Pages: 1 2 3 4 5 6 7 8 9 10

27 responses to “How to Create Brochure Mockups in Photoshop”

  1. Linda Sturling Avatar
    Linda Sturling

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

  2. Das Avatar
    Das

    Nice work

  3. Cagel Avatar
    Cagel

    great stuff! thanks…

  4. Karren Barlow Avatar
    Karren Barlow

    Thanks for the info!

  5. Karren Barlow Avatar
    Karren Barlow

    Great article!

  6. Sovatana Avatar
    Sovatana

    Thank you so much for this!

  7. Karren Barlow Avatar
    Karren Barlow

    Great info!

  8.  Avatar
    Anonymous

    not clear

  9. Alejandro Yuca Avatar
    Alejandro Yuca

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

  10. abhimanyu Avatar
    abhimanyu

    Thank you bro .. U are realy great. Thanks for helping me a lot.

  11. mukesh Avatar
    mukesh

    This really helped me . Thanks a bunch. I made a creating brochure present please.

  12. Landon R Avatar
    Landon R

    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!

  13. Petya Avatar
    Petya

    It’s great! Thanks a lot!

  14. Kay-yep Avatar
    Kay-yep

    Really helpful and inspiring ! I learnt a lot~thank you !

  15. sam Avatar
    sam

    amazing tutorial.
    keep up the good work.

    love it

  16. kinjal Avatar
    kinjal

    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.

    1. Das Avatar
      Das

      nice Great Work …

  17. chandra Avatar
    chandra

    Thanks for sharing such a great information about print design

  18. J Avatar
    J

    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. b Avatar
      b

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

  19. wiizau Avatar
    wiizau

    tq for the efforts… dont stop creating guides..:-)

  20.  Avatar
    Anonymous

    Thank You very Much…its help me a big time..

  21. fa Avatar
    fa

    thanks a lot. :)

  22. mike Avatar
    mike

    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.

  23. sashacarey Avatar
    sashacarey

    i learn more form here. and this web.

  24. gaumaran Avatar
    gaumaran

    not clear

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading