step-006

With a rectangle marquee tool make a selection (guides are pretty helpful here) of the one third of the document that will determine the first page.

step-006b

Then fill this selection with color #c96003. Actually, I should give you colors in CMYK for this is the color mode that we are working on, but, there are three cases why I wouldn’t do so: first of all, it is not so important to use exactly same colors as mine; secondly, the CMYK palette couldn’t be perfectly simulated on the computer screen (because the RGB system) so if you are looking for a specific color, you should use color palette from printing service or just print out few copies with different background color; finally, it is easier for you to just select a color and paste it into the hex value in color picker while CMYK values must be retyped. Now we will play with gradient tool, so our background will get some live. Our gradients should be attached as a clipping masks. To do a clipping mask move the cursor between layers in layer’s window. Hold alt, and when cursor will change, left-click. Now the clipped layer won’t extend the boundaries of the base layer. With the color similar to #e6b338 make few radial and linear gradients. My Opacity in the gradient tool is set to 30%. One thing: if you are using gradients for print, try to make them at least different by 5% in some CMYK value for it could be invisible or make a bounding.

step-006c
step-006d

Now do the same, but with the color of #8d261c.

step-006e

I have added my sample logo and fake company name, and trully, this would be the end of page 1 for me for I am minimalist.

step-006f

However, our clients mostly expects something else. I found this is very popular among certain groups of clients to put a huge tagline in the middle of the page to clarify the company mission. Let’s try to meet this sample expectations and modify a bit our page. Here I have moved the logo on top and added huge tagline on the bottom.

step-006g

Small and quick trick- get Elliptical marquee tool and make huge ellipse along the page.

step-006h

Then with gradient tool (opacity of 30%) make two or three gradients with white color. At the end change gradient’s layer opacity to Soft light or overlay.

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