Template Documentation | Version 1.

0 | March 2014

TEMPLATE DOCUMENTATION
for Adobe InDesign CS4+ / Photoshop CS3+

MASTER PAGES
Master Pages explained and what they are for

TEMPLATE STYLES
All of the Paragraph/Character & Object Styles explained with examples

ALSO INCLUDES
Getting Started Guide
•••
Overview of Baseline Grid & Type Alignment
•••
Tips and Guides for InDesign to make the
most of your Template purchase

by bilmaw on Creative Market | www.creativemarket.com/bilmaw

Template Documentation
Everything you need to know about this professional template and how to
create your own beautiful layouts and include your own information.
Thank you for purchasing this
template and hopefully you will
find it easy to update and use.
You’ll find well organised Master
Pages, Swatches, Paragraph,
Character and Object Styles.
Each template has been all
set up for you and is ready to
go. Even a novice in InDesign
or Photoshop will be able to
add their own information.
Now we’ll go through how things
are organised and used, plus
tips on editing your templates.
Template Contents
The files included are:
• A4 & US Letter InDesign
(.INDD) version for use
in CS6 and above.
• A4 & US Letter InDesign (.IDML)
version for use in CS4/5.
• A4 & US Letter Photoshop
(.PSD) versions for use
in CS3 and above.
• High Resolution PDF
versions of all files.
• 36 Social Icons (.INDD,
.IDML, .AI & .EPS files).
• This documentation PDF.
Image Credits
The images used in the template
preview are for illustrative
purposes only and are not
included in the download.
Contents
Installing Fonts 3
A quick guide to downloading and installing the
fonts needed to edit this template.
Template Master Pages 4
Master Pages in InDesign - what they are and how they can help
you keep your layout consistent, and save you time!
Template Baseline/Document Grid 5
An overview of the Baseline/Document Grid that is used to align the
typography and other graphic elements in the template.
Template Paragraph Styles 6
An explanation of the included Styles and how they
are used to customise your layouts.
Template Character/Object Styles 7
An explanation of the included Character/Object Styles,
how they relate to Paragraph Styles and using
them to customise your layouts.
Template Photoshop Version 8
Overview of the PSD files included and how they are organised.
Template Adding Your Photo 9
Follow the instructions below to re-create the style of
the photo included in the template preview.
Template Skills Section 10
How to edit the skills section in the InDesign and Photoshop versions.
Exporting to a PDF file 11
A short guide for exporting as a PDF from InDesign or Photoshop.
From the Author
I hope you find everything you need in this documentation
and have fun creating your own Resume/CV.
If you have any questions about the template or this help file,
you can contact me through Creative Market or visit
www.bilmaw.com and use the contact page. Enjoy! ~ Billy (bilmaw)
2
Installing Fonts
A quick guide to downloading and installing the
fonts needed to edit this template.

Download
Unless you already have the following fonts installed on your computer,
you will need to download and install them before editing the template.

The fonts used are Roboto, available for download from the following link:
http://www.fontsquirrel.com/fonts/roboto

1
Install
Below are some simple instructions for installing font(s) for your operating system:

• Ensure you include all the different ‘weights’ (bold, italic, extra bold, etc.)
when installing the font as there will be a separate file for each of these.

• You will probably have to restart the any programme

2 already opened like InDesign, Adobe Photoshop etc, before
any newly installed font is available for use.

Windows 8
• Extract the fonts, from the downloaded ZIP file, to any directory.
• Select the fonts and right-click (or double click an individual font).
• Select Open (in the case of several selected fonts).
• Click Install from the preview window (1).

3 Windows 7 & Vista

• Extract the fonts, from the downloaded ZIP file, to any directory.
• Select the fonts and right-click.
• Select Install (2).

Windows XP, Windows 98 & Windows 95

• Copy & Paste the fonts into the Fonts Folder,
usually found in C:\Windows\Fonts (3)
• Note: Don’t extract the fonts directly into the Fonts Folder (say,
from a Zip file), as they won’t install correctly. You must extract
4 them somewhere else first then Copy/Paste them over.

Mac OSX
• Place the font files into /Library/Fonts (for all users) or
into /Users/Your_username/Library/Fonts (4)
• Note: If you have Font Book installed, double-clicking on the font file will open
Font Book automatically. You’ll see a dialog box with a preview of the font. Press
‘Install Font’ (bottom-right of the window) (5) and the font will be installed.

Font Management Software

5 You may also be using font management software such as
Extensis Suitcase, in which case you can refer to your particular
software’s help file on installing fonts in your programme.

3
Template Master Pages
Master Pages in InDesign - what they are and how they can
help you keep your layout consistent, and save you time!
APPLYING
Master Pages
To apply a master to one page, drag
the master page icon to a page icon
in the Pages panel. When a black
rectangle surrounds the desired
page, release the mouse button.
APPLY a Master to
multiple pages
In the Pages panel, select the
pages to which you want to
apply a new master. Then press
Alt (Windows) or Option (Mac
OS) as you click a master.
UNASSIGN
Master Page
Apply the None Master from the
Masters section of the Pages panel.
Master Pages - Where to Start
The Master Pages included in the
template include guides to help with
your layouts and also elements that
repeat throughout the template (e.g.
background graphics). You can edit
Master Pages by double clicking on
the thumbnail in the ‘Pages’ window
(Top Menu > Window > Pages)
and then making any changes.
This template uses a ‘Main’ Master
Page which contains elements
that repeat throughout the entire
document and once these details
are edited they will be updated on
every page of the template. This
should be your first edit as it contains
important information such as your The ‘Pages’ Palette, with the
name and contact details etc. ‘Main’ Master Page highlighted
Creating your Resume/CV
Each page has been created for you, but if you would like to add more or
edit pages follow these instructions. Create a new page in your document
via the Pages Panel > Insert Pages or with the Top Menu - Layout >
Pages > Insert Pages and then select which Master you’d like to use.
You can copy/paste any layout elements that have been created
for you throughout the layout to customise the Resume/CV to your
needs. You can also refer to the supplied PDFs or the screenshots
of this template on Creative Market if you need any ideas.
Adding your own details is just a case of editing the existing
text boxes included in the template. You can delete the
placeholder text and place your text/information.
The following pages in this help file will explain the Paragraph/
Character/Object Styles and how to apply them to speed up
your editing process. It also has information on the Baseline
Grid that is used for the typography and how to edit the ‘Skills’
section for the InDesign and Photoshop versions.
4
Template Baseline/Document Grid
An overview of the Baseline/Document Grid that is used to align
the typography and other graphic elements in the template.

Using the Baseline/Document Grid

This template has been carefully
constructed and uses a perfectly aligned
Baseline and Document Grid, based on the
Body Text font size, to create sleek and
organised layouts with minimal effort.

The Blue Horizontal Baseline Grid is

used by the majority of the Paragraph
Styles and automatically aligns your
text. You can turn the Baseline Grid
On/Off under Menu > View > Grids &
Guides > Hide/Show Baseline Grid. Blue Line - Baseline Grid
Grey Line - Document Grid
1 The Grey Document Grid is used to align Purple Line - Column Guide
all your graphic elements. You can turn
the Document Grid On/Off under Menu > View > Grids & Guides > Hide/Show
Document Grid. You can also snap to the Document Grid to make creating layouts
even easier under Menu > View > Grids & Guides > Snap to Document Grid.

If you want a quick preview of your layout without any guides just press
W, this will allow you to quickly assess how your layout is shaping up.

Turning Off Alignment with the Baseline Grid

2 The Baseline Grid makes aligning text and graphic
elements easier but if you are unfamiliar with using
it and would like to remove the functionality or if
it’s causing problems follow these few steps:

1. Open the Paragraph Styles Palette (Window > Styles

> Paragraph Styles), you will see a list of all the text
styles used in the template (you may have to expand the
folders by clicking on the grey triangles beside them).
3
2. Right-Click on a style and select Edit “<Style Name>”...

3. In the dialog box, select Indents and

Spacing in the left column.

4. Next, at the bottom of the dialog box change the Align to

Grid drop-down list from ‘All Lines’ to ‘None’, then click OK.

You will need to do this for all of the styles that you no
longer want to align to the Baseline Grid. Although it
4 may be best and save you time to only edit the style
that seems to be causing issues within the layout.

5
Template Paragraph Styles
An explanation of the included Styles and how
they are used to customise your layouts.
APPLYING
Paragraph Styles
Using these styles is as simple
as just highlighting either the
text or text box you wish to
change, then clicking on the
desired style in the style palette.
You can also use Quick
Apply (Ctrl/Cmd - Enter),
and choose the desired style
from the pop up menu.
Explanation of
‘Based On’
The styles in InDesign have a
clever feature in that you can
create a style ‘based on’ another.
Meaning if you change an
attribute in the parent or starting
style, each style that it’s based
on will follow those changes.
This feature is present in the
main styles used in this template
including Titles, Subtitles and
Body text. For example: if
you edit the font in the first of
these styles in a group, they
will all change accordingly.
This feature can also be switched
off by choosing [No Paragraph
Style] under ‘Based On:’ to make
the style function independently.
Below are the Paragraph Styles that control the formatting of the text
included in the template; everything from body text to headings.
GROUP / TOP PAGE Window > Styles > Paragraph Styles
Name
White text along the header for the resume owners name.
Occupation/Job Title
Small coloured sub-heading under the name for the persons job title/profession.
Title - White
Large white title used for intrductory text (e.g. HELLO)
Small Title - White
Smaller white subtitle below the main title (e.g. this is my Resume)
GROUP / TITLE Window > Styles > Paragraph Styles
Section Title
Coloured title for introduction to each section of the resume (e.g. Employment)
Title - Black
Bold text used for important parts of information such as Name, Address etc.
Title - Colour
Bold text in main colour used for dates in the Employment and Education sections.
GROUP / BODY TEXT Window > Styles > Paragraph Styles
Body Text - BLACK
Main style for most of the text in the template. Used for
everything except headings and sub-headings.
Body Text - WHITE CENTRE
Main text style only in white with centred justification.
6
Template Character/Object Styles
An explanation of the included Styles and how
they are used to customise your layouts.

About Character Styles
The Character Styles included
are used for inline styles, for
example, highlighting a word in
the title of a layout. You can see
examples throughout the sample
layouts and they are very versatile
in expanding the options available.
Below are the Character Styles that control inline
formatting of the text included in the template.
Window > Styles > Character Styles
Bold
Very simple style for making inline words in your text bold where
the Paragraph Style would make all the text bold.

To use just highlight the text you

wish to style and click the name
of the Style in the Character Styles
palette. These styles can be applied
to any Paragraph Style, so please
experiment and use the samples
in the template as a guide.

About Object Styles Window > Styles > Object Styles

Object Styles are used for

the graphic elements in your
layouts. They are very useful as
you can not only store attributes
like colour and stroke but you
can define the Paragraph Styles
of text contained in the box.
Skill Bar Background
Thick stroke style used on the skill bars as a background in the Master Page.
Skill Bar
Thick stroke style in main colour used as the editable part of
the skill bar for you to adjust to suit your skill level.

Included are styles for specific Colour SOLID LINE

elements of the layouts as This style is used as a section divider for different parts of the layout.
well as some generic styling
which can be used anywhere,
so feel free to experiment.

NOTE: Object Styles don’t control

size or position but you can
copy and paste or refer to the
Master Pages for examples.

7
Template Photoshop Version
There are Photoshop (PSD) versions of the InDesign
Templates included, here’s a quick run through...
Editing a
‘Smart Object’
The image placeholders included
in the PSD files are Smart Objects
so all you have to do is drop in
your own photos/artworks.
Follow these steps to edit the
contents of a Smart Object:
1 In the template, select
the Smart Object layer
in the Layers panel.
2 Choose Layer > Smart Objects >
Edit Contents.
Or you can simply double-click
the Smart Objects layer
thumbnail in the Layers panel.
3 Place or Copy/Paste your own
photo/artwork.
Scale or crop your image
to suit the layout.
4 Choose File > Save to
incorporate the edits.
5 Close the file.
6 Return to the Photoshop
template, which contains your
Smart Object.
If all goes as expected, all
instances of the Smart
Object are updated.
Backwards
Compatibility
The Photoshop Files included
were created with CS6 and saved
with Maximum Compatibility
enabled. They have been tested
as far back as Photoshop CS3
and are fully intact and editable.
In the folders PSD A4 / PSD US Letter, there are five A4 size Templates (PSD A4)
and five US Letter size Templates (PSD US Letter) for each coloured version the
template. Each PSD contains well organised layers/layer groups which are colour
coded (explained below) for ease of finding which elements you need to edit.
PSD Layer Colour Coding
The layers within the Photoshop files are organised and colour coded based
on their function, the following text explains what each colour means:
Green is a placeholder
layer. This usually includes
elements such as margin/
guides or shapes that
are for reference only
and are designed to be
turned off before exporting
your final artwork.
Red are background elements
including headers, footers,
dividers other elements
which can usually be left
untouched once you’ve
added your own details.
Yellow contains text
information and smart
objects. These layers are all
editable for you to include
your own information.
Modifying the contents of
a smart object is explained
on the left of this page.
Above: Screenshot of the PSD Layers
(File: my resume v1 A4 1.psd). Green
Guides, Yellow Text Layers / Smart
Objects and Red Background Elements.
8
Template Adding Your Photo
Follow the instructions below to re-create the style of the photo included in the template preview.

NOTE: You have to use a GREYSCALE image for InDesign!

INDESIGN
The photo is held inside the
coloured image box at the top
of the layout. To re-create the
preview style you need an image
that is greyscale, preferably with
a white isolated background.

Open your Pages Palette and

double click the Main Master Page. Select the M-Main Master Page. Select the top colour image box.
Click on the top colour section
and the choose File > Place from
the Main Menu (Cmd/Ctrl + D).

Use the White Direct Selection

Arrow to move your image around
inside the box until you’re happy

With the image selected,

choose the Secondary Colour
from the Swatches Palette
to match the colours. Place your image (Cmd/Ctrl + D). With the image selected, chose
the Secondary Colour Swatch.

PHOTOSHOP
To add your photo, there is an
Add Photo folder. Expand this
and double click the Add Photo
Here Smart Object Icon.

This will open the file, from there

paste in your image. Feel free to
move your image around until
you’re happy with the crop. You can Double click Add Photo Layer Icon. Paste your image (Cmd/Ctrl + V).
open the Smart Object again later
and move it around if you need to.

Save your changes and close

the Smart Object. You will
see the image updated in
the top half of the layout.

The colour is added by a

Gradient Map Adjustment
Layer above the image. Save then close, and the image will The colour is added by the
be updated in the the template. Gradient Map above the image.

9
Template Skills Section
How to edit the Skills section for the InDesign and
Photoshop versions of the template.

INDESIGN
The ‘Skill’ bars in the InDesign
template are created using
simple stroked lines. The
coloured line on top can be
edited using the Selection
Tool (Black Arrow).

Grab the anchor on the right side The ‘Skills’ Section

of the line and scale to suit your
capability in a skill. You can use
the Document Grid (Menu > View
> Grids & Guides > Hide/Show
Document Grid) and also snap to
the Document Grid to help you
(Menu > View > Grids & Guides
> Snap to Document Grid).

Changing the colour is a

case of selecting the line and
choosing a colour from the
Swatches Palette (Menu >
Window > Colour > Swatches).

Grab the right anchor of the Snap to the Document Grid to help
selected line and drag to scale. you to scale the bar accurately.

PHOTOSHOP
The ‘Skill’ bars in the
PhotoShop template are
created with the Shape Tool.

You can edit them with the

Direct Selection Tool (A) then
grabbing the anchor on the
right side to scale the line.
Hold Shift while dragging
to keep the line straight or
nudge using the arrow keys.

You can change the colour by

double-clicking the Layer icon
and choosing your new colour Select the correct Layer for editing Click and drag the line anchor
from the picker that pops-up. from the Layers Palette. with the Direct Selection Tool (A)
or nudge with the arrow keys.

10
Exporting to a PDF file
For those unfamiliar with exporting as a PDF from InDesign
or Photoshop, I’ve included a short guide below.

What is a PDF and Export as PDF from InDesign

why use it?
When you are finished editing
the template and have
completed your resume/
cv, you may want to upload
to job search websites and
have a file that you can email
to potential employers.

The perfect file format to

accomplish this task is a PDF
(Portable Document Format).
This file is a compressed, widely
accepted file format that is easy
to upload and email. Another
bonus is that nothing in your
layout will change when viewed
on a different computer, so your
potential employer will see your
Resume/CV as you intended.
Printing a PDF and
including ‘Bleed’
If you’d like to get your Resume/
CV printed professionally by
a Printing Company, you can
export your PDF with ‘bleed’,
which is a little extra around the
edge for the Printing Company
to cut into so the colour goes
to the very edge of the page.
1. Choose File > Export from the
menu at the top of the screen.
2. In the dialog box, rename and/or choose
a place to save your file. From the ‘Format’
drop-down menu select ‘Adobe PDF (Print)’.
3. In the next dialog box, from the Adobe PDF
Preset drop-down menu select either ‘Press
Quality’ or ‘High Quality Print’ if you intend to
print out your PDF and ‘Smallest File Size’ if
you intend to email or upload to a website. I
would advise saving a Print-Ready and Web
version and naming them accordingly so you
have a Resume/CV ready for when you need it.
Press Export (Save PDF in Photoshop) and
the PDF will be made in the background in
no more than a few seconds depending on
your computer and the complexity of the file.

InDesign - When exporting,

choose ‘Marks and Bleeds’
from the left column (step 3)
and tick the ‘Use Document
Bleed Settings’ box, then
Export as normal.

Photoshop - The PSD files

in this template already
include bleed so just export
for PDF as normal.
1. Choose File > Save 2. Rename and/or choose a place to
As from the menu at the save your file. From the ‘Format’ drop-
top of the screen. down menu select ‘Photoshop PDF’. Then
follow STEP 3 for InDesign above.

11
by bilmaw on Creative Market | www.creativemarket.com/bilmaw