{"id":34272,"date":"2024-11-06T12:34:43","date_gmt":"2024-11-06T07:04:43","guid":{"rendered":"https:\/\/mockey.ai\/?p=34272"},"modified":"2024-11-06T12:42:33","modified_gmt":"2024-11-06T07:12:33","slug":"how-to-make-a-brochure-mockup-in-photoshop","status":"publish","type":"post","link":"https:\/\/mockey.ai\/blog\/how-to-make-a-brochure-mockup-in-photoshop\/","title":{"rendered":"How to Make a Brochure Mockup in Photoshop &#8211; Easy Guide"},"content":{"rendered":"\n<p>If you want to show off your latest design or create a portfolio, a square trifold brochure mockup is a great way to start!<\/p>\n\n\n\n<p>In this simple square brochure tutorial, you\u2019ll learn all the basics you need. By the end, you\u2019ll have design skills you can start using right away.<\/p>\n\n\n\n<p>In this tutorial, you&#8217;ll learn how to make a brochure mockup in Photoshop. You&#8217;ll get to know tools like adjustment layers and smart objects and learn to make a page look like it&#8217;s turning for a realistic effect.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><ul><li><a href=\"#a-quick-guide-on-how-to-make-a-brochure-mockup-in-photoshop\">A Quick Guide on How to Make a Brochure Mockup in Photoshop<\/a><ul><\/ul><\/li><li><a href=\"#a-photoshop-alternative-to-make-a-brochure-mockup\">A Photoshop Alternative to Make a Brochure Mockup<\/a><\/li><li><a href=\"#conclusion\">Conclusion<\/a><\/li><li><a href=\"#fa-qs\">FAQs<\/a><ul><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n<p><strong>What you&#8217;ll learn:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>How to create brochure mockups in Photoshop<\/li>\n\n\n\n<li>The best Photoshop alternative to make a brochure mockup<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"a-quick-guide-on-how-to-make-a-brochure-mockup-in-photoshop\"><strong>A Quick Guide on How to Make a Brochure Mockup in Photoshop<\/strong><\/h2>\n\n\n\n<p>Here&#8217;s a quick guide on how to create brochure mockups in Photoshop that you can use to get ideas.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>First, convert your design layer to a smart object for easy editing.&nbsp;<\/li>\n\n\n\n<li>Then, create three equal partitions with rectangles, add guides, and use the Line Tool for dashed lines. Adjust the opacity.&nbsp;<\/li>\n\n\n\n<li>Use the Puppet Warp tool to align your design with the brochure perspective. Set the layer mode to Multiply for a realistic look, and add shine with overlay and screen layers.&nbsp;<\/li>\n\n\n\n<li>Finish with Level adjustment for contrast. Update designs easily by double-clicking the smart object.<\/li>\n<\/ol>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Step-by-step Guide<\/strong><\/p>\n\n\n\n<p>Today we will learn how to make a brochure mockup in Photoshop. So let&#8217;s get started. We have already prepared the image and the design. We recommend you follow along with this process so that you can get engaged more.&nbsp;<\/p>\n\n\n\n<p>We will add a tree partition just like in the mockup image. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-convert-your-design-layer-to-a-smart-object\"><strong>Step 1: Convert Your Design Layer to a Smart Object<\/strong><\/h3>\n\n\n\n<p>So first we will convert your design layer to a smart object. So that we can work non-destructively and also be able to change the design later. <\/p>\n\n\n\n<p>Now double-click on your design layer and we will add a partition just like these three. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/brochure-design-in-photoshop-1024x538.webp\" alt=\"brochure design in photoshop\" class=\"wp-image-34273\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/brochure-design-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/brochure-design-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/brochure-design-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/brochure-design-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/brochure-design-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-create-three-partitions\">Step 2: Create Three Partitions<\/h3>\n\n\n\n<p>So we have this technique that we normally use. We created three rectangles with different colors and placed them right next to each other. <\/p>\n\n\n\n<p>Make sure there is no gap between them and while holding the controller command select all rectangles. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/create-three-rectangles-in-different-colors-and-place-them-next-to-each-other-on-how-to-make-a-brochure-mockup-in-photoshop-1024x538.webp\" alt=\"create three rectangles in different colors and place them next to each other on how to make a brochure mockup in photoshop\" class=\"wp-image-34274\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/create-three-rectangles-in-different-colors-and-place-them-next-to-each-other-on-how-to-make-a-brochure-mockup-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/create-three-rectangles-in-different-colors-and-place-them-next-to-each-other-on-how-to-make-a-brochure-mockup-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/create-three-rectangles-in-different-colors-and-place-them-next-to-each-other-on-how-to-make-a-brochure-mockup-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/create-three-rectangles-in-different-colors-and-place-them-next-to-each-other-on-how-to-make-a-brochure-mockup-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/create-three-rectangles-in-different-colors-and-place-them-next-to-each-other-on-how-to-make-a-brochure-mockup-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Place them in the left top corner. Then scale towards the right top corner. <\/p>\n\n\n\n<p>Now we have equal size partition of three rectangles according to the document. <\/p>\n\n\n\n<p>Now press ctrl or command r for the ruler and drag the guide from the left and place it in between rectangles. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/press-ctrl-or-command-r-for-the-ruler-and-drag-the-guide-from-the-left-and-place-it-in-between-rectangles-1024x538.webp\" alt=\"press ctrl or command r for the ruler and drag the guide from the left and place it in between rectangles\" class=\"wp-image-34275\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/press-ctrl-or-command-r-for-the-ruler-and-drag-the-guide-from-the-left-and-place-it-in-between-rectangles-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/press-ctrl-or-command-r-for-the-ruler-and-drag-the-guide-from-the-left-and-place-it-in-between-rectangles-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/press-ctrl-or-command-r-for-the-ruler-and-drag-the-guide-from-the-left-and-place-it-in-between-rectangles-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/press-ctrl-or-command-r-for-the-ruler-and-drag-the-guide-from-the-left-and-place-it-in-between-rectangles-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/press-ctrl-or-command-r-for-the-ruler-and-drag-the-guide-from-the-left-and-place-it-in-between-rectangles.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-add-dashed-partition-lines\">Step 3: Add Dashed Partition Lines<\/h3>\n\n\n\n<p>Now we don&#8217;t need this rectangle. Delete them. Take the <strong>line tool<\/strong>, set the <strong>style to dash<\/strong> and create two lines over the guide.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/Take-the-line-tool-set-the-style-to-dash-and-create-two-lines-over-the-guide-1024x538.webp\" alt=\"Take the line tool, set the style to dash and create two lines over the guide\" class=\"wp-image-34276\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/Take-the-line-tool-set-the-style-to-dash-and-create-two-lines-over-the-guide-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/Take-the-line-tool-set-the-style-to-dash-and-create-two-lines-over-the-guide-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/Take-the-line-tool-set-the-style-to-dash-and-create-two-lines-over-the-guide-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/Take-the-line-tool-set-the-style-to-dash-and-create-two-lines-over-the-guide-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/Take-the-line-tool-set-the-style-to-dash-and-create-two-lines-over-the-guide.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Press the ctrl command h to hide the guides and save them. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-apply-puppet-warp-for-perspective-adjustment\">Step 4: Apply Puppet Warp for Perspective Adjustment<\/h3>\n\n\n\n<p>Close the file it will automatically update it in our main file now. Reduce the <strong>opacity to 45%<\/strong>. Now go to edit and take the <strong>puppet warp tool<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/puppet-warp-tool-1024x538.webp\" alt=\"puppet warp tool\" class=\"wp-image-34278\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/puppet-warp-tool-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/puppet-warp-tool-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/puppet-warp-tool-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/puppet-warp-tool-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/puppet-warp-tool.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This is the main tool to make any image or text perspective. <\/p>\n\n\n\n<p>Now <strong>create a rectangle<\/strong> over the design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/create-a-rectangle-over-the-design-on-how-to-make-a-brochure-mockup-in-photoshop-1024x538.webp\" alt=\"create a rectangle over the design on how to make a brochure mockup in photoshop\" class=\"wp-image-34279\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/create-a-rectangle-over-the-design-on-how-to-make-a-brochure-mockup-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/create-a-rectangle-over-the-design-on-how-to-make-a-brochure-mockup-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/create-a-rectangle-over-the-design-on-how-to-make-a-brochure-mockup-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/create-a-rectangle-over-the-design-on-how-to-make-a-brochure-mockup-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/create-a-rectangle-over-the-design-on-how-to-make-a-brochure-mockup-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>As you can see, the partition line is very important in this process; otherwise, we will not be able to get good results from it. <\/p>\n\n\n\n<p>Another feature of the tool&#8217;s perspective is that when we create two rectangles side by side, they will automatically snap together. Make sure all the points are inside the design, not outside, and the partition is on the dashed line. You can take your time in this process. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/rectangles-side-by-side-1024x538.webp\" alt=\"rectangles side by side\" class=\"wp-image-34298\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/rectangles-side-by-side-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/rectangles-side-by-side-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/rectangles-side-by-side-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/rectangles-side-by-side-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/rectangles-side-by-side.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now in the header section click on the warp button and move the points to distorted. <\/p>\n\n\n\n<p>So when we <strong>click on the Warp button<\/strong> in the header we can now move the points according to the perspective of the image. Take your time here as well. Make sure all the points are on the design not outside.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/now-move-the-points-according-to-the-perspective-of-the-image-1024x538.webp\" alt=\"now move the points according to the perspective of the image\" class=\"wp-image-34300\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/now-move-the-points-according-to-the-perspective-of-the-image-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/now-move-the-points-according-to-the-perspective-of-the-image-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/now-move-the-points-according-to-the-perspective-of-the-image-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/now-move-the-points-according-to-the-perspective-of-the-image-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/now-move-the-points-according-to-the-perspective-of-the-image.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After that <strong>click on tick<\/strong> (\u2705) and increase the <strong>opacity to 100%<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-set-layer-mode\">Step 5: Set Layer Mode<\/h3>\n\n\n\n<p>Now the design is according to the image but it&#8217;s missing the environment. A realistic feel is very important for any mockup. <\/p>\n\n\n\n<p>So to do that set the layer mode to multiply. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/set-the-layer-mode-to-multiply-on-how-to-make-a-brochure-mockup-in-photoshop-1024x538.webp\" alt=\"set the layer mode to multiply on how to make a brochure mockup in photoshop\" class=\"wp-image-34301\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/set-the-layer-mode-to-multiply-on-how-to-make-a-brochure-mockup-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/set-the-layer-mode-to-multiply-on-how-to-make-a-brochure-mockup-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/set-the-layer-mode-to-multiply-on-how-to-make-a-brochure-mockup-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/set-the-layer-mode-to-multiply-on-how-to-make-a-brochure-mockup-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/set-the-layer-mode-to-multiply-on-how-to-make-a-brochure-mockup-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-6-add-shine-effects-for-depth\">Step 6: Add Shine Effects for Depth<\/h3>\n\n\n\n<p>It&#8217;s already giving a realistic look. But we are not going to stop here while holding the alt or option drag a copy of the image on the top. Then again while holding the alt or option click between your image and the top layer. It will be clipped with your design layer and set in layer mode to overlay and <strong>opacity will be 60%<\/strong>. <\/p>\n\n\n\n<p>It will give a shiny effect to the brochure now while holding controller command j to make another copy of the top layer. Set the layer mode to normal and <strong>increase opacity to 100<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-7-enhance-shine-with-adjustment-layers\">Step 7: Enhance Shine with Adjustment Layers<\/h3>\n\n\n\n<p>Add an adjustment layer of levels and clip it with the bottom layer so it will only affect the clip layer. <\/p>\n\n\n\n<p>Now set the mid tones towards white and slide the blacks towards white as well. Not too much we just want white to shine on the black. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-8-merge-shine-layers-and-set-to-screen-mode\">Step 8: Merge Shine Layers and Set to Screen Mode<\/h3>\n\n\n\n<p>While holding controller options select both layers and press ctrl or command d to merge them. <\/p>\n\n\n\n<p>Now again clip it with the bottom layer and set the layer mode to screen. You can rename both layers as <strong>shine<\/strong> and <strong>shine effect<\/strong> too. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-9-add-final-touches-and-adjustments\">Step 9: Add Final Touches and Adjustments<\/h3>\n\n\n\n<p>If you want to add more contrast to your design add an adjustment layer of levels to adjust the whites mids and blacks.<\/p>\n\n\n\n<p>We can now hide the dashed lines. Double-click on your image and hide both layers you can place your design here and also you can change the color of the design. It will automatically update it in the main file. That&#8217;s the beauty of a smart object.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/final-brochure-output-on-how-to-create-brochure-mockups-in-photoshop-1024x538.webp\" alt=\"final brochure output on how to create brochure mockups in photoshop\" class=\"wp-image-34302\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/final-brochure-output-on-how-to-create-brochure-mockups-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/final-brochure-output-on-how-to-create-brochure-mockups-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/final-brochure-output-on-how-to-create-brochure-mockups-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/final-brochure-output-on-how-to-create-brochure-mockups-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/final-brochure-output-on-how-to-create-brochure-mockups-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"a-photoshop-alternative-to-make-a-brochure-mockup\">A Photoshop Alternative to Make a Brochure Mockup<\/h2>\n\n\n\n<p>Mockey AI is the <strong><a href=\"https:\/\/mockey.ai\/blog\/best-mockup-websites\/\" target=\"_blank\" rel=\"noreferrer noopener\">best mockup website<\/a><\/strong> to make a brochure mockup and is a great alternative to Photoshop. You get free brochure templates, AI mockup bundles, new brochure designs every week and many more.<\/p>\n\n\n\n<p>Follow the steps:<\/p>\n\n\n\n<p><strong>Step 1:<\/strong> In the navigation bar, follow &#8220;<strong>Mockups &gt; Print &gt; Brochure<\/strong>&#8220;.<\/p>\n\n\n\n<p><strong>Step 2:<\/strong> Pick a brochure template.<\/p>\n\n\n\n<p><strong>Step 3:<\/strong> Hit &#8220;<strong>Upload Design<\/strong>&#8221; and begin personalizing it.<\/p>\n\n\n\n<p><strong>Step 4:<\/strong> Lastly, click &#8220;<strong>Download<\/strong>&#8221; to save your brochure mockup for free with no watermark.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>We&#8217;ve covered how to make a brochure mockup in Photoshop. While using <strong><a href=\"https:\/\/www.adobe.com\/products\/photoshop.html\" target=\"_blank\" rel=\"noreferrer noopener\">Photoshop<\/a><\/strong> for mockups requires some design experience, <strong><a href=\"https:\/\/mockey.ai\/\" target=\"_blank\" rel=\"noreferrer noopener\">Mockey AI mockup generator<\/a><\/strong> offers a better alternative for creating mockups for free without any watermarks.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fa-qs\">FAQs<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1730868565388\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How to create a brochure image in Photoshop?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To make a brochure in Photoshop, start by opening a new document that\u2019s 11 inches by 8.5 inches. Set up guides to show where the brochure will fold. Use the Rectangle tool to create different sections for each part of the brochure. Then, add background colors, pictures, and text to finish the design.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1730868573770\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Which is the best brochure mockup generator?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Mockey.ai is a great tool for making brochure mockups. It\u2019s easy to use and helps you create amazing, personalized designs fast.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1730868586226\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Why Mocky AI is best for creating brochure mockups?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Mocky AI is great for making brochure designs because it has over 500 ready-made templates, an easy-to-use layout, and smart tools that help you customize each design.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p><strong>Related reading:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-make-a-flyer-mockup\/\">How to Make a Flyer Mockup in 2024<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/what-is-a-mockup\/\">What is a Mockup?<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/wireframe-vs-mockup-vs-prototype\/\">Wireframe vs Mockup vs Prototype<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-make-packaging-mockups\/\" class=\"ek-link\">How to Make Packaging Mockups \u2013 Quick Guide<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you want to show off your latest design or create a portfolio, a square trifold brochure mockup is a great way to start! In this simple square brochure tutorial, you\u2019ll learn all the basics you need. By the end, you\u2019ll have design skills you can start using right away. In this tutorial, you&#8217;ll learn [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":34318,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"inline_featured_image":false,"_uag_custom_page_level_css":"","_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[7],"tags":[],"class_list":["post-34272","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide"],"uagb_featured_image_src":{"full":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-a-brochure-mockup-in-photoshop.webp",1200,628,false],"thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-a-brochure-mockup-in-photoshop-150x150.webp",150,150,true],"medium":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-a-brochure-mockup-in-photoshop-300x157.webp",300,157,true],"medium_large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-a-brochure-mockup-in-photoshop-768x402.webp",768,402,true],"large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-a-brochure-mockup-in-photoshop-1024x536.webp",1024,536,true],"1536x1536":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-a-brochure-mockup-in-photoshop.webp",1200,628,false],"2048x2048":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-a-brochure-mockup-in-photoshop.webp",1200,628,false],"web-stories-poster-portrait":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-a-brochure-mockup-in-photoshop-640x628.webp",640,628,true],"web-stories-publisher-logo":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-a-brochure-mockup-in-photoshop-96x96.webp",96,96,true],"web-stories-thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-a-brochure-mockup-in-photoshop-150x79.webp",150,79,true]},"uagb_author_info":{"display_name":"Sangram Sahoo","author_link":"https:\/\/mockey.ai\/author\/sangram\/"},"uagb_comment_info":0,"uagb_excerpt":"If you want to show off your latest design or create a portfolio, a square trifold brochure mockup is a great way to start! In this simple square brochure tutorial, you\u2019ll learn all the basics you need. By the end, you\u2019ll have design skills you can start using right away. In this tutorial, you&#8217;ll learn&hellip;","_links":{"self":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/34272"}],"collection":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/comments?post=34272"}],"version-history":[{"count":19,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/34272\/revisions"}],"predecessor-version":[{"id":34321,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/34272\/revisions\/34321"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media\/34318"}],"wp:attachment":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media?parent=34272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/categories?post=34272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/tags?post=34272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}