Deviant Login Shop
 Join deviantART for FREE Take the Tour
This guide will help you design a simple half-fold brochure using Adobe Photoshop. We will be using a few basic tools and styles so it should not be too difficult.



1.     Upon opening Adobe Photoshop, create a new document by going to File->New…   In the window that opens. You will then be asked to enter the dimensions of your design. This can vary depending on the brochure size you wish to use but for the sake of our tutorial, let us use a standard 1100x600px design canvass. ALSO take note to raise the resolution value to at least 300ppi to ensure a crisp and clear brochure design. Also change the color mode to CMYK if you wish to print your brochure through a commercial printer.







2.     With the new document open, bring up the rulers first by pressing CTRL+R. Now, from the left hand side ruler, click and drag a guideline to your canvass. It should be a light blue line. Position it at the center of our document at 550px away from the left or right edge of the document.







3.     Great! Now, the first thing that we will work on in our brochure is its background. While it would be simple enough to use a white background, it is not recommended as it will make the brochure too boring and of course will hamper its performance. The best type of background these days for brochures and many other print designs  is a gradient color background. To apply this simply use the gradient color tool in Adobe Photoshop. Simple set two colors as your foreground and background color and then use the gradient tool to apply a seamless color changing background for your layout.







4.     The next step is adding a watermark image. Most business brochures and other classic and formal type brochures use watermark images. This is a nice way to populate your background with a texture, without making it too complicated for the design. It is very simple enough to do this. Simply copy and paste the image that you want to use as a watermark on top of our gradient background. Scale it correctly of course by pressing CTRL+T and then increasing/decreasing its size while holding the shift key. If it has color, it is best to de-saturate the image by pressing CTRL+SHIFT+U.







5.     To make the image truly a watermark, we change its blend mode. Do this by looking at its layer details in the layer panel and changing its blend mode from Normal to "Overlay". Then reduce its opacity to 20%. This should make it a true watermark integrated with our gradient color background.







6.     Once done, now would be a good time to save your new document. This will be our base template for our brochure design (both front and back). Save it first as a template and the backup. Then, save it again with a name marking it as the front cover design for our brochure.







7.     Great, now we start designing the front or outer cover of our brochure first. Remember that in printing, the front design of the brochure has the cover of the brochure on the right, and the "back" cover of the brochure on the left. This is considering this design will be folded of course. So we start with the front cover on the right panel. Here we used the elliptical shape tool to create a white circle where we will put the company logo. Hold down the shift key as you inscribe the circle to constrain its proportions.







8.     We then duplicate this circle by pressing CTRL+J. We change its color to a theme color and then reduce its size a bit by pressing CTRL+T and then just adjusting the dimensions via the anchor points. To make things easier on you, hold down the SHIFT key and the ALT key as you do the resizing and you will see that the new shape will be centered as well as constrained with its dimensions in the process.







9.     Repeat the process 2 more times to get a nice modern looking shape set. In this example we used different theme colors to get this nice effect.







10.  To create a nice glow effect, create a new white circle on top of our other circles. Then rasterize this layer by right clicking on the shape layer and selecting the option to "rasterize". Using a large and soft eraser brush, we erase the top part of the circle.







11.  Then reduce the opacity of this layer to add that glossy sheen look. Here we reduced it to around 15%.







12.  Then, we paste in the company logo for the brochure within the circle. In this kind of design, it is best to use a white color for the logo in silhouette form. For our example, we just use some of the custom shapes in Photoshop through the custom shape tool, but for your design of course, it should be your main logo or your main feature image for the brochure. We grouped all of these into their own layer group named "circle".  You can create layer groups by clicking on the "new layer group" icon on the bottom of the layers panel and then dragging all the layers that you want in that group folder.







13.  Next, we add some stripes. We use the rectangle shape tool to create four striped colors that span the whole width of our design. Of course, we purposefully aligned them so that it passes through and behind our circle shapes with the logo. We also grouped them into their own layer group so that they are easier to move together.







14.  We duplicate the stripe group by just selecting the group folder, right clicking on it and clicking on the option to "duplicate group". Once duplicated, we press CTRL+T on the duplicate group to transform it. Right click on the group and select the transform option "Rotate 90 degrees CW". This gives us a vertical stripe. We have positioned it here adjacent and behind our circular logo.







15.  Great! Now we will finalize the stripes and logo. Make sure to give a final look to the positions of your stripes and logos. Adjust them as necessary of course. It should be easy as they are grouped already. Once you are satisfied with their locations, right click on one of your stripe groups or the circle group and then select the option to "merge groups". Do this for each of the groups we created.







16.  Double click on one of our stripes layers to bring up its layer style options. Click on the option "pattern overlay". Set the blend mode to Multiply and the opacity to 70%. Then, choose the Charcoal Flecks pattern as the pattern for this option If you do not see this, click on the right arrow beside the patterns list and select "grayscale paper". This should help you see the "Charcoal Flecks" option. Once done, do the same for your other stripe.







17.  The end result should be a slightly more interesting looking stripe set.







18.  Great! Now, we just type in the title and other supporting text for the brochure cover. Use the text type tool of course to do this. Note that you can easily adjust the spacing and other attributes of text by looking at the character panel and adjusting the values as necessary.







19.  Of course, we also write in the text content for the back cover of our brochure. Just use the same color and font style that you used on the front cover to keep things consistent.







20.  Great! That finishes our front design. It should look more or less like this. Take note of where the guideline is (light blue line) which should tell you where the fold should occur. Save this design of course as the front cover of your brochure.







21.  Now, we work on the back design or the inner panels for the brochure. There are two ways to start out with this. One is to use the template we saved earlier, or two, use our current design, but of course save it in another file name. The easiest of course is to save it as another file and mark is as the inner panel design. So we saved the new document as the inner panels of our half fold brochure. We then remove the visibility of all the elements leaving the background just so that we have a clean slate to start on.







22.  Good! Now, we make the stripes visible again. This time we select both and press CTRL+T to activate the transformation. Then we right click on the stripes and select the option to "Flip Horizontal". This allows our stripes to match and continue the stripes from the other side.







23.  Next, we type in the inner content. It is best to use the same font styles as the front, but of course of a smaller size. Of course make sure to distinguish between the headlines and the main text.







24.  We then unhide the circle logo we created for the front cover design. We scale it down and duplicate it several times to become our bullets for the list content. Alternatively, you can search for your own styled bullet shape using the custom shape tool.







25.  Now, using the rectangle shape tool create a few more white rectangles for the bottom of our design. These will be the base for images.







26.  Great! Now, we paste in an image in front of each of these rectangles. Our image sources are here:



a.     www.flickr.com/photos/76266195…


b.     www.flickr.com/photos/30182867…


c.     www.flickr.com/photos/marcinmo…


d.     www.morguefile.com/archive/dis…







27.  We then merge each image with its white rectangle by just selecting both and then right clicking on them to choose the merge layers option. Afterward, press CTRL+T and rotate these images creatively.







28.  Now, double click on one of our images. Then on the layer styles window that opens, click on the option for "drop shadow". Change the distance to 10 and the size to 15.







29.  Then, just apply the same layer style to all those other images. You can easily copy existing layer styles by just right clicking on the layer with the style and selecting the option to copy the layer style. Then you just select where you want to paste the layer style, right click on them and then just select the option to paste in the style information.







30.  Finally, to add some emphasis on our sub headlines, we use a rectangle tool to inscribe a rectangle shape just behind them. Make sure you use a theme color for this.







31.  Then, change the blend mode to overlay, to proper integrate the color rectangle with the design.







32.  Repeat the process this time using more rectangles of a different color. Overlap them with each other for a creative style effect.







33.  Great! That should finish our half- fold brochure! Hope you learn a lot from this guide. Below are the final images for the front and back design of our half fold brochure.







While designing brochures is a bit tricky given its folded nature, creating a simple but very stylish eco themed brochure is still fairly easy using Photoshop. Although you don't have to have an expert skill set in Photoshop, you will need to be a bit more creative to fully maximize the tips and tricks you will learn here. So be sure to have an eager mind with a creative mindset and learning how to design a modern corporate "green" brochure in Adobe Photoshop should be a breeze.



1.     The first task is to setup our document properly. In this tutorial, we will be creating a trifold brochure in a landscape letter sized paper. We chose this size and orientation so that most people may be able to print them at the office or at home (though professional help is always recommended), through a good commercial printer - I personally vouch for brochures printed by PrintPlace. Just follow the dimensions like so:



a.     Width: 11 inches


b.     Height: 8.5 inches


c.     Resolution: 300ppi


d.     Color mode: CMYK







2.     Great! Now, with the document open, we will add our guides. Technically you will want a bleed to compensate for cutting. However, take note that we are using a letter size dimension here, meaning this document Is meant to be printed using pre-cut letter sized paper. So we just need to place in some basic 0.25 inch bleed/margin lines for printing.  You can do this easily by click dragging a guideline from the rulers. If the rulers are missing press CTRL+R.







3.     Finally, before we start with our design, you of course must also add guidelines for the fold of the trifold brochure. Counting 3.5 inches from the edge of our left and right margins, place 2 more guidelines marking the folds. Note that some people also add "security lines" which are 0.25 inches away from these guidelines. Place them if you also want this feature.







4.     Great! Now we start by adding a gradient background. Gradient color backgrounds are usually more recommended that just plain colors, as this adds some dynamism and a less artificial look to the design. So use the gradient tool and choose two theme colors of your choice to paint a diagonal color gradient for your background. Take note that you can set the colors automatically for the gradient by choosing your foreground and background colors respectively. For our example, we will be using some green hues as our mock company will be an ecological type company.







5.     Save this document for now as your main template. This is because we will be designing the front and the back side of the brochure of course. Once you save the template initially, re-save the document again, this time indicating that this is the front side of the brochure, the one that becomes the inner content. Just press CTRL+SHIFT+S to start saving the document as a new file.







6.     Great! Now that we know this is the front design and inner panel content of our brochure, we shall now place in some specific content. The first thing we will add is some content boxes/shapes. For our example, we are first going to place in a rounded rectangle in one of the panels. Just use the rounded rectangle shape tool to do this. We color this a very light green in line with our theme. Remember to not trespass the shape on our guidelines of course.







7.     Now, press CTRL+T to transform the shape. Right click on it to bring up its context menu. Choose "Skew" and then skew the shape a bit to your specifications.







8.     Next, we duplicate the shape by pressing CTRL+J. Transform the duplicate again by pressing CTRL+T and then right click on it. Select, "Flip horizontal" and then move the shape to the rightmost panel. This gives us 2 text boxes in symmetry with each other.







9.     Now, using the custom shape tool, we add in some flower and plat shapes on the borders of our text boxes. Just choose some creative custom shapes on your own and place them (with the same color) along the sides of the text boxes for a creative effect.







10.  Just repeat the whole process of adding small images and integrating them into the text boxes as you see fit. Once done, save them in a layer group so that you can organize your layers.







11.  Good, now a typical addition to most brochures are watermark images. Watermark image enhance the communication of the theme and of course adds some all important texture in the background of brochures. So here in our example we add in some pictures of solar panels just above the background gradient but of course behind the text boxes. We reduce their opacity to around 20-30%.







12.  To emphasize the center, we create a new layer by pressing CTRL+SHIFT+N. Then, with a large soft brush, we brush in a soft red stripe across the center. It does not have to be perfect.  Reduce its opacity to 60%.







13.  Then, we paste in the company logo right at the middle of your brochure design. Make sure to resize it properly of course.







14.  Next, we add in the text information for the brochure. We first add the headlines and then the body text. We use the Text tool of course to do this. Make sure to position these carefully, especially if you plan on adding additional images to the brochure.







15.  Then we just paste in the supplemental images for the brochure. Just copy and paste them unto the design. Do not forget to crop them and scale them properly of course. Scale them by pressing the SHIFT key whilst you transform them using the CTRL+T transform action. Crop them by using the rectangular marquee tool and then just pressing backspace.







16.  As the final effect for this front part we add layer styles. Double click on the logo layer to bring out its layer styles. Click on the drop shadow effect and use a distance of 1 and size of 5 for the shadow.







17.  Finally, add a outer glow blend mode. Change the color of the glow to a light green glow and set the size to around 21px.







18.  That finishes the front part of our brochure!







19.  We now start with the front. Remember the initial template that we created earlier? Open it up and then create a new save that indicates this new file as the back, or outer side of the brochure. Once saved, you can now start with this outer cover design. Take note that in the trifold brochure this back/outer part is made up of the "cover" (right most panel), the "brochure back" (middle panel), and the "inner flap" (the left most panel). In our example, we placed the logo in the right most panel as it is the cover of the brochure.







20.  We then just complete the brochure cover design at the rightmost panel by adding a graphic feature and slogan.







21.  For the back panel in the middle, we combined to basic custom shapes (a flower and the telephone sign) to create this nice graphic effect.  We copy and paste the same layer styles we used on the logo to this graphic. We then of course type in the supplemental text below.







22.  Finally, using the same techniques that we used in the inner panels, we create shapes as text boxes and then type in the appropriate kinds of text on top of them.







23.  Great! That should finish our Back/Outer brochure design! Now just combine this with our initial front layer before and you should have our completed full color eco themed corporate brochure. Congratulations!



In this guide, I will teach you how to create your own "City Fashion" design. So just follow the step-by-step instructions below to get started.



1.     To start, we will first setup the document. For the sake of this tutorial, let's design a poster. You can however, apply such a design on brochures, postcards and booklet or magazine covers as well. Once you open Adobe Photoshop, press CTRL+N to create a new document. In the window that opens, set the proper poster dimensions that you want for your poster file. You will also need to set a resolution of at least 300ppi if this is for high quality printing.







2.     Now that the new document is open, we paint out background black using the paint bucket tool as the base. Then, create a new layer by pressing CTRL+SHIFT+N. Name this Gradient. Using the gradient tool (Shortcut G), place a color gradient with two of your theme colors diagonally unto the canvass like so. Set the opacity of this layer to 65%.







3.     Now, create another layer. Name this one clouds. Make sure that you are back to your default colors by pressing (D). Then go to Filter -> Render -> Clouds. Once the clouds are rendered, set its blend mode to multiply.







4.     Now, we create a new group in the layers panel by clicking on the "new group" icon below the panel. Then, we  drag both our gradient and color layers into it. For the group itself, we change its blend mode to Normal and change its Opacity to 65%. Afterwards, we right click on the group and select merge group. By doing so we preserve the opacity values of the layers to get the cloud group that we want.







5.     Duplicate our merged layer by pressing CTRL+J. With the duplicate selected, go to Filter -> Blur -> Motion Blur. In the window that opens, set the Angle to 90 degrees and the distance to 600 pixels.







6.     We then change this duplicate's blend mode to "Soft Light".







7.     Then we paste in the image of a city at night. Scale the city image by selecting it and Pressing CTRL+T (Transform). You can right click on the transform box to get the different transform options, however just scaling option is the most important mode that you will want. Hold down the shift key as you reduce or increase the size so that the proportions are preserved.  Using the eraser or the magnetic lasso tool, erase the sky as needed.







8.      Now, double click on our city layer to access the layer styles window. Click on the option for "Gradient Overlay". Change the settings as follows.



a.     Blend Mode: Hue


b.     Gradient Color: The same gradient color you used originally for the background


c.     Angle: 90 Degrees







9.     Once done, we should have something like this now:







10.  Now, you will need to duplicate the city later two times. You can do this easily by pressing CTRL+J twice. Merge these layers so that the gradient overlay gets integrated into one layer. Then duplicate that layer again once. The result should give you 3 main layers. We have named them here City Top, City Bottom and Main (the one with the gradient overlay still active).







11.  Now, double click on "City Top". Go to the layer styles window and click on "Gradient Overlay". Change the settings to these values.



a.     Blend mode: Overlay


b.     Gradient: Pink to Orange


c.     Angle: 120 degrees







12.  Next, enter the quick mask mode by pressing "Q". Then using a fuzzy brush, paint up the areas that you want to be highlighted and motion blurred in the cityscape.  The best spots here are the top parts of the buildings, most especially the ones with brighter lights. The selection area should turn red.  Do not worry about this.







13.  Press "Q" again or click the quick mask icon to see the outside area of the brush you painted turn to a selection. Press CTRL+SHIFT+I to invert the selection and select what we want. With the area selection ready, just click on City Bottom to select it.







14.  Then Press CTRL+C and CTRL+V to copy and paste the selection from city bottom. With this new layer selected, go to Filters -> Blur -> Motion Blur… Use a 90 degree angle and as for the distance, use a value that is appropriate for your design. The higher the value the higher those light streaks reach. Here we used 800 pixels.







15.  Now, duplicate this layer 4-6 times depending on how thick you want the streaks to be. Merge those duplicates into one again and bring them to the top layer.







16.  Double click on this streaks layer. Add a pink and white color gradient. Here are the settings:



a.     Blend Mode: Overlay


b.     Color: Pink to White


c.     Angle: 90 degrees







17.  Once you press ok, change the blend mode of the actual layer to Lighten and reduce its opacity to 75%. If you think some parts of the city have too much streaks, simple create a layer mask on the streaks layer and then use a soft black brush to remove small parts of the streaks.







18.  As the final touch for our background, create a new layer on top of everything. Then use a soft black brush and paint the bottom area black, blending seamlessly with the  bottom part of our city.







19.  Great! Now, it is time to insert our model. Paste in our model picture just behind the black layer that we just made. For this example we have already processed this model image by removing its background. We used a mixture of the Magnetic Lasso tool and the Magic wand tool to get the model's background out, just like what we did with the original sky of the city.







20.  Then, we will adjust the lighting of the model image. Go to Image -> Adjustments -> Curves. In the graph that opens, adjust the curves so that it looks almost like the curve below. It does not have to be exact. The point here is to make the darker values in the image more intense and emphasize the lighter ones. Also, this removes and noisier elements that the original image had.







21.  Next, we will use some free glass shards images from this site: www.officialpsds.com/Shattered… will add a more grungy shattered effect to our mode. We just paste in the glass shards in the free resource just behind our model layer. We de-saturated it by pressing CTRL+SHIFT+U and then rotated it by pressing CTRL+T for transform.







22.  Now, duplicate this shattered layer and hide the original for now. Using the duplicate, transform it to a smaller size that fits our model. Then hold down the CTRL key and click on its thumbnail to select its image areas.







23.  Next, this is the important part. With this area selected, click on the Model layer. Then press CTRL+J to duplicate the model layer, but with only the selected shard areas. Once the duplicate is done, shift the location of this shard-model layer on top of the main model. Then use the arrow keys 1-4 pixels to the left and 1-4 pixels to the right. This gives you a model slightly being broken to pieces.







24.  Now, remember the duplicate layer we left earlier of the glass shards? Just make it visible again, then duplicate it 2-3 more times and move it across the background. Merge all of those layers. Then, use a hard eraser tool to erase some of the glass, shaping it so that some parts of the shards becomes our mode's wings.







25.  Now, duplicate this shard wing layer. On the duplicate, add more gradient colors from your color theme. Change the blend mode to Multiply.







26.  Then, bring the original shard layer in front and then with a soft and large eraser, erase the area just at the edges of the shards to bring in the color underneath.







27.  Finally, using the text tool we just add in the poster title. Here we used some creative font styles for an easy stylized effect.







28.  Great! Now you are done with our city fashion poster.



Creating a Psychological Thriller movie poster will require some special effects to fully emphasize the thrilling and psychological nature of your design's subject or theme. Here in this tutorial, you will learn some easy techniques on how to accomplish these effects. Let us get started.



1.The first thing that we need to do is to process our main image model. So we open the image and then start with taking out the background. By the way, this image came free from a very generous photographer located here: (b-e-c-k-y-stock.deviantart.com…. Now there are many ways to do this using Adobe Photoshop, and it all depends on how well prepared the image is. In our example, it was pretty easy using the magic wand tool to select and take out the background. However, you can also use the magnetic lasso tool as well as the pen tool if you want to inscribe the selection yourself.







2.Now, with that main image prepared, we will now create our main poster document. For this tutorials sake we are designing a poster but bear in mind that you can also apply this effect on brochures, the flyers, even postcards. Just press CTRL+N in Adobe Photoshop to create a new document. Set the dimensions as needed for your poster design. Set the resolution to 300ppi if the document is truly for printing. Set it lower if it is just for web (around 72). Once done, press OK.







3.With the new document open, we paste in our background (a city street) and our main model image that has been processed earlier. We have scaled both images of course to match each other relatively fine. To do this simply press CTRL+T with a layer selected and then adjust the size using the transformation box. Scale them properly by holding down the shift key as you resize the box so that the proportions are constrained.







4.Now, we will add a color layer to add to our design so that we integrate both our background and our main image better. Create a new layer on top of everything. Now, Using the Gradient tool create a radial color gradient in the new empty layer. Make sure of course that you are using your theme color. Change the color of your background and foreground to achieve this.







5.Now, look at the layer in the layers panel. Change the blend mode to "Color" and reduce the opacity to 90%. This should give our layer the selected color theme that we like.







6.Good. Now duplicate the background layer with buildings that we have. Do this by simply clicking on that layer in the layers panel and pressing CTRL+J. Hide that original for now as backup, buy clicking on its visibility icon (eye icon). Once done, click on the duplicate buildings/background layer.Press CTRL+T to start transforming this background. Right click on the grid that appears and select "Warp". Then, just use your mouse to twist and turn the image to your specifications. Here we are communicating the sense of confusion and psychological dysfunction.







7.We shall darken our background a bit more. With the background layer selected, go to Image -> Adjustments -> Levels.Adjust the shadow input level (leftmost arrow) a little bit to the right to darken our image a bit.







8.Now, click on this new warped layer to select it. Use the magic wand tool to select the sky and horizon from our background image. Create a new layer by pressing CTRL+N and then fill that selected area with a theme color whilst the new layer is active. This gives us the opportunity to make some special effect on the Horizon.







9.Great. Now with the "horizon" or sky layer selected go to Filter -> Blur -> Gaussian Blur. In the window that opens, select a radius of 28 pixels.







10.Then, change the blend mode of this layer to "Soft light". Duplicate this layer 4-5 more times after by pressing CTRL+J. this should make it look brighter.







11.Then, duplicate our background buildings layer by pressing CTRL+J. Change the opacity of the duplicate to 75%. Then nudge it 5-10 times to the right. This gives us a double vision effect that should enhance the intense emotion of our poster.







12.Good! Now to organize things. We created two groups, the highlights layer group and the backgrounds layer group so that it is easy to see the other layers that we will be creating. The next step is to work on our main model. First up create a new layer behind the guy by pressing CTRL+SHIFT+N. Then, using a very soft and small black brush we paint in soft shadows below the feet of our model. Then we reduce the opacity of this layer by 60%.







13.Now we shall create a longer shadow. Create a new layer again. Next, hold down the CTRL key and click on the thumbnail of our guy model layer. This will select the area of that layer. Use the paint bucket tool to paint this in black.







14.Now, put press CTRL+T to transform this layer. Rotate it so that it looks like a long shadow emanating from our guy.







15.Afterwards, apply a Gaussian blur to this long shadow. Go to Filters -> Blur -> Gaussian Blur.Use a 5 pixel radius.







16.Next up, we reduce the opacity of this layer to 90%. Then using a large and soft ERASER brush, we erase some parts of the bottom part of the poster so that they fade out.







17.Now we start with highlighting the guy. Using a soft dodge tool, we highlight parts of the skin of our main model. Make sure to adjust the size of the brush accordingly so that it fits okay.







18.Now, we will add some highlights on the body. We create another new layer on top of the scared guy layer by pressing CTRL+SHIFT+N. We then select the area of that scared guy layer by holding down the CTRL key and clicking on its thumbnail. We then click on the new layer again (light guy) and then paint up our highlights with a soft, small white brush.







19.Then we add some subtle color. Duplicate our main guy layer again and move it on top of all the layers. We change its blend mode to color. Afterwards, we erase parts of its edges so that only parts of the skin have color while the rest retain the cool eerie color.







20.Then, we type in our text title for our poster. Just us some creative fonts when you can.







21.Great! Now as a finishing touch, we will add some filters. First, merge all the layers that you have into one. Duplicate the merged layer once. Then with that selected go to Filters -> Artistic-> Film Grain. Adjust the values of the grain as you want. Look at the previews in the window.







22.Then, just change the blend mode of this filtered layer to Overlay and reduce the opacity to 70%.







23.Great! Now we have finished our Psychological Thriller poster. Congratulations!



While there is the emphasis of being minimalist in modern print design, to fully create an impressive looking brochure cover these days, you need to pay attention to key subtle details. It is not just about the colors or your overall color scheme. It is about adding gradients appropriately, glow and shine effects that is reminiscent of digital web designs.



In this tutorial, we will show you how you can design a modern brochure cover that is simple, colorful, but fully impressive and trendy, matching the latest successful designs both in print and in web layouts. So carefully read the items below and start learning how you can design your own modern and colorful brochure cover.



1.     First we start with our document.  Since this is just the cover, we will have the full height of the brochure, but just 1/3 of the width. Also, since this design is meant to be pasted to a full scale brochure template, the resolution is still at a high value. Here is the list of the best document setting values to use.



a.     Height:  5 inches
b.     Width:  9.5 inches
c.     Resolution:  300ppi
d.     Color Mode: CMYK







2.     Next, we setup our guidelines. To do this, make sure that you have your rulers out. If not, press CTRL+R to make them visible. Now set a margin 0.5 inches on the top, bottom and right sides. We will not set up a bleed margin on the left side as this is the area that connects to the other part of the brochure. Once done, count a 0.25 inch security line from your margin lines (top, bottom right) as well as from the edge of the left side. This is the security line which should make you remember where design elements are better not placed. In the end, your sample document should be something like this:







3.     First, we setup the background. While plain white is okay, today, it is best to use more dynamic gradient colors. So using the gradient tool we paint up a gradient color to the background. Here we used a green to light green gradient that goes from the bottom right of the cover design. Just choose the color scheme appropriate for your own brochure.







4.     Create a new layer by pressing CTRL+SHIFT+N. Then, use the rectangle marquee tool to inscribe a tall rectangle shape. Fill the selection with a light green color.







5.     Then, change the opacity of this layer to 20%. Afterwards, use a round and soft eraser brush tool to remove the hard edges at the top and left of the graphic.







6.     Duplicate this reduced opacity layer and vary its position from the original. Once done, you may want to make more duplicates and place them all over your design like so.







7.     Now, for our modern design, we will use color boxes for the content. We will use the rectangle shape tool to do this. So go select the rectangle shape tool and create a small rectangle. Choose a nice color for it that matches your theme.







8.     Now, just continue with creating rectangles of different sizes. Use a different theme color of your choice. Also, reserve large rectangle spaces for your main brochure images. In this example, we placed two large black rectangles for the images, and the rest are variations of smaller rectangles and squares.







9.     Next, double click on one of the rectangles, to get to its layer style options. Click on the drop shadow option and use a 2px distance value with a size of 10.







10.  Once done, right click on the layer and select the option to "copy layer style".







11.  Then, select all the other rectangle shapes and then right click on them. Choose the "Paste layer style" option to apply the shadow to all your boxes.







12.  Great! Now let us add some pictures. First we paste in one of our main images. Place it on top of the shape where you want it to be placed. Remember that you can press CTRL+T to scale and resize images as needed.







13.  Once done, right click on your image and look for the option to "Create Clipping Mask". This should clip your images within the bounds as determined by the layer below.







14.  Then, just repeat the process several times for all the images that you want inserted into our design.







15.  Now, we type in our text. Add them to our color boxes of course. It is best to use white text here to contrast with the color. Use varying font styles as needed. Also do not forget that you can use the character panel to edit the spacing of your text.







16.  Now we add some icons. Using the custom shape tool, we choose the appropriate icon shapes for the different color boxes. This should help people identify and remember the marketing slogans better.







17.  Great! That finishes our modern and colorful brochure cover!



In this second part of our print ready brochure design, we will create the other side of our brochure. If the first brochure was about creating the outer side of the brochure, this one is about the Inner side. Let us start.



1.     The starting point for the inside of our print ready brochure is actually the final product of our outer content. To make that layout as the base design, we simply delete the layers for its content. So all the text should be removed. Of course, make sure that the stripes, textures, and even the trim guides are left. Once done, save the document as a new file. The base layout should look like this:







2.     The next step is to flip the stripes. To do this simply select the stripes in the layers panel. Then press CTRL+T to transform all the stripes. Right click on the transform box and choose "Flip Horizontal".







3.     After the flip, we then type in our Inner Content. Just use the type tool again to do this. Also keep in mind our security guidelines and panels.







4.     For an added effect, we also added some bullet point graphics. TO do this, we just used the custom shape tool, and used an arrow as the bullet point. Just go to the custom shape tool options and find the right bullet point that you want for your own design. Just place it at the right place in your content and duplicate it as necessary.







5.     Now, we will add a support graphic. First we insert an image of an old postcard. For our particular design, we used this:www.flickr.com/photos/playingw…
We adjusted the pasted image a bit so that it looks brighter by going to the Image -> Brightness/Contrast controls.







6.     Before we do anything else though, we will process our main image for the postcard. In a separate document we open up our brochure print file. In this example we are using this image from flickr (www.flickr.com/photos/55935853… by Ewan-M. Then we add a sepia color effect. With the image active, go to Image -> Adjustments -> Photo Filter. Set the filter to Sepia and up the density value to 100%.







7.     Next, we paste in our supporting image to our main brochure design. In this case, it is a corner store. We also change the size of our postcard texture image as well here to match our image a bit.







8.     Now, change the blend mode of this picture layer to "Linear Burn". This should help meld the picture better with our postcard paper texture.







9.     Use the text tool to place in some text into the postcard as well. Remember that you can adjust the text size, spacing and other attributes using the character panel. Once you are sure about your text, rasterize it by right clicking on the layer and selecting "rasterize type".







10.  Now, merge the text, image and postcard into one layer. To do this, select all three layers and then right click on them. Once the context menu appears, look for the Item "Merge Layers" click on this to merge everything into one layer. Make sure of course that you do not want to edit any individual elements there before committing to the merge.







11.  Then, with the merged postcard layer selected, go to Image -> Adjustments -> Hue/Saturation. Use the following values for this layer to make it look older.



a.     Hue: 0


b.     Saturation: 30


c.     Lightness: 40







12.  Great! The next step is to add a picture shadow. To do this, we create a new layer just below our postcard layer. Then we hold the CTRL key to select the area of our merged image and text layer. Once you are satisfied with the selection, fill the area with a black color using the paint bucket tool. Then just nudge the layer by using the arrow keys 2-5 spaces down and 2-5 spacers to the right.







13.  Now, with the black rectangle selected, go to Filter -> Blur Gaussian Blur. Use a 6 pixel setting for the radius to blur the shape out to look like a shadow.







14.  Now, to make the shadow look better, rotate it just a bit. Do this by pressing CTRL+T and then just using the mouse over the edge of its transformation box, you can rotate the shadow to your specifications. We also reduced its opacity to about 65%.







15.  Then, we select both the shadow and the postcard layer. Then we press CTRL+T to transform them.  Rotate both elements just a bit to make our position just a tad more creative and natural.







16.  Now, we create a new layer and place it on front of our postcard layer. We paint in some black grunge parts with the use of a grunge brush. We found some great grunge brushes from this generous guy here: hellostreetlight.blogspot.com/ If you do not want to make a mess with these brushes, it is good to select the area of the image and card area by CTRL clicking on their layer. Once you do this and select our new layer for the grunge, no brush effect will affect the rest of your card.







17.  Then, just change the blend mode of the grunge brush layer to "Color Burn" to add them creatively to the postcard. Reduce the opacity as well to 62%.







18.  With that, we have finished our Inner content design for our brochure. Take note that we have made a print ready design. So you will see the trim lines and the stripes of course go off the main design to help in printing and cutting. Just combine this with the first side what we created in the first part of the tutorial and you should already have a pretty print ready and creative color brochure design.







It is easy to design brochures using Adobe Photoshop but designing a great layout that is already print ready requires some specific additional setups. In this tutorial, we will go through the process of setting up and designing a brochure that's ready for printing. Let us get started.



1.     The important thing you must remember when setting up a "print ready" design is that you must setup the document properly early on. You will face a lot of issues with your document if you only adjust your design for printing at the last part of the process. This means that once you create a new document in Photoshop, know that you should already be specific with your settings. For a typical "letter-sized" TRIFOLD brochure, the basic settings that you should try out are listed below. Just modify the dimensions here as you see fit.



a.     Dimensions (WxH): 11x8.5 inches (a landscape oriented letter sized document)


b.     Resolution: 300ppi (minimum recommended for printing)


c.     Color Mode: CMYK (for four color printers)







2.     Once we have setup the main document, we are now going to add the guidelines. Guidelines are important in making your design print ready as it will help you place your design elements correctly within the bounds for printing. To start creating guidelines you must first have the rulers visible in your Photoshop. If you do not see rulers in your document, press CTRL+R or go to View -> Rulers. You should see the rulers appear at the edges of your document.







3.     Great! Now we are going to define the edges of our document by using the guidelines. Simply click and drag your mouse from the horizontal or vertical ruler to the document. Place the light blue guideline at the precise edge of the canvass. (do not worry about it being at the edge, you will see them clearly enough layer once we increase the size of our document. For now, make sure they are in the correct place.







4.     Now, we shall make our canvass size bigger. Go to Image -> Canvass Size…  Add  1 inch to the width and height values. Also make sure that the anchor is set to the center. By doing this we basically create a margin for our document.







5.     It should now have some borders like the picture below. Take note that if your background color is not white, and is set to a different color, the new spaces will probably reflect that color. So just fill those areas with white with the paint bucket tool.







6.     Now, we setup the bleeds. Zoom in a bit on a corner of the canvass (hold the ALT key and use the middle scroll mouse button to zoom in easily). Now, create an additional guideline that is 0.25 inches away from our initial margin. This will be the bleed. This margin is the leeway that a designer gives for discrepancies in printing. Do this for all four sides of our document.







7.     Also, in the same fashion, create a security guideline set. These are the guidelines where no text or graphic must cross. This is our main design border so to speak so that no elements get too close to the edges of our design. Just set these guidelines at 0.25 inches away from our bleed border. In the end, you should have something like this:







8.     Great! Now, before starting with the design. Take note that a Trifold brochure has three major parts or panels. We will create the column guides so that it is easier for you to see where the folds of the trifold brochure will be. To do this easily, create a rectangle shape with a grey color using the Rectangular shape tool. (Do not worry, it can be any size.) Make sure of course that you start from the shape from the corner of our bleed of course to span the whole height of that area. Then, duplicate this shape two times (press CTRL+J). Position the duplicates at the side of the original rectangle.  In this example, we have changed the color of the shapes so that they are easily visible.







9.     Now, to make the columns equally distributed across the document, we select all three rectangles in the layer panel. Just hold down the shift key and click on all three layers. Afterward, press CTRL+T to enable the transformation of the shapes. Drag the transformation box to the right side bleed border.







10.  With those panels in place, you should see where you should put your panel or column guidelines easily. Just add those guidelines like you did with the others. ALSO, add a security border on the left and right side of them as needed. Delete the rectangles once done. In the end we should have a FINAL looking guide document like the picture below. Now would be a good time to save our document as a brochure template.







11.  Now, before we go forward with our design, we will just setup a base background and some trim guides. Using the rectangle shape tool, we have created a new rectangle with a theme color.  Here we are using an off white color (#fffaf1). Make sure it spans our guidelines including the bleed area. This should mark the whole span of the document.







12.  Next, using a simple line tool we place in a 1pixel line as trim guides. Use the guide lines for the bleeds to add the trim lines at the outer edge of our design like so. Create a new group and place all these line layers within that group to make things more organized.







13.  Great! Now make a final save for this template. You should now be ready to create the real design. Create a new save file (after creating your file template) and name is as your new brochure. Then paste in the background texture or color that you want for your design. Here we are using a grunge texture to establish the theme that we want.  We got this for free through this generous person on deviant art. (cloaks.deviantart.com/art/Grun….







14.  Then, press CTRL+SHIFT+U to desaturate our texture layer. Change the blend mode of this texture layer to "Multiply". This is done through the layers panel. Reduce also its opacity to around 80%.







15.  Now we shall add additional elements to our design. First we create some ribbons. Using the rectangle shape tool we inscribe a red stripe across our design.







16.  Then, double click on the stripe layer. The layer styles and blending options window should open. We will now add some extra effects on our stripe to make it look better. First up is a Gradient Overlay. We click on the Gradient Overlay checkbox and change the color gradient fill by clicking on its box. Make sure to use a good blending of two colors that matches your theme of course in the gradient editor. Also, change the angle of this layer style to 100 degrees.







17.  Then, click on "Stroke".  Change the following attributes.



a.     Size: 3px


b.     Position: Inside


c.     Color: (use a lighter shade of your gradient).







18.  Finally, add a drop shadow. Just click on the drop shadow checkbox then change the following values:



a.     Drop Shadow color: Black


b.     Distance:3px


c.     Size: 5px


d.     NOTE: you can adjust the values depending on how big or small your stripe is.







19.  Once done, you should get something like the picture below. Now, in terms of color this is great, but it is too clean. This means that we will want to add texture.







20.  To add a texture, we will just use our background texture image. To do this, first duplicate our texture layer by clicking on it in the layers panel and pressing CTRL+J. Then, we move it to the front of our red stripe layer. Change the blend layer back to normal and up the opacity back to 100%. Afterwards, we reduce its size a bit by pressing CTRL+T and then shifting the size to match with the stripe.  







21.  Now, we will delete the areas of the texture. To do this, hold down the CTRL key and click on the thumbnail of image mask of our stripe (NOT THE TEXTURE). Then press CTRL+SHIFT+I to select the inverse of the stripe layer.







22.  Then, click on the texture layer, and then start erasing its edges, leaving only the texture within the stripe area.







23.  Finally, change the blend mode of our stripe text layer to "Linear Burn". This gives us that great texture effect to our stripe. For now, we have removed the guidelines for you to view the textures much clearer. Remember that you can turn on or off the visibility of the guidelines by pressing CTRL+H.







24.  Once you are happy with your stripe, create a layer group with this modified texture and the main red stripe. You can do this easily by clicking on the "create a new group" icon in the layers panel.







25.  Now, with the group selected, we rotate the stripe so that it is at an angle in a creative fashion. To do this, press CTRL+T to transform our stripe group. Move your mouse over the edge of the box and then just drag your mouse to start rotating the stripe.







26.  Now, right click on the Group layer and select the option "Duplicate Group". Do this at least two times to create a total of 3 stripes in our design. Transform and rotate these stripes as you see fit for your design.







27.  Here is a nice trick. If you want to change the colors of the ribbon, all you have to do is to go into one of the ribbon groups, double click on the actual stripe layer to access its layer styles and then just change the gradient overlay settings with your choice of colors.







28.  For our example we changed the gradient overlay colors for the second and third duplicate stripes to get a nice multi-colored effect for them. Of course, just match the change of colors depending on your color theme.







29.  Now, we add the title. Using the text tool we write in our title in a theme color, here we will be using a very dark brown. Just use the font style that fits your theme of course. Also, position the text just above the ribbons or stripes. Take note that the title must be on the right most panel as that is the cover area of brochures in printing. Also remember that you can use the character panel to adjust the line spacing, character spacing and a myriad of other text features and attributes. This should help you edit your title as you see fit correctly.







30.  Then we go to the layer options for the text. Double click on our text to access those options. First, click on the outer glow option. Change the color of the outer glow to a slightly lighter version of the dark brown color that we used.







31.  Then, click on Inner Shadow. Use a black shadow, with a 3 distance and a 5 pixel size.







32.  Once we apply the layer styles, it should look something like the image below. Take note of the guidelines again. Make sure that your text title is well within the security lines that we placed. Toggle the lines on and off by pressing CTRL+H.







33.  Great! Now, just type in the rest of your content. Orient them appropriately on the three panels. Again note that the right most panel is the cover, the middle panel is actually the BACK cover and the left most panel is the inner flap. DO NOT FORGET to always put in the main text paragraphs within the guidelines. We also used the same layer styles in the title for the headlines and sub-headlines.







34.  Once we hide the guidelines you should see something like this:







35.  Great! Now you have the FIRST SIDE of our brochure. In the next installment of the tutorial we will work on the other side. However, by now, you should know most of the tricks for creating a basic brochure design.