Detailed Photoshop design and make a brochure tutorial I'll use Photoshop to help you create a soon-to-be-printed brochure from scratch
Let's get started! Above and below is a preview of the final result
Introduction: this is a practical tutorial on how to design a simple brochure in Photoshop
I didn't use any design samples or Illustrator because there are a lot of people who don't have this software or don't have any idea how to use it at all
If you're someone who is learning how to design a brochure that can be printed, perhaps this is the tutorial for you
Part 1: Creating your documentStep 1: Choosing the type of foldThere are a few things we need to take into account before we start: its size, shape, and the type of fold
Generally, we should start with a pen and paper
Searching for the best way to fold a piece of paper is a good idea, but it's not a bad idea to use a piece of paper to find the best way to fold it. way is a good idea, but after folding, you can only print two sides, which means it's two PS documents, one front and one back
Here, I'll show you how to design a triple-folded brochure
Here's a quick guide to folding
We're going to name each printable area after "side ", so we have "Side 1", "Side 2", "Side 3" up to "Side 6 "
Step 2: DraftingOnce you've chosen the type of fold, it's not hard to visualize a design
After you've folded it, doodle on it and see how it looks
This is the most creative step, so let your imagination run wild~in the example below, I've drawn some of them according to my scenario
This format is based on the basic guidelines of the design and some graphic ideas
Drafting will help you to understand how you want the layout of your brochure to be constructed, and if the layout helps the reader to find the information quickly, this is a good way to categorize the information
For example, you can see in my sketch how I have placed the text "Contact Us" on the 2nd page. You can see in my sketch, for example, how I put the "Contact Us" text on side 2 (see previous graphic), so that when the brochure is kept folded, the reader can still see the title and contact information
Step 3: Create a working document and start designing This time I'm going to use a standard 11x8
5-inch document
Open Photoshop. Photoshop and press Command+N to create a new file
File settings are very important in order to publish your design, so pay attention to the following settings
Set the resolution to 300 pixels and the color mode to CMYK
Calibrate the printer's color display before you start designing, but that's a topic for another day so you can just leave it alone!
After creating the document, (you can call it "brochure-front"), display the ruler: go to View>Ruler or press Command+R
You can set the ruler in inches, and press Alt-clicking on the ruler. press Alt-clicking on it and selecting inches on the menu options
You must use the Show Reference Lines option, go to View > Show > Reference Lines or press the default shortcut Command+Semi-Colon
Step 4: Primary Area BoundariesWe must determine the boundaries of our valid print area or "primary area", which means it's 8,5 x 11 inches
So we draw only 4 reference lines on the sides of each document
These reference lines won't be printed, they simply serve as a reference point to standardize your design
You can show them or hide them at any time by going to the View>Show>Reference Lines
Draw a line, click on the ruler, horizontal or vertical whatever you want, drag the reference line and place it where you want
Step 5: Increase the size of the document After placing the four reference lines, go to Image>Canvas Size and add another inch to the Width and Height values, which means that the document is now 12*9
5 inches.
5 inches
In addition to this, check that the anchor point is in the middle
Click OK and you will see that the white background adds 0
5 inches to each side
Step 6: Side Now we will add a side of 0,25 inches
Draw four more reference lines more than a quarter of an inch outside of the previous ones<
This is very important because any background image or color must have its inner border drawn
Step 7: Safe BorderWhile we have perfected our cropping process, there is still a small area that we have to leave behind, a small area in the print space that does not have any important text or images
We add a safe border, where there are no elements around the edge, and there is space between the edge and the design
We add a safe border, where there are no elements, and there is space between the edge and the design. And there is space between the edge and the design
If you are familiar with web design you can call it fill
Drag four reference lines 1/4 inch on either side of the "main area" reference line in the document, this is just a suggestion
You can adjust the dimensions as you wish
But in the end you must do something similar to the below. >But in the end you have to do something similar to the last image below
Step 8: Creating the Column Reference Lines Now we need to create the column reference lines, this brochure has three equal areas to create the contents of the three panels
This there are a couple of ways you can add these reference lines one of them is to use a calculator to separate the three widths on the paper (11/3 = 3, 6666), a bit difficult isn't it One of my favorite techniques is to create several columns of the same width in the grid, using the shape of the publication design at the time
First draw a rectangle (U), using the reference line, from the reference line in the upper left of the "main area", drag the rectangle until the bottom of the other reference line
< p>(Figure 1) The width of this temporary shape doesn't matter, just try to make it slightly smallerThen use the Move tool to select the first rectangle, make sure that the Selection Transformation control panel is displayed in the Options panel, and then duplicate the rectangle
You can also press Alt-clicking to drag the shape of the selection
Place the duplicate next to the previous one! (The right side of the first rectangle is next to the left side of the second rectangle)
This is easy to do
I changed the color of the copied shapes to enhance the display (see below)
Copy the third rectangle and place it next to the second one as shown here
Now that you have three rectangles ready to be displayed make sure that there are no gaps or overlaps between them
Select the three rectangles. p>
Select the three rectangles and in the Layers panel (hold down the Shift key and click on the thumbnails of each layer) expand the three rectangles by using the Control Transform until it occupies all of the "main area"
(see Figure 4) This transformation process will expand each rectangle evenly
Next, just Select the middle rectangle and use the Move tool to use the transformation boundaries as two new reference lines for the cylinder
Finally, delete the rectangle
Step 9 - Fold the safety boundariesThis is the final step in the reference line process, adding a 1/4" safety boundary immediately adjacent to the cylindrical reference line
It's very important that - - the folded area always needs to be 2". -Folding always requires a 2-3 mm print area, and it's critical that you don't have any graphic objects in that area
This is when you have to integrate these reference lines perfectly
You can save this as a template for future designs
Step 10: BackgroundAdd a background color
Of course. You'll have to use CMYK values to find the perfect color
Double-click on the foreground color in the toolbar to select your background color
I used a subtle combination - 15% yellow and 10% solid black
Now draw a rectangle from the top left to the bottom right of the border reference line Add a background, including the edges of the border as well, these are very important
Step 11: Neat Reference Lines Now we'll add some custom neat reference lines so we know where to trim and fold
To do this, select a foreground color of 100% black
And in the "Primary Area" section, draw a rectangle from the top left to the bottom right of the border reference line, with a default fill vector of the rectangle as the foreground color
To do this, select a foreground color of 100% black. p>Draw a couple of straight lines on the reference line for the "main area" all the way to the edge (see below), hold down the Shift key to draw a straight line, and draw these neat segments on the four corners and on the reference line for the column
You can show or hide the reference line as needed by pressing Command+Semi-Colon
To do this, select a foreground color of 100% black
To do this, select a foreground color of 100% black. Hide the reference lines
Step 12: Form a group of all the straight lines and name it "Neat Reference Lines.