It’s always important to make yourself stand out from the crowd when searching and applying for jobs. However, during times when competition for jobs is higher, this becomes even more important. Having a custom designed resume that is something other than a black and white resume with Times New Roman can go a long way to conveying professionalism and creativity.
In this tutorial we’ll be looking at how to build a clean and professional resume design in Photoshop that will help you stand out from the crowd.
Please leave a comment below if you have any questions and Chris will try help out.
Let’s initially cover what we need to include in a resume template – typically you will need to include details such as your name, contact details, and a short biography.
You’ll also need to include other important areas such as work experience, academic background, specific skills that you have developed, and details of any other achievements.
It’s also important to ensure that your resume is easy to skim through – employers and head hunters are busy people, so you have to make sure that the presentation of your resume enables them to easily pick out your core skills and attributes.
OK, so let’s get started – here is a screenshot of the template that we’ll be designing:
Step 1 – Create A New Document
Create a new document with a size of 1100×2000. Then add some vertical guides at 150px and 950px – that gives us a width of 800px which will easily fit on most screens.
Step 2 – Create The Background
Select your background layer and then choose Edit > Fill – set the color to #EEE.
Next, add a new layer, select the Rectangle Tool, and then set the color to #DDD. Draw a box that is around 475px in height and place it at the top of the document.
Now add another new layer – on this layer we want to add the white background – to do this, select the Rectangle Tool, set the color to #FFF, and draw a box from the left border to the right.
We now want to add a little styling to this box – add a Stroke effect around the box using the following settings (where the color of the stroke is #CCC):
Then add a Gradient Overlay effect with these settings (the two colors used are #EEE and #FFF):
This should help make the background stand out a little more:
Step 3 – Add The Header
In the header of this template we want to add a photo, the individual’s name, their primarily job description/role, a short biography, and contact details.
Initially we need to add some extra guides – add a vertical guide at 200px and 900px, and a horizontal guide at 120px:
To add the photo, select the Rectangle Tool and set the color to #EEE – draw a box that is around 210x250px in size. Position this box in the top-left of the template:
Then add an outer glow with the following settings (where the color is set to #CCC):
You then need to add a photo inside of this box where the dimensions need to be 200x240px:
Next, we need to add the name of the resume owner – set the font to Myriad Pro, the font weight to bold, the size to 42px, the color to #444, and the letter spacing to -40px. Type the author’s name:
Following this we need to add the jobtitle/area of expertise – set the font to Myriad Pro, the font weight to regular, the font size to 28px, the color to #AAA, and type something like the following:
Now add some dummy text below this – set the font to Arial, the font size to 16px, the color to #555, and type a few lines of dummy text.
Underneath that, we need to add some more text for the contact details – keep the same text settings as above, except change the font size to 18px. Type out the following details:
Then change the color of the text after the headings to #AAA:
The last thing that we need to do to complete the header section is to add a line – select the Line Tool, set the color to #EEE, and draw a line from the left border to the right. Then create a copy of this line and change the color of it to #DDD – place it 1px above the original line:
We then want to blur the edges of the line to add a nice subtle effect – select the Eraser Tool and choose the 200px brush:
Then position the Eraser at the edge of the left side of the line and delete some of the line:
Repeat this process for the right-hand side of the line.
Step 4 – Create A New Section
The next step is to add the actual content that will go in the resume – to create a header section, select the Rectangle Tool, set the color to #EEE, and draw a box that is around 150x60px in size.
Then add a Stroke effect to the box (where the color is #CCC):
Then, select the Text Tool, set the font to Myriad Pro, the font weight to regular, the font size to 28px, the color to #444, and type “Experience”:
Now let’s add some text under this heading – set the font to Arial, the color to #F70795, the font size to 22px, and type a job title:
Then change the color to #888 and type the name of the company/organization along with time period spent working at this place:
Now set the font size to 14px and the color to #777 – type in some dummy text:
Repeat this process again changing some of the details:
Finally, take a copy of the line created in the header section and place it at the bottom of this section:
It’s then just a matter of copying and pasting everything that you have created above to complete the template – so you may want sections for expertise, education, and training experience, but have a play around and include the specific sections that are most relevant to you.
The Final Result
After you have created the additional sections you should end up with something that looks like the following:
Please leave a comment below if you have any questions and I’ll do my best to help out.