Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
January 2, 2019 11:00 am

How to Make a Portfolio Brochure Template in InDesign

Final product image
What You'll Be Creating

Whether you’re a photographer, illustrator or graphic designer, having a portfolio that presents your work beautifully is a sure way to help you stand head and shoulders above the competition. 


In this simple tutorial, you’ll learn how to create an InDesign portfolio template that can be easily adapted to your own content, complete with a stylish design, front and back cover, masters, and a print-friendly color palette.

final portfolio mock up

So if you’re looking to impress some new clients, make sure to read on to find out how to put together this minimal and stylish portfolio brochure design. 

If you're looking for a completely different style for your digital brochure, make sure to check out the range of portfolio templates on Envato Elements and GraphicRiver


What You’ll Need to Create Your Portfolio


You don’t need much to create a stylish portfolio—after all, it’s your images which will be taking center-stage. You do, however, need access to Adobe InDesign and a stylish font to use on your design:



Download and install the font on your computer.


The images used in the digital brochure design pictured here are:













1. How to Set Up the Portfolio Document in InDesign


Step 1


Open InDesign and go to File > New > Document. 


With the intent at the top of the window set to Print, choose Letter for the page size, and set the Orientation to Landscape


Increase the Number of Pages to 10, and make sure Facing Pages is checked. 


Set the Top and Outside Margins to 16 mm, the Inside to a more generous 20 mm, and the Bottom Margin to 18 mm. 


Add a 5 mm Bleed to all edges of the page except the Inside edge, which should be kept as 0 mm.

new document

Click Create

pages panel

Step 2


Expand the Swatches panel (Window > Color > Swatches) and choose New Color Swatch from the panel’s main drop-down menu. 


Set the values to C=22 M=24 Y=29 K=4, and click Add and Done.


Repeat to create two more new swatches, C=49 M=39 Y=38 K=20 and C=35 M=12 Y=12 K=0.

new swatches

Step 3


Expand the Layers panel (Window > Layers) and double-click on Layer 1, to rename it Background


Create three more new layers—Images, Overlays, and Type

layer options

Then lock all the layers except Type, which we’ll work on first. 

type layer


2. How to Set Up the Master for Your Portfolio


Step 1


In the Pages panel (Window > Pages), double-click on the A-Master icon at the top to bring it up on screen. 

master pages

Pull out a guide from the left-hand ruler to 139 mm on the left-hand page of the spread, and a guide from the top ruler down to 106 mm to mark out the center point between the page’s margins.

guides on master

Select both guides and Edit > Copy, Edit > Paste them, moving them over to a mirrored position on the right-hand page. 

pasted masters

Step 2


Select the Type Tool (T) and create a small text frame at the bottom of the left-hand page, centering it on the guide. 


Type in ‘- -’.

type tool text frame

Set your type cursor between the two dashes and head up to Type > Insert Special Character > Markers > Current Page Number. 


Set the Font of the text to Bergen Sans Semi Bold, Size 12 pt, Tracking 10 and Align Center.

bergen sans font

From the Swatches panel, set the Font Color to C=22 M=24 Y=29 K=4.

color swatch

Step 3


Copy and Paste the text frame, moving the copy over to the right page, into a mirrored position at the bottom of the page. 

pasted page number

Step 4


In the Pages panel, click on the [None] master icon at the top of the panel to highlight it. Then choose Apply Master to Pages from the panel’s menu. 

apply master

Type in ‘1-3, 10’ and click OK, to remove page numbers from the front and back cover and the first inside spread.  

apply master to pages


3. How to Add Background Color to Your Portfolio


Step 1


Lock the Type layer and unlock the bottom layer, Background

background layer

Double-click on Page 1 in the Pages panel to bring it up on screen. This will be the front cover of your portfolio. 

Use the Rectangle Tool (M) to create a tall, narrow shape across the left edge of the page, setting the Fill to C=33 M=12 Y=12 K=0. 

rectangle tool

Step 2


Scroll down to Page 3, and create a second shape across the whole page, extending the edge up to the bleed and the spine, and setting the Fill to C=22 M=24 Y=29 K=4.

color fill

Select this shape and Copy it. Scroll down to Page 8 and Paste the shape onto the page. 

pasted shape

Scroll down to the final page, Page 10, which will be the back cover of your portfolio, and Paste again. Switch up the Fill to C=35 M=12 Y=12 K=0. 

blue rectangle


4. How to Add Images to Your Portfolio


Step 1


Head back up to Page 1, the front cover of your portfolio. Lock the Background layer and unlock the Images layer above. 


Use the Rectangle Frame Tool (F) to create an image frame across the right side of the page, extending it up to the bleed edge on the top and bottom. 

image frame

Go to File > Place, navigate to an image for your cover (in this case, I’m using this close-up portrait), and Open it. 

placed image

Step 2


Create a second, smaller image frame on the center of Page 2, placing another image (here, I’ve used this one).

placed image

Step 3


Create another image frame on Page 4, centering the frame using the guides. File > Place, selecting an image with a portrait (not landscape layout), such as this one of a woman on a beach


Double-click inside the frame to directly select the image, and shuffle its position so that the top half of the image is visible inside the frame. 

image frame

Copy and Paste the image frame, moving the copy over to the facing page. 

pasted frame

Then shuffle the image upwards so that the bottom half of the image is visible in the frame. 

shuffle image

Step 4


Add images to the next spread down, varying the size and layout of your frames to create variety. 

image on page
facing images

On Page 8 and 9, add smaller image frames to the layout, scattering them across the spread. 

scattered images
scattered images

Step 5


Lock the Images layer and unlock the layer above, Overlays


On Page 1, create a shape using the Rectangle Tool (M) over the right side of the image. Set the Fill to C=22 M=24 Y=29 K=4.

rectangle tool

With the shape selected, go to Object > Effects > Transparency, and set the Mode to Multiply. Click OK.

multiply effect

Copy the shape and head down to Page 6. Paste onto the page, adjust the Fill to C=35 M=12 Y=12 K=0, and adjust the width and height of the shape, as shown below. 

pasted shape


5. How to Format Typography on Your Portfolio


Step 1


Lock the Overlays layer and unlock the top layer, Type.


Use the Type Tool (T) to create a text frame on the front cover, across the center of the image, typing in a title and setting the Font to Bergen Sans Semi Bold, Size 95 pt, and Font Color to [Paper].

type tool

Add more text below set in smaller size Bergen Sans, typing in a subtitle. 

subtitle

Add your name to the cover, switching the Font Color to C=35 M=12 Y=12 K=0. Right-Click > Transform > Rotate the text frame and position it along the left side of the cover. 

rotated text frame

Step 2


Scroll down to Page 3. This would be a good place for a contents page or an introductory page. 


Format a title set in Bergen Sans Bold, Size 83 pt. 

bergen sans header

Add body text below set in Bergen Sans Regular, Size 13 pt. Set the text of both frames to Align Right, and flush against the right-hand margin. 

body text

Step 3


You can use both of these text frames as a model for populating other pages. 

template text frames

Copy and Paste both frames together onto other pages in your portfolio. 

pasted text frames

Step 4


Add contact details to the back cover of your portfolio, setting the Font to Bergen Sans, as before. 

contact page

You can also add captions next to your images, set in Bergen Sans Italic, Size 11 pt, and a C=49 M=39 Y=38 K=20 Font Color.

captions for images
captions on spread


6. How to Export Your Portfolio for Printing


Step 1


Make sure to File > Save your portfolio. Then go to File > Export. 


Choose Adobe PDF (Print) from the Format menu and name your file. Click Save


In the Export Adobe PDF window that opens, choose [Press Quality] from the Preset menu at the top. 


Under the Pages options, make sure Pages is checked, not Spreads

press quality pdf

Step 2


Click on Marks and Bleeds in the window’s left-hand menu. 


Check both All Printer’s Marks and Use Document Bleed Settings, before clicking Export

marks and bleeds

Awesome work! You can send this PDF straight off to be printed professionally at a print shop or online print-on-demand service. 

Conclusion: Your Finished Portfolio Template

finished portfolio
finished portfolio

Your portfolio layout is finished—great job! You can easily add more pages to your design from the Pages panel, or switch up the color swatches and images for a different look. 

If you're looking for a completely different style for your portfolio, make sure to check out the range of portfolio templates on Envato Elements and GraphicRiver

Don't miss our edit of the best portfolio templates and resume styles for creatives:


Original Link: https://design.tutsplus.com/tutorials/how-to-create-a-portfolio-template-in-adobe-indesign--cms-32355

Share this article:    Share on Facebook
View Full Article

TutsPlus - Design

TutsPlus+ is a blog/Photoshop site made to house and showcase some of the best Photoshop tutorials around.

More About this Source Visit TutsPlus - Design