How to Create Brochure Mockups in Photoshop

How to Create Brochure Mockups in Photoshop
How to Create Brochure Mockups in Photoshop
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

Download Free Presets
Sponsored

Download Lightroom presets and LUTs, absolutely free. Use the presets to add creativity and style to your photos.

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. Required fields are marked *

cross