Blog

On this information, you’ll learn to create a portfolio template utilizing Affinity software program. The tutorial will cowl varied strategies for designing a portfolio template with a stability of pictures and textual content.

Earlier than we soar in, are you interested by studying the ins and outs of Affinity Writer? Nicely, look no additional: Envato has created a free Affinity Writer for Novices course. All through this course, you’ll learn to arrange an Affinity Writer doc, create grasp pages, and work with sort. For those who’re extra of a visible learner and would somewhat watch this Affinity Writer tutorial, try the Envato Tuts+ YouTube channel.

What’s a portfolio?

A portfolio is a doc that shows your work, much like a resume however extra visible. It usually contains an introduction or desk of contents itemizing the totally different sections, adopted by your paintings offered in varied layouts. The ultimate web page often comprises your contact info, corresponding to your electronic mail deal with, telephone quantity, and web site.

Tutorial property

To finish this Affinity Writer tutorial and create a design portfolio template, you may want the next sources:

1. How you can arrange a design portfolio template in Writer

Step 1

Open Writer and create a brand new doc. Set the size to 279.4 mm x 215.9 mm with a Decision of 300 DPI. 

Choose the Pages tab, and ensure Dealing with pages is checked and Variety of pages is ready to 10.

Choose the Margins tab, and alter the settings to 20 mm, 16 mm, 16 mm, and 18 mm. 

On the Bleed tab, change the size to 0 mm, 5 mm, 5 mm, and 5 mm.

Step 2

Find the Swatches panel, choose the three strains within the top-right nook, and select Add International Colour. Set the values to C=22 M=24 Y=29 Okay=4, and click on Add. Repeat the method to create two extra new swatches: C=49 M=39 Y=38 Okay=20 and C=35 M=12 Y=12 Okay=0. 

2. How you can arrange grasp pages on your portfolio template

Step 1

Within the Pages panel, double-click on the Grasp A icon on the high to carry it up on the display screen.

Pull out a information from the left-hand ruler to 139 mm on the left-hand web page of the unfold, and a information from the highest ruler all the way down to 106 mm to mark the middle level between the web page’s margins.

Repeat this course of on the precise web page.

Step 2

Choose the Body Textual content Software (T) and create a small textual content body on the backside of the left web page. Be sure that it is centered.

Sort in “-   -“.

Set your cursor between the 2 dashes and go to Textual content > Insert > Fields > Web page Quantity. Set the Font to Bergen Sans Semi Daring, Measurement 12 pt, Monitoring 10, and Align Heart.

From the Swatches panel, set the Font Colour to C=22 M=24 Y=29 Okay=4 (Mild Brown). 

Step 3

Copy (Command-C) and Paste (Command-V) the textual content body, transferring the copy over to the precise web page, in a mirrored place on the backside of the web page.

Step 4

Within the Pages panel, click on on the Add Grasp icon on the high of the panel. Be sure that Web page Format is ready to Single, after which click on OK. Then Proper-Click on > Apply Grasp to Pages from the panel’s menu.

Sort in “1-3, 10” and click on OK to take away web page numbers from the back and front cowl and the primary inside unfold.

3. How you can add a background shade to brochure templates

Step 1

Double-click on Web page 1 within the Pages panel to carry it up on display screen. This would be the entrance cowl of your portfolio.

Use the Rectangle Software (M) to create a tall, slim form throughout the left fringe of the web page, setting the Fill to C=33 M=12 Y=12 Okay=0 (Mild Blue).

Step 2

Scroll all the way down to Web page 3 and create a second form throughout the entire web page, extending the sting as much as the bleed and the backbone and setting the Fill to the Mild Brown swatch.

Choose this form and Copy (Command-C) it. Scroll all the way down to Web page 8 and Paste (Command-V) the form onto the web page.

Scroll all the way down to the ultimate web page, Web page 10, which would be the again cowl of your portfolio, and Paste (Command-V) once more. Change the Fill to Mild Blue.

4. How you can add pictures to your portfolio

Step 1

Now let’s add pictures to spruce up our portfolio template’s cowl and internal pages. Head again as much as Web page 1, the entrance cowl of your portfolio. 

Use the Rectangle Software (M) to create a picture body throughout the precise facet of the web page, extending it as much as the bleed edge on the highest and backside.

Go to File > Place, navigate to a picture on your cowl (on this case, I’m utilizing this close-up portrait), and Open it.

Step 2

Create a smaller picture body on the middle of Web page 2, inserting one other picture (right here, I’ve used one other picture of the identical mannequin).

Step 3

Create one other picture body on Web page 4, centering the body utilizing the guides. File > Place, choosing a picture with a portrait format, corresponding to this certainly one of a lady on a seashore.

Double-click contained in the body to instantly choose the picture, and shuffle its place in order that the highest half of the picture is seen contained in the body.

Copy (Command-C) and Paste (Command-V) the picture body, transferring the copy over to the going through web page. Then shuffle the picture upwards in order that the underside half of the picture is seen within the body.

Step 4

Begin including extra pictures to the following unfold, adjusting the dimensions and format of your frames.

On Pages 8 and 9, make smaller frames on your pictures and place them throughout the unfold.

Step 5

On Web page 1, use the Rectangle Software (M) to create a form over the precise facet of the picture. Set the Fill to Mild Brown.

With the form chosen, go to the Layers panel and alter the Mix Mode to Multiply.

Copy (Command-C) the form and head all the way down to Web page 6. Paste it onto the web page, modify the Fill to Mild Blue, and modify the width and peak of the form, as proven beneath.

5. How you can format the typography on brochure templates

Step 1

Let’s wrap up our portfolio by including some much-needed textual content. Use the Body Textual content Software (T) to create a textual content body on the entrance cowl, throughout the middle of the picture, typing in a title and setting the Font to Bergen Sans Semi Daring, Measurement 95 pt, and Font Colour to White.

Add extra textual content beneath, set in a smaller dimension of Bergen Sans, and kind in a subtitle.

Add your title to the quilt, switching the Font Colour to Mild Blue. Rotate the textual content body and place it alongside the left facet of the quilt.

Step 2

Scroll all the way down to Web page 3. Use this web page for a contents web page or an introductory web page. Format a title set in Bergen Sans Daring, Measurement 83 pt.

Add physique textual content beneath, set in Bergen Sans Common, Measurement 13 pt. Set the textual content of each frames to Align Proper and flush in opposition to the right-hand margin.

Step 3

You should use each of those textual content frames as a mannequin for populating different pages.

Step 4

Add contact particulars to the again cowl of your portfolio, setting the Font to Bergen Sans as earlier than.

Add context to your pictures by including captions, set in Bergen Sans Italic, Measurement 11 pt, and a C=49 M=39 Y=38 Okay=20 swatch.

6. How you can export your portfolio for printing

Step 1

Be sure that to File > Save your portfolio. Then, go to File > Export. Select PDF (for print) from the Preset menu.

Step 2

Scroll down and ensure Embrace Bleed and Embrace Printers Marks are checked earlier than clicking Export.

You are executed! You discovered learn how to make a portfolio template

Now you’ll be able to simply create brochure design templates utilizing the talents and strategies coated right here. We began this tutorial by answering the query: what’s a portfolio? Then, I mentioned the place to position essential info such because the introduction and your paintings. I taught you learn how to make a portfolio template utilizing pictures, textual content, and hints of shade. We concluded this Affinity Writer tutorial by demonstrating learn how to export your doc for printing. 

This tutorial can also be out there utilizing one other common design program—learn to make a portfolio brochure template in InDesign.

Fascinated by a deep dive on Affinity Writer tutorials?

I’ve compiled a set of tutorials utilizing Affinity software program that can aid you grow to be an knowledgeable very quickly. You should use these tutorials to create quite a lot of clean brochure templates, or they could aid you provide you with new portfolio concepts. Give them a strive!