THANKS FOR YOUR PURCHASE RE: JME / CV TEMPLATE byUX-Groupon Creative Market | www.creativemarket.com/ux-group TEMPLATEDOCUMENTATION /ERSION 10 ‘Thank you for purchasing this template and hopefully you wil it easy to update anduse, ‘Youll find well organised Pages. Swatches. Paragraph, Character Styles, Object Styles and Layers Each template fas been all set up for you and is ready to go ‘This help file will explain how things are organised and used. and includes tips on edting your templates. CONTENTS 2 - WHAT'S INCLUDED ‘A.quick look atthe file formals included and how they are organised 3 - INSTALLING FONTS ‘A short quide to downloading and installing the fonts needed to edit this template 4, ~SOCIAL ICONS: ‘Which file formats are included and how to use them 55. -INDESIGN-- BASELINE/DOCUMENT GRID ‘An overview of the Baseline /Document Grid that is used to align the typography and other graphic elements in the template 6. - INDESIGN- PARAGRAPH STYLES ‘An explanation ofthe included Styles and how they are used to customise your layouts 7. - INDESIGN -CHARACTER/OBJECT STYLES ‘An explanation of the included Character/Object Styles. how they relate {0 Paragraph Styles and using them to customise your layouts 8 - PHOTOSHOP VERSION ‘Overview of the PSD files included and how they are organised ‘9. ~SKILLS SECTION How to edt the bars in the Sklls section ofthe template 410 - ADDING YOUR PHOTO. How to add your photo in InDesign. Photoshop or Word 111 - EXPORTING TO A POF FILE [A short guide for exporting as a POF from InDesign, Photoshop or Word FROMTHEAUTHOR | hope you find everything you need inthis documentation and have fun creating your own Resume/CV. Ifyou have any questions about the template or this help fle. you can contactme through Creative Market or visit wwwx-group.comand use the contact page. Enjoy!UX-Group WHAT'SINCLUD E FORMAT! ED — ITEMSINCLUDED ‘One Page Resume Template ‘One Page Cover Letter Template available in Ag and US Letter sizes SOFTWAREREQUIRED InDesign CS6 or above Photoshop C56 or above Microsoft Word (version 2007 or above) FILEFORMATSINCLUDED ‘A4 & US Letter InDesign (IND) version for use in CS6 and above ‘A4& US Letter InDesign (DML) version for use in CS4/5, ‘A4& US Letter Photoshop (PSD) versions for use in C36 and above. ‘A4& US Letter Word versions (D0CX) High Resolution PDF versions ofall files, 90 Social Icons (PNG files ‘This documentation POF. Ag iSO 210 297 mm + bleeds US Letter 85 x 11 inches + bleedsUX-Group RESUM! Eh = = abodefghikr roperstuwoy 1234567890 DOWNLOAD Unless you already have the following fonts installed on your computer. you vrll need to downicad and install them before edting the template, ‘The fonts used are Raleway available for download from the following link: http://www. fontsquirrelcom/fonts/raleway INSTALL Below are some simple instructions for installing fonts) for your operating system: Ensure you include al 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 already opened like InDesign, ‘Adobe Photoshop etc, before any newly installed font is available for use. Windows 8 Extract the fonts. from the downloaded ZI fle. 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 thepreview window i Windows 7 & Vista Extract the fonts. from the downloaded ZI fle. to any directory Select the fonts and right-click Select instal (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 wont instal correctly. You must extract, them somewhere else frst then Copy/Paste them over. Mac 0Sx Place the font files into /Library/Fonts (forall users or into / Users/Your.username/Library/Fonts (4 Note: you have Font Book installed. double-clicking on the font file will open Font Book automatically. Youll see a dialog box with a preview ofthe font Press Install Font (bottom-right of the window) (5) and the Font wil be installed Font Management Software 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 fons in your programme.UX-Group RESUME / CV TEMPI HOWTOUSETHEICONSINTHETEMPLAT. INDESIGN “The Social eons folder contains both INDO (for C$6 andl above) ‘and IDML (for C54 and above) versions of the 90 social icons ‘Simply open the file format you need based on the version of InDesign you have and copy/paste which icons you require for your resume/cv. ‘Youmay need to resize the icons, but you can use the existing ones in the template as a guide, “The Social Icons folder contains a folder of PNG files PHOTOSHOP ‘Your fist option isto place. drag or open then copy/paste the PNG files into the Photoshop document. This may be the simplest way for those without a copy of ustrator or InDesign. Your other optionis to open ether the |ustrator. EPS or InDesign files and copy/paste into the Photoshop document. depending on which software you have. ‘You may need to resize the icons, but you can use the existing ones in the template as a guide, WORD \Within Social Icons folder in the main download is a'PNG folder ‘which has the individual socal icons used in the Word versions, To change these icons simply rightclick on an icon and choose ‘Change Picture, then browse to the PNG folder and choose the icon you need, “This wil replace the leon and keep the size and positon correct for youUX-Group RESUME / CV TER LAYOUTS APPLYING PARAGRAPHSTYLES Using thesestyles is as simpleas 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, EXPLANATIONOF'BASEDON* ‘The styles in InDesign have a clever feature in that you can create a style ‘based on’ another. Meaning if you change an attribute i the parent or starting style, each style that i's based on wil follow those changes, ‘This feature is present inthe main styles used inthis template including Titles, Subtitles and Body text For example: if you ‘exit the fontin the frst of these styles in a group, they wil all change accordingly ‘This feature can also be switched off by choosing INo Paragraph Stytel under ‘Based On’ to make the style function independently. Below are the Paragraph Styles that control the formatting ofthe text included in the template; everything from body text to headings. GROUP -TOP PAGE window > siyles > Paragraph Styles Name Bold heading style in the header for the resume owners name, ccupation/Job Title ‘Small grey subheading under the name for the persons job title/profession. GROUP-TITLE Window > styles > Paragraph Styles Section Title- LEFT / RIGHT Bola, all caps ttle for introduction to each section ofthe resume (eg, Experience) Title-LEFT / RIGHT Bola. slight larger text used for important parts of information such as Company Name ete, GROUP ~BO DY TEXT Wincbw > styles > Paragraph StylesUX-Group RESUME / CV TER Body Text-BLACK LEFT / RIGHT Main style for most ofthe text inthe template. Used for everything except headings and sub- headings, INDESIGNCHARACTER/OBJECTSTYLE S AN EXPLANA’ IF THE INCLUDED STYLES AND HOW THEY ARI Body Text -LEFT / RIGHT ITALIC Emphasis style based on tha main text styte but in italics used for job titles ete Body Text -BLACK CENTRE ‘Same as above but centered for certain sections (Profle. References etc) ABOUT CHARACTERSTYLES ‘The Character Styles included are used for inline styles, for example, highlighting a word inthe title ofa layout. You can see examples throughout the sample layouts and they are very versaile expanding the options available, ‘To use just highlight the text you wish to style and click the name ofthe Style in the Character Styles palette, These styles can be applied to any Paragraph Style, so please experiment and use the samples inthe template as a guide. ABOUTOBJECTSTYLES Object Styles are used for the graphic elements in your layouts. They are very useful as you can not onky store attributes lke colour and stroke but you can define the Paragraph Styles of text contained inthe box. Included are styles for specific elements of the layouts as wel as some generic styling which can be used anywhere. So feel free to experiment NOTE: Object Styles dont control size or positon but you can copy and paste or refer to the Master Pages for examples Below are the Character Styles that contro 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 ll of the text boldUX-Group RESUM! Eh Photoshop Ver: n Templates (PSD US Letter forthe template. Each PSD conains well organised layers/ayer 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 ce and colour coded based on their function, the: Ts following text explains what each colour means: se 4 Green isa placeholder layer. This act Eien usualy includes elements such as margin/guides or shapes that pes = are for reference only and are designed to be turned off before ‘exporting your final artwork Guides [SWITCH OFF BE... perc Red are background elements including headers. footers, dividers other elements which can usually be left untouched once youve added your own details Yellow contains text information and smart objects. These layers are all editable for you to include your own information, ery Penns or Cred on ore cg = i] = ia] ia] ia] ia ia a] = Lo Social Coed Select the correct layer you wish to exit and simply use the Type tool (T to add your own information to each layer. I's that easy! Pree See pages for how to edt the Skil Bars ce in the ‘Skls section, Oo oO. Right:PSD Layers PalettalFite: resume -jamie Aa psc) Green Guides, Yellow Text Layers / Smart Objects and Red Background Elements,UX-Group SKILLSSECTIONADDING YOURPHOTO D PHOTO TO THE TOP INDESIGN ‘The Skil 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 sie ofthe line and scale to suit your capablity in a ski You can use the Document Grid(Menu> View > Grids & Guides > Hide/Show Document Grind also snap to the Document Grid to help you Menu > View > Grids & Guides > Snap to Document Grid) Changing the colour isa case of selecting the line and choosing a colour from the Swatches Palette Menu > Window > Colour > Swatches PHOTO SHOP The Ski! bars in the PhotoShop template are created with the Shape Toot and masked by the'Skil Bar Backgrounc! Layer. You can edit them by selecting the correct Layer and simply nudging each bar left orright withthe arrow keys (hold Shift atthe same time fora larger nudge! You can change the colour by double-clicking the Layer con and choosing your new colour from the picker that pops-up WORD The’ Skil Bar in the Word version are created using simple stroked lines. The coloured line on top can be edited by grabbing the anchor on the right side ofthe line and scaling to suit your capability ina sil hold Shift atthe same time to help keep the line straight) You can use the Document Margins or Guides to help you align them correctly. Changing the colour isa case of selecting the line and choosing a colour from the Colours PaletteUX-Group OR WHATISA PDFANDWHYU SEIT? ‘When you are finished editing the template and have completed your resume/cy. you may want to upload to job search websites ‘and havea fie that you can email to potential employers. The perfect file format to accomplish this task isa PDF (Portable EXPORTINGASAPDF AILIAR WITH E DF FROM Document Format This fil a compressed, widely accepted fle format thal is easy to upload and email. Another bonus i that nothing in your layout wil change when viewed on a diferent computer, so your potential ‘employer will ee your Resume/CV as you intended. PRINTINGAPDFANDINCLUDING'BLEE D IF you'd tke to get your Resume/CY printed professionally by a Printing ‘Company. you can export your PDF with bleed! which is alittle extra around INDESIGN Click on the grey placeholder circle with theSelection Toot (Black Arrovahd go to File > Place (CMD +D/ CTRL + D This wil open a dialog box for you to find your image on your computer. Choose your file and clickOpen Ths will place your photo into the picture frame which you can then resize or crop using theDirect Selection Toot White Arrowside the circle. For advanced users. you can also drag and drop a photo into the circle from an open folder on yourcomputer PHOTO SHOP The image placeholder in Photoshop uses a ‘Smart Object This is simply a layer thal you can ealt separately and then save to update in the main fe Expand the Ade Photofolder. then double-click onthe layer thumbnail of the ADD PHOTQLayer. This wil open a new file for you to copy/paste or place your photo into. Use the included placeholder asa quide to tine up your photo then either hide or delete this layer when youre finished ave your changes and close this fle when youre happy. You wil see that your image has been updated inside the photo frame in the main template file Simple! WORD ‘The Microsoft Word version also incluxles an image placeholder which you can simply replace with your own photo. Click onthe placeholder image and go to Format > Shape. (or right-click Format Shape. from there select Fillthen Picture or Texturend Choose PictureLocate your image and clickinsert After your image is added to the circle fame, you can move, crop and scale with the Croptaol under Format Picture A detailed article covering these steps is avallable atthe folowing link https://suppart officeccom/en-ca/article/Crop-a-picture-or-place itin-a-shape-2idibgee-ogbf-acc7-abds-cstfcibdoafe 9UX-Group RESUME / the edge for the Printing Company tout into so the colour goes to he very edge ofthe page. 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 ‘0 just export for POF as normal EXPORTASPDFFR OMINDESIGN 14. Choose File > Exportfrom the menu at the top of the screen, 2, Inthe dialog box. rename «and/or choose a place to save your fle From the Format drop-down menu select Adobe POF (Print 3. In the next dialog box. from the ‘Adobe POF Preset drop-down menu select elther Press Quality or High Quality Print if you intend to print out your POF and ‘Smallest File Seif you intend to email or upload toa ‘website. would advise saving a Print-Ready and Web version ‘and naming them accordingly so you havea Resume/CV ready for when youneed it Press Export’and the POF will be made in the background in no more than a few seconds depending on your computer and the complexity ofthe file EXPORTASPDFFR OMPHOTOSHOP 14. Choose File > Save Asfrom the menu at the top of the screen, 22, Rename and/or choose a place to save your file From the ‘Format drop- Save Astrom the menu atthe top ofthe screen, 22, Rename ancl/or choose a place to save your fle From the Format’ drop-down menu select POF" Press Save'and the PDF willbe made in the background in no more than a ‘ew seconds depending on your computer and the complesity of the file, 10