Title of post with three versions of a cutout photo of a woman: normal photo, all black and all yellow
Title of post with three versions of a cutout photo of a woman: normal photo, all black and all yellow

How to create silhouettes you can recolour

Often in a document you need a visual way to represent people. Most of the time an icon is fine – usually a head-and-shoulders blob. Or you might choose a full-body icon (although that runs the risk of looking like the sign for the toilets).

A more ‘human’ approach is to use silhouettes. Your readers will instantly see that the shape is a person, without having to process all the visual information contained in face, body and clothing. Take a look at the example below.

Example slide showing three categories of change roles, with different colour silhouettes for each category

We haven’t been able to find a good source of free, realistic silhouette SVGs. So we transform photos into SVGs using the process below. PowerPoint can only turn a photo black, so to get access to more colours we use a simple, free external tool.

Where can I find cut-out photos?

The trick to using a photo to create a silhouette is that it has to be a cut-out. In other words: with a transparent background. The good news is that there are hundreds of these available right inside PowerPoint with their stock cut-outs. They’ve recently increased this resource to 34 models in dozens of poses - see this article

If you want to use other photos, such as team photos, then use remove.bg to quickly get rid of the background. Our article about creating better headshots walks you through that.

Steps to create a silhouette

Screenshot of Insert Pictures dropown menu

This is exactly the same process for turning a PNG icon into an SVG. Start with a cut-out photo.

Insert>Pictures >Stock Images and choose Cutouts.

1. Turn it black

We start by creating a literal silhouette: a completely black version of the photo:

Picture Format > Corrections > Picture Correction Options… (at the bottom)
Move the Brightness slider to -100%. The image should turn black. If that doesn’t work, there may have already been some image tuning. Press the Reset button and try again. You may also need to press the Reset button in the Recolour section.

2. Save the picture as a file

Now you need to extract the image from PowerPoint. Important: the size of the image in PowerPoint directly impacts the resolution when you save it – and the higher the resolution, the more detail your SVG will have.  

Make the black silhouette at least as tall as the slide itself
Right-click and Save as Picture…
Check that Save as Type is set to PNG
Save the file somewhere

3. Convert to SVG

We use Convertio for this, the results are usually pretty good.

Go to Convertio
Add the file you just saved
For the ‘to’ dropdown select Vector and then SVG
Click Convert, wait and then download your new file

4. Add the SVG to your slide

Simply drag your downloaded SVG file to your slide and colour it how you like.

For a lighter effect, you could just set the outline colour and fill it with white.

Same slide as previously, but now silhouettes are white with an outline

Other ways to use this technique

Partial silhouettes

You can play around with the original image to leave some details of the photo. Instead of touching the brightness, turn the contrast up to 100 and the saturation down to 0. Now try adjust the brightness up and down in small amounts and see what works for the photo in question.

Image of a man in a wheelchair, turned to black and white with high contrast and varying amounts of brightness,

Note: this technique may not work that well on dark skin, so be sensitive to that.

Headshots

Sometimes just a head-and-shoulders will be enough. You can crop an SVG in the same way as a photo, so no need to crop the photo first.

Same as first slide but cropped to only show head and shoulders of silhouettes

Groups of people

If you want to talk about a team or group of people, you could assemble some silhouettes into an overlapping crowd. You could stick to solid colour...

Group of slightly overlapping coloured silhouettes

...or try a little transparency: 

Increasing the detail

The amount of detail that comes back in the SVG depends on the resolution of the PNG file. That in turn depends on how large it is on your slide when you save the black version. 

All you need to do to get a really detailed version is to zoom out of your slide and enlarge the image so it is 4 or 5 times taller than the slide. (You can undo this once you finish saving it). Then proceed to save the image in as in Step 2. 

You may need a little trial-and-error to find what works for you.

Do you want to learn how to improve the quality of your documents so that they reflect the quality of your thinking? Talk to us to discuss how we can help.
Get in contact
Published:
May 11, 2021

JUST launched: Online Self-STUDY LEARNING

We've created our first online course: How to create a great plan-on-a-page. It covers:

What to put in a plan so it is clear and helpful to your audience
How to make it look high quality – so that they trust it
Plus tips and tricks for using PowerPoint features to draw it
A graphic of a plan overlaid onto a maze

How to create a great plan-on-a-page

View the course

And to accompany the course we have built a new Plan-on-a-page kit:

114 ready-built timelines to paste into your deck, each with custom drawing guides and pre-sized task shapes.
A 'sticker book' of useful shapes to help you quickly build clear, flexible and impressive plans that fit seamlessly into your stakeholder update decks
Works in both inches and centimetres
Picks up your template styles automatically
A series of images of the pages available within the plan kit

How to create a great plan-on-a-page

View the KIT

They are available separately, but you’ll save if you buy them together.

Use LAUNCH25 for 25% off both products. Valid until end 2024.
Use LAUNCH25 for 25% off both products. Valid until end 2024.