Select Page

These days, PowerPoint is not only used for creating presentations, but also for e-learning courses, interactive kiosk displays, marketing collaterals, and even video. There are plenty of ways you can add non-photographic graphics to your PowerPoint authored content. You can use the built in Microsoft pictures, stock illustrations from various online providers or have them custom built by a graphic designer.

But now, you can build your own professional and editable PowerPoint graphics, right within PowerPoint.  Why would you want to do this?Natively drawn PowerPoint graphics are editable. That means you can change the text and restyle (colours, effects, fonts) the various elements according to your design and/or branding needs. They are also vector graphics (as opposed to bitmaps) which means you can scale them indefinitely, without loss of resolution. Bitmaps however, become pixelated when enlarged too much.  You just need a drop of creativity and a few techniques in your toolbox.

In this tutorial, we’re going to show you how to build the editable graphic above, which is entirely made within PowerPoint (2010 onwards) and is freely downloadable in its source format and you may use it under the terms of the Creative Commons attribution license (you must give credit to us by stating “Source graphic by youpresent.co.uk”).

Some of the techniques used include:

  • Tracing with freeform shape tool
  • Editing shape points
  • Combining (Merging) shapes
  • Gradient fills
  • Semi transparent fills
  • Shape effects
  • Text transforms
  • Layer order control

 

 

Part I – Start from Scratch or Trace?

The first thing you need to decide is whether you have the artistic flair to draw from scratch or need a source to trace from. In this example, we sourced a graphic that looked similar to what we wanted and used that to trace around.  We’re going to use our finished graphic as a starting point in order to illustrate how we built it.  You may of course decide to sketch something on paper and scan it to your computer or start directly from a blank slide in PowerPoint.

 

Part II – Paper Pages

From the Shapes gallery, choose the Freeform tool:

GMARK Editable PowerPoint Magnifying Glass - Part 1a

 

Next, click a corner of the front page in the graphic and then subsequently click at each of the other 4 corners, finishing with a double click at the last point (which is also the first point). Don’t worry about the curves just yet.

GMARK Editable PowerPoint Magnifying Glass - Part 1b

If you see a solid shape, it’s useful at this stage to change the fill to No Fill, Border Color to red and Border Weight to 1/4 pt and then right click on the shape to select Set as Default Shape (make sure you’re using a blank template and don’t do this in your corporate template!).

GMARK Editable PowerPoint Magnifying Glass - Part 1c

Once you have your outline, right click on the shape and select Edit Points.

You can then click on each point (black dot) in turn and drag the two corresponding control handles (white dots on the end of blue lines) to match the curvature of the page. When you’re happy with the result, hit Escape or just click outside of the shape to exit the edit points mode.

GMARK Editable PowerPoint Magnifying Glass - Part 1d

 

For the turned page corner, use the same Freeform tool to create a triangular shape that crosses the two corner points of the front page shape, making sure that the triangle extends out from the top left of the page (you’ll see why in the next step).  Then, use the same edit points tool to create a curve on the lower point.

GMARK Editable PowerPoint Magnifying Glass - Part 1e

 

This next part uses the new PowerPoint Combine Tool which you can enable in your QAT (Quick Access Toolbar) by going to File / Options / Quick Access Toolbar and selecting the Combine Shapes (or Merge Shapes in 2013) button from the Drawing Tools | Format Tab section in the drop down.

Because this tool is destructive (you loose one or more of your original shapes), you first need to copy the front page shape to your clipboard.  To do this, click on its outline and press Ctrl+C or the Copy button in the ribbon.

Next, hold the shift key and select the page corner shape so that you have two shapes selected.

GMARK Editable PowerPoint Magnifying Glass - Part 1f

 

Click the Combine Shapes button (or Merge Shapes in 2013) and click Intersect to create a single page corner shape that exactly matches the edge of the front page shape (this is why we created the overlap in the earlier step).

GMARK Editable PowerPoint Magnifying Glass - Part 1g

Now press Ctrl+P to paste back the front page shape.

GMARK Editable PowerPoint Magnifying Glass - Part 1h

 

Use the same freeform tool to create the back page with 3 points (this shape can overlap the front page as it will be behind it eventually).

GMARK Editable PowerPoint Magnifying Glass - Part 1i

Then, the last shape for the pages is a special one which we will use to create the drop shadow. We don’t want it to occupy the bottom edge as the drop shadow will not look right. Draw a triangular shape that crosses the bottom left and top right corners of the main page shape.

GMARK Editable PowerPoint Magnifying Glass - Part 1j

Select and copy the front page to the clipboard again.

Select the main page first, then with the shit key held down, select the new shape.

Now click the Combine (Merge) tool and click Subtract (this is why the selection order is important with this option of the tool).

 

Paste the front page back from the clipboard and you should now have all of the page shapes.

GMARK Editable PowerPoint Magnifying Glass - Part 1k

 

We’re going to format the page shapes now with fill and effects.

Select the page corner shape and set it’s Format as follows:

  • Shape Outline : No Outline
  • Shape Fill : Gradient :
    • Type : Linear, 45°
    • Stop 1 : Positon 0%, Transparency 0%, Color light grey
    • Stop 2 : Positon 50%, Transparency 0%, Color white
    • Stop 3 : Positon 100%, Transparency 0%, Color light grey
  • Shape Effects : Shadow :  Offset Diagonal Bottom Right

Copy and paste the format from the page corner shape to both the front page shape and the back page shape using the Format Painter tool in the Home tab of the ribbon.

Select the shadow shape (the one that crosses the main page diagonally and set it’s Format as follows:

  • Shape Outline : No Outline
  • Shape Fill : White
  • Shape Effects : Shadow :  Perspective Diagonal Upper Left

Use the Arrange tool to set the layers of the 4 object as follows: (you can also do this in the selection pane, where you can optionally add names to your shapes for ease of identification)

  1. Page corner (top)
  2. Page front
  3. Page back
  4. Page shadow (bottom)

You should now have something like this (the image we are tracing around has been hidden for clarity):

GMARK Editable PowerPoint Magnifying Glass - Part 1l

 

Part III – Magnifying Glass

The magnifying glass is made up of four main parts:

  • Handle
  • Rim
  • Glass
  • Reflection

Trace around the handle using the Freeform tool and then adjust the curves using the Edit Points mode as described earlier in this tutorial.

GMARK Editable PowerPoint Magnifying Glass - Part 2a

 

To make the silver parts of the handle, use the ‘draw, copy, subtract, paste’ technique that was used to create the page corner. We used various combinations of oval shapes with the Combine (Merge) tool to get the curves right.

GMARK Editable PowerPoint Magnifying Glass - Part 2b

 

 

When finished, you should have a set of shapes like this for the handle:

GMARK Editable PowerPoint Magnifying Glass - Part 2c

 

Format these shapes with gradients as required, for example, this is the one for the handle:

  • Shape Outline : No Outline
  • Shape Fill : Gradient :
    • Type : Linear, 315°
    • Stop 1 : Positon 38%, Transparency 0%, Color black
    • Stop 2 : Positon 56%, Transparency 0%, Color medium grey
    • Stop 3 : Positon 81%, Transparency 0%, Color black

To get the gradient just right, you may need to tweak your values until you are happy.

Do the same for the silver parts of the handle.

GMARK Editable PowerPoint Magnifying Glass - Part 2d

 

To add the rim of the magnifying glass, use the Donut tool from the Insert | Shapes gallery to create a thin donut shape.

GMARK Editable PowerPoint Magnifying Glass - Part 2e

 

Format the donut shape as follows:

  • Shape Outline : No Outline
  • Shape Fill : Light gray (we used RGB 230,230,230)
  • Shape Effects : Bevel : Circle

For the glass, use the Oval tool from the Insert | Shapes gallery to create a circle whose circumference sits in-between the inner and outer part of the donut shape.

GMARK Editable PowerPoint Magnifying Glass - Part 2f

 

Then format this circle as follows:

  • Shape Outline : No Outline
  • Shape Fill : Gradient :
    • Type : Radial
    • Direction : From center
    • Stop 1 : Positon 32%, Transparency 100%, Color white
    • Stop 2 : Positon 100%, Transparency 0%, Color medium blue

Finally in this part, for the reflection, trace around the 4 reflection shapes using the Freeform shape tool and then edit the points to create the curves.

GMARK Editable PowerPoint Magnifying Glass - Part 2g

 

Format the 4 shapes with the same settings as follows:

  • Shape Outline : No Outline
  • Shape Fill : white, 30% transparency

Use the Arrange tool to set the layer order as follows:

  1. Rim (top)
  2. Reflection
  3. Glass
  4. Handle (bottom) : group all parts together

Part IV – Text

The text consists of two text boxes which are distorted using the Text Transform tool.

Create a text box with ‘TERMS AND CONDITIONS’ written in it and set the font face and size as required.

Use the Format | Text Effect | Transform tool to apply the Inflate effect.

Do the same for the text box that appears below the glass and change the font color to a lighter version of the top text layer.

Use the Arrange tool to move the under-glass text behind the glass.

Finished Result!

And now you have a fantastic looking and most importantly, editable and scalable graphic for use in various PowerPoint productions.

iPresent Editable PowerPoint Magnifying Glass

The PowerPoint file is freely downloadable in its source format and you may use it under the terms of the Creative Commons attribution license (you must give credit to us by stating “Source graphic by youpresent.co.uk”).