Create an Eye-Catching Resume in Illustrator - Part 3 - Building a Resume

Adobe Illustrator not only has ability to create high quality logos, but also be able to produce and publish documents like resume in PDF format.
In this part of tutorials, I will show you how to create an eye catching resume in a quick way.

Final Resume Example

Below is the final image we will be working towards; you can download the final PDF resume here:
download dallas web design web Download resume-sample

resume-sample

Step 1: Setting Up a Printable Resume Size

Open Illustrator, begin a new document and specify some settings in the New Document dialogue. Name the document as “resume”, from the Size dropdown box, select A4 as the standard print page, select Millimeters for the Units, and CMYK for the Color Mode. Click OK.

step1-setting

Step 2: Setting Up Grids

All the tips and tricks on creating a professional looking resume are to set up the fine grid. Grids are the invisible foundation used to achieve visual cohesion in resume design and layout.

To start with, we will make a rectangle box on the page. Select the Rectangle Tool (Ctrl+M). Click any where in Artboard to create a small rectangle, find the center of rectangle and hold down the Option key and click once to get the dialog box. Type in the measurements of the page, width 210 mm and height 297 mm (A4 page size).

step2-rec-size

Step 3: Add Margins

With your rectangle selected, click Effect > Path > Offset Path and enter -12mm in the dialogue that appears. Click OK and then expand it (Object > Expand Appearance) to expand your smaller rectangle.

step3-margin1

Now using the Direct Selection tool (A), drag the rectangle and make it align to the Artboard.

step3-margin2

Step 4: Setting Up Columns and Rows

Select your rectangle again, go to Object > Path > Split Into Grid. A dialog will pop up asking you to fill in how many rows and columns and how wide the gutters you want to add. Add 60 rows and 40 columns, and also set gutters to 0 mm. Select the Preview check box so you can see the results as you enter the values and leave Add Guides uncheck. Click OK.

step4-columns

Step 5: Insert Logo

Create a new layer, call it “resume”, go to File > Place.., select the logo from your local and click anywhere in the Artboard, then drag logo to column 6 position like below:

step5-place-logo

Step 6: Add Personal Contact Information

Select Type Tool (T) > click anywhere in the Artboard > select any font type you want > select font size 10 > click Align right button > type your contact information > drag text to the top right corner. To make it looks fancy I changed all titles color to blue:

step6-contact11

Make the text line up with the logo you have just placed:

step6-contact21

Step 7: Resume Contents Layout

There are many ways to design your contents layout, but most common formats are
single-column and a two-column.
If you have quite a bit of text but still want to leave spacing to make the text easy to read, the single-column format is your choice:

step7-simgle-column

Although the single column resume used to be the conventional layout, more and more employers today prefer a neat and well-presented two-column style.
Two column resumes, styled with main body to the left and a sidebar down the right, are usually easier to follow, especially if your resume contains a good deal of information.

In this tutorial, we are going to walk you through for how to build a two-column style resume.

Step 8: two-column Style Resume

First off, let’s add resume contents to the left area.
Click Type tool (T) to create a text area > copy & paste your resume content (Summary, Experiences and Education) into the text area > adjust the text area size to fit all contents> change text font and font size > add color to highlight titles.

step8-left1

Using the same technique as earlier, add resume contents (Technical Skills and other) to the right sidebar:

step8-right1

Step 9: Add Watermark Logo

In this step we will add a little style to your resume by applying a watermark logo. In the previous tutorial, we have made a watermark logo, now we will add this logo to the resume.

Go to File > Place.., select the watermark logo from local file > Use the Selection tool arrow to move the logo back to the center of the screen.

step9-place-wm1

Click on the Opacity setting at the top of the screen and set it to around 5 or 10%.

step9-place-wm2

Step 10: Save as Adobe PDF

Last step, we are going to save the working file as pdf format. Before conversion, we need to turn off grids layer, so that we can generate a nice look resume without come with grids.

step10-1

Go to file > Save As > from Save As Type drop down box, select Adobe PDF > Save PDF > Click OK.
Here is our final copy of eye-catching resume:

step10-2

Comments are closed.