Saturday, December 14, 2024
HomeWeb developmentHow you can make a portfolio brochure template in Affinity Writer

How you can make a portfolio brochure template in Affinity Writer


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

Earlier than we bounce in, are you interested by studying the ins and outs of Affinity Writer? Effectively, look no additional: Envato has created a free Affinity Writer for Freshmen course. All through this course, you’ll learn to arrange an Affinity Writer doc, create grasp pages, and work with kind. In the event you’re extra of a visible learner and would quite watch this Affinity Writer tutorial, take a look at the Envato Tuts+ YouTube channel.

What’s a portfolio?

A portfolio is a doc that shows your work, just like a resume however extra visible. It sometimes consists of an introduction or desk of contents itemizing the totally different sections, adopted by your paintings offered in varied layouts. The ultimate web page normally accommodates your contact data, equivalent to your e-mail tackle, 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 scale to 279.4 mm x 215.9 mm with a Decision of 300 DPI

Create a new documentCreate a new documentCreate a new document

Choose the Pages tab, and ensure Going through pages is checked and Variety of pages is about 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 scale to 0 mm, 5 mm, 5 mm, and 5 mm.

New document settingsNew document settingsNew document settings

Step 2

Find the Swatches panel, choose the three traces within the top-right nook, and select Add World Shade. 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

SwatchesSwatchesSwatches

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

Step 1

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

Master pagesMaster pagesMaster pages

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.

Master guides LMaster guides LMaster guides L

Repeat this course of on the proper web page.

Master page guides (r)Master page guides (r)Master page guides (r)

Step 2

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

Sort in “-   -“.

Frame text toolFrame text toolFrame text tool

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 Middle.

Set page numberSet page numberSet page number

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

Page number swatchPage number swatchPage number swatch

Step 3

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

Copy page numbersCopy page numbersCopy page numbers

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 about to Single, after which click on OK. Then Proper-Click on > Apply Grasp to Pages from the panel’s menu.

Create new master pageCreate new master pageCreate new master page

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.

Remove page numbersRemove page numbersRemove page numbers

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

Step 1

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

Use the Rectangle Device (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 (Gentle Blue).

Spine colorSpine colorSpine color

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 Gentle Brown swatch.

Page 3 backgroundPage 3 backgroundPage 3 background

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.

Page 8 backgroundPage 8 backgroundPage 8 background

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 Gentle Blue.

Page 10 backgroundPage 10 backgroundPage 10 background

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 inside pages. Head again as much as Web page 1, the entrance cowl of your portfolio. 

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

Cover image frameCover image frameCover image frame

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

Cover image placeCover image placeCover image place

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 similar mannequin).

Page 2 image placementPage 2 image placementPage 2 image placement

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, equivalent to this considered one of a girl on a seaside.

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

Page 4Page 4Page 4

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.

Copy and paste framesCopy and paste framesCopy and paste frames

Step 4

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

Spread 6 and 7Spread 6 and 7Spread 6 and 7

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

Page 8Page 8Page 8
Page 9Page 9Page 9

Step 5

On Web page 1, use the Rectangle Device (M) to create a form over the proper aspect of the picture. Set the Fill to Gentle Brown.

Light brown overlayLight brown overlayLight brown overlay

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

Multiply overlayMultiply overlayMultiply overlay

Copy (Command-C) the form and head all the way down to Web page 6. Paste it onto the web page, alter the Fill to Gentle Blue, and alter the width and top of the form, as proven under.

Blue overlay page 6Blue overlay page 6Blue overlay page 6

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 Device (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 Shade to White.

Cover textCover textCover text

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

Cover subtitleCover subtitleCover subtitle

Add your title to the quilt, switching the Font Shade to Gentle Blue. Rotate the textual content body and place it alongside the left aspect of the quilt.

Portfolio authorPortfolio authorPortfolio author

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.

About meAbout meAbout me

Add physique textual content under, 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.

About me filler textAbout me filler textAbout me filler text

Step 3

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

Populate pagesPopulate pagesPopulate pages

Step 4

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

Contact pageContact pageContact page

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.

CaptionsCaptionsCaptions
Additional captionsAdditional captionsAdditional captions

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.

ExportExportExport

Step 2

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

Additional export settingsAdditional export settingsAdditional export settings

You are carried out! You realized find out how to make a portfolio template

Now you possibly can simply create brochure design templates utilizing the abilities and methods lined right here. We began this tutorial by answering the query: what’s a portfolio? Then, I mentioned the place to put vital data such because the introduction and your paintings. I taught you find out how to make a portfolio template utilizing pictures, textual content, and hints of shade. We concluded this Affinity Writer tutorial by demonstrating find out how to export your doc for printing. 

This tutorial can also be accessible utilizing one other fashionable design program—be taught find out how to make a portfolio brochure template in InDesign.

Brochure finalBrochure finalBrochure final

Curious about a deep dive on Affinity Writer tutorials?

I’ve compiled a set of tutorials utilizing Affinity software program that may make it easier to change into an skilled very quickly. You need to use these tutorials to create quite a lot of clean brochure templates, or they might make it easier to provide you with new portfolio concepts. Give them a attempt!

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments