Header Ads Widget

Tri fold Brochure Design (Professional Corporate) - Photoshop Tutorial

I started by thanking those who are reading this text version photoshop tutorial. Today I will discuss how to design a beautiful Tri-Fold Brochure in Adobe Photoshop. And also show you how to define the perfect size of a tri-fold brochure. Mostly, a tri-fold brochure is a print-related template. The tri-fold brochure is, used for company marketing and other marketing purposes. The tri-fold brochures usually give some details about a company. Let's start the tutorial without delay. 


Design Ingredient:
(1) Adobe Photoshop ( Note: Use latest version software )
(2) Stock Images and Mockup 
(3) Fonts.


Let's start by saying no more. Stay with me I will discuss step by step.


The design first is the same as every design first step. So open up your adobe Photoshop program. Then go to File>New or Press Ctrl+N  from your keyboard or click on Create New to create a new document. While you click create new, then the design artboard-making dialog box will open. Now give the name of the design document and put the file size. In this tutorial, I use the demo size of this brochure. You can put the size according to your brochure. However, here I first create a size- (width 1106 x height 2550 px). This size is the one part size of this brochure, later on, we will create the other two-part size by increasing canvas size when the design artboard will visible on photoshop. Next, I select CMYK color mode from the color mode drop-down menu. (Note: IF you use those designs for web, select RGB color mode and if you want to use those designs for Print, Use CMYK color mode. Then click on Create.



After visible, The Design Artboard Go to view menu on the top menu bar from the view menu bar and click on the Rulers Or Press Ctrl+R from your keyboard to open Rulers Guide. Now drag ruler lines from the top and right side and cover the design artboard through the Rulers Guide. Now we will add the other two fold size to the existing design artboard. To do this, Go to the Image menu from the top menus. from the image menu bar, click on the Canvas size option, or press Alt+Ctrl+C from your keyboard to increase design artboard size. When the canvas size dialog box will visible. You will see the Current Size width height and New Size width height and an Anchor box with eight arrow signs. Now we have to click on the New Size width box and multiply the existing size by 2. Now click on the arrow signs which side you want to increase the size. Make sure "Canvas extension color" is "white" because we need a white design artboard. However, for 3rd part size, You can use the calculator to calculate the ratio.



In this step, we will create that red color shape, later on, we will change the shape color. However, to make that shape, click on the Pen tool from the Photoshop right side tools bar when you click on the pen tool, the pen tool properties are visible on the top bar. From the properties, turn on the Shape mood Fill color and pick any color. Here I use the red color and turn off Stroke color. Now make a shape by just clicking on the three corners of the design artboard. If you draw this shape according to the Rulers guide. Then the shape size will be perfect, and it will be looking beautiful with the design. 



In this particular design step, we will make some six corners polygon shapes and put the model photo inside those shapes. To accomplish this, we will use the Polygon Shape Tool from photoshop's right-side toolbar and draw a six corners shape. There is another way to make this shape, click on the polygon tool and just one click on the design artboard, then a dialog box will open, in this dialog box, you will find the shape height and width value input option and Number of sides input box. Here you can put the shape size 100px height and width and Number of sides 6. After making that shape, Right Click on the shape layer thumbnail from the layer panel to go its Blending Option properties. From the properties, check the Stroke box. And make the stroke size 10px and make sure selected the stock position "inside" and make the fill type "color" and select white (#ffffff) color for the stroke. After doing all those settings, click on Ok




Now make some copies of that polygon shape by pressing Ctrl+J or hold alt and drag that shape. Now align those shapes like a honeycomb. After complete alignment, makes all polygon shape into a group folder by pressing Ctrl+G. Now make another copy of the group folder. Now go File>Open or press Ctrl+O to bring the model image from computer storage to photoshop. When the photo opens in photoshop artboard, Right-click on the image layer thumbnail, and from the pop-up option, click on Create Clipping Mask. Make sure the model image is between the two group folders. Now go upper group and Turn off a few polygon shape layers Fill color to make the model image layer visible inside the stroke.



When you turn off those few polygon shape layers, you will see the model image layer is visible inside of those individual polygon shapes that you have turned off. Now adjust the model image size according to the honeycomb shape. To perform this, active the model image layer and Go to Edit>Free Transform or press Ctrl +T. After adjustment, change all red shape colors to light Blue. Our Design layout structure is ready. Now have to put design text and decorate it according to each part size. To write the texts, click on the Type Tool from the photoshop right menu bar, and after that, again click on the design artboard to write the text. First, write the heading text after that subheading text. Thank you for patiently reading this text version tutorial. 


If you are facing any problem understanding this text tutorial, you can comment below the comment section. I will try to answer your question. So No more today. I will see you in another new tutorial. 







Post a Comment

7 Comments

If you have any quary let me know