coloured number graphic

How to create a coloured number graphic in PowerPoint

Welcome back to PowerPoint Training Online, in this weeks tutorial we are going to take a slightly different approach. We are not going to show you to use a feature in PowerPoint but instead, we are going to show you ‘How to create a coloured number graphic in PowerPoint’. 

The ‘How to create a coloured number graphic in PowerPoint’ video

The ‘How to create a coloured number graphic in PowerPoint’ Step-by-step guide

The colours that I am using in today’s video are:

  • Red – R241, G89, B70
  • Blue – R47, G186, B193
  • Yellow – R252, G194, B33
  • Purple – R144, G97, B159

These are RGB codes for each colour.

Helpful tip: Create 4 squares, one for each colour. This will allow you to use the eyedropper tool, later on, saving you time. 

Step One – Insert a circle

Make sure the Home tab is open, press the insert circle button from the Drawing section. 

Step Two – Format circle

Now we need to format the circle. We want to remove the outline and change the colour of the circle. 

With the circle highlighted, go to the Shape Format tab. 

Once on the Shape Format tab, open the drop-down for Shape Fill, select the desired colour. You can use the colours used above prior to step one. Or you can use your own. 

Now you need to set the outline to none. Open the drop-down Shape Outline and select No Fill.

Step Three – Insert and format a second circle

Make sure the Home tab is open, press the insert circle button from the Drawing section. 

We want to remove the outline and change the colour of the circle to white. 

With the circle highlighted, go to the Shape Format tab. 

Once on the Shape Format tab, open the drop-down for Shape Fill, select white. 

Now you need to set the outline to none. 

Open the drop-down Shape Outline and select No Fill.

Step Four – Turn on guides

To make step five easier, I recommend turning on guidelines to help you with the positioning of shapes. 

If you already have these on, you can go straight to step four. 

Go to the View tab and make sure the tick box labelled Guides is ticked

Step Five – Resize and re-position both circles

With the guides on, move both circles to the centre of the page, making sure that both circles are overlapping. With the white circle on top. 

Now select the white circle and make it slightly smaller than the first circle. 

Keyboard Shortcut: Hold the Ctrl button while dragging the mouse, this will allow you to move all four sides of the circle at the same time.

Keyboard Shortcut: Hold the Shift button while dragging the mouse, this will allow you to make sure the circle does not change shape.

Step Six – Adding a circle shadow

To add a shadow to the top circle we are going to insert another circle.

This needs to be in sized in between both of the previous circles. 

Once you have resized and repositioned the third circle. You want to make it darker than the first circle.

The easiest way of doing this is by making sure you have selected the same colour as the first circle, then open the More Fill Colors… box from with the Shape Fill section. 

On the right-hand side, you will see a colour bar which goes from white to black with a slider on the right of this. Move the slider down. This will make the colour darker. Press OK. You will now see three circles, each a different colour. 

Step Seven – Group all circles

We are done editing the circles for now so it is a really good idea to group all the circles into one. This will allow us to move the circles around the page without losing the positioning of one or all of them. 

To do this, select all circles Right-click with the mouse, select Group, then select Group again. 

Keyboard Shortcut: Once all shapes are highlighted, press Ctrl + G on the keyboard. This will quickly group all shapes together without the need of going into a menu.

Step Eight – Insert rectangle with rounded corners

With the circles completed, we can now move onto the text box or in our case a simple rounded rectangle.

Make sure the Home tab is open, press the insert rectangle rounded corners button from the Drawing section. 

Step Nine – Resize and reposition the rectangle

With the rectangle inserted, we can bring the grouped circles back in. Move the circles over to the left edge of the rectangle. We now need to resize the rectangle so that the height of it is smaller than the group of circles. 

Once the rectangle has been resized we need to send it to the back, or at least behind the circles. To do this, have the rectangle selected and right-click on the mouse. Then press ‘Send to Back’. If you are only sending it back a few steps, then press ‘Send Backward’ as many times as needed. 

Keyboard Shortcut: To move an item backwards a step press Ctrl + Shift + [. To bring an item forward press Ctrl + Shift + ].

Step Ten – Adjust the rounded corners

Next, we need to adjust the roundedness of the corners. We do not want them too square or rounded. 

With the rounded rectangle selected, hold the yellow circle that now appears. Drag this until you find the desired roundedness

Step Eleven – Move the circle

Now we need to move the grouped circles so that cover the corners on the rounded rectangle. You want to cover the corners completely.

Step Twelve – Format rounded rectangle

Open the Format tab, we then want to make sure the rounded rectangle has no border. Open the drop-down Shape Outline and select No Fill.

Nex,t we want to change the colour of the rounded rectangle to match that of the very first circle we created. Open the drop-down for Shape Fill, select the desired colour. 

Helpful Tip: Use the eyedropper tool to make this step quicker.

Helpful Tip: Use the Format Painter to make it quicker again.

Step Thirteen – Adding a second shadow

To break up the colour between the rounded rectangle and the largest circle, we are going to add a second shadow. 

Copy the very first circle that we created. Next, we need to cut this circle down to shape so that it fits in just right. 

Move the grouped circles out of the way for now. 

Insert a square as in the image below, then remove the outline. You do not need to worry about the fill colour. 

Select the circle first then the square you just inserted. Now go to the Shape Format tab, press Merge Shapes, then from the drop-down press Subtract. 

You will be left with the following shape.

Repeat all in this step but insert the square at the bottom of the circle. 

Your shape will look like the image below.

Step Fourteen – Bring grouped circles back

With the new shadow in place, we need to move ou grouped circles back in. We are also going to need to bring the grouped circles to the front as the shadow needs to be behind the grouped circles. 

Step Fifteen – Insert number field

We now have the main graphic complete, we just need to insert text and numbers. We are going to start with the number for the circle. 

From the Home tab, insert the Text Box from the Drawing section. Make sure you drag the number to be in the centre of the white circle. 

Step Sixteen – Format number

With the text box inserted, you now need to choose the font style. From the Home tab, select the font you wish to use. You can also resize and recolour the font if you wish. 

Step Seventeen – Group all shapes

Almost at the end now, we have this one final step to do. 

Select all the shapes and text boxes. Group them all together. 

Keyboard Shortcut: If you have nothing else on your slide, press Ctrl + A. This will select all items on the slide.

Step Eighteen – Copy, paste and edit

Now that we have one bullet graphic completed, to get more we just need to copy and paste. Then change the colours of each shape. 

Conclusion

There we have it, folks. I hope you enjoyed this tutorial as I love bringing you these type of tutorials because it allows me to help you to create beautiful presentations. Creating content like this will allow you to create content that people will remember. It also allows you to take control of your slides. You do not have the opportunity to add lots of words and needless content. 

Thank you for joining us this week. Is there something you would like us to show you how to do in PowerPoint, then leave a comment below or reach out to us on Facebook and Twitter. We are always online and happy to chat. 

If you want more tutorials, don’t forget to check out our tutorial page.

Till next time

David

Microsoft UK IE

Comments

comments