Google Slides – Inserting & editing shapes

Along with images, Slides allows you to insert a wide range of shapes and then edit them. This is one of the tools that makes Slides more than just a presentation package, (‘presentation’ as in standing up and presenting something). You can create a slide for a whole host of reasons. For example, a comic, a flyer, a process flow diagram, step-by-step guide, adventure story, game template, floor plan, etc. Adding shapes allows you to represent your ideas. So, here we’ll look at:

  • Inserting shapes
  • Filling a colour
  • Duplicating
  • Rotating
  • Flipping
  • Different types – Shapes, arrows, callouts
  • Line colour, thickness, dash, type

Inserting a shape

To insert a shape click on the “Shape” icon on the toolbar.

Slides7-1

This will open a menu with a whole variety of shapes. They are in four categories: Shapes, Arrows, Callouts, and Equation. Here are the shapes available:

Slides7-2

Slides7-3

Slides7-4

Slides7-5

Here I’m going to create a simple floor plan, which will show you some of the useful tools that can also be used with shapes, to enable you to create the visual you want. Here from the Shapes options, I’ve added a rectangle. Do this by clicking on the symbol in the menu, then clicking on the slide and dragging the shape to the size you want.

Slides7-41

Now I want to add a corner shape. I do the same as above. I want to line it up with the edge of the rectangle. To do this, click and drag the shape until you see the red guideline, which here shows you that the left-hand side of the shape is in line with that of the rectangle.

Slides7-39


Changing the fill colour

By default, the shape is filled in with a light grey colour. Let’s change that to a darker one. Click on the “Fill colour” icon on the toolbar.

Slides7-7

This opens up the colour palette. You have a choice of a selection of colours, plus a group of colours that match the theme, or the option of creating your own colour in the custom section.

Slides7-8

Here I’ve selected a dark grey.

Slides7-9


Duplicating an element

Now I want to make a duplicate of the rectangle. There are two ways to do this, I can either press Ctrl+D (Cmd + D) and the duplicate will appear just slightly off the original. Or I can hold down Ctrl and drag the original (Alt+drag), and the duplicate will appear and starting moving.

Slides7-10


Rotating an element

Now I want to rotate it 90º clockwise. Go to the “Arrange” menu, select “Rotate”, then “Rotate clockwise 90º”. You can access the same menu by right-clicking on the shape, then selecting “Rotate”, etc.

Slides7-11

Here we have the rotated rectangle. Now I just drag it to where I want it.

Slides7-40

You can also rotate an element by clicking on it and then clicking on the little circle above it, then moving either to the left or right. You’ll see the degrees of rotation appear.

Slides7-38

Here I’ve rotated a chord shape, which kind of looks like a chair.

Slides7-14


Flipping an element

We can also flip an element either along the vertical plane or the horizontal one. Let’s flip the corner shape. I duplicate it, then right-click on it to open the menu. Select “Rotate” then “flip horizontally”. This produces a mirror image of the original, i.e. the part on the left is now on the right.

Slides7-12

Slides7-39 Slides7-13

Using the above tools, I can quickly make a floor plan such as the one below.

Slides7-42


Other shapes

Now let’s look at some other shapes and their uses. This time I want to produce a simple flow chart showing the steps of a process.

I’ve created 4 text boxes (by duplicating the original three times) and filled them in with orange.

Slides7-15

Now I want to show a process by adding some arrows. Click on the shapes icon, then “Arrows”. Click on the arrow you want.

Slides7-16

Resize the arrow by dragging the blue squares.

Slides7-17

I then change the colour by filling the arrow with a darker grey and duplicate it three times, so that I have the same arrow for each step.

Slides7-18


Adding a line colour

Here I also want to add a dark line to the outside of the orange boxes. To do so, I click on the first box, then holding down the shift key, I click on the second box, third box and fourth box. Note, that the arrows aren’t selected here.

Slides7-19

Click on the “Line colour” icon on the toolbar.

Slides7-20

This opens the colour palette. Click on the colour you want.

Slides7-21

This then changes all the boxes. I could of course have done this with the first box then duplicated it, but sometimes we want to change the style of something once the elements have been made.

Slides7-22


Adding speech bubbles

If you want to make a comic or a cartoon, you can add speech bubbles it by adding one from “Callouts”.

Slides7-23

By default, it has a light grey background like the rectangle we added earlier. Here I’ve changed it to a white background by using Fill colour.

Slides7-24Slides7-25

To add text to your bubble, you’ll need to add a text box in it, and type some words.

Slides7-26Slides7-27

Here I’ve centred the text box and added bolding, to improve the look of it.

Slides7-28

To me, the border of the bubble is too thin, so let’s make it thicker. Click on “Line weight ” on the toolbar and choose a bigger number (i.e. a thicker line).

Changing the line weight

Slides7-29 Slides7-30


Changing the line style

We can also change the line style from a solid line to a dotted or dashed line, if for example, I want to show that the comic character is whispering.

Click on “Line dash” on the toolbar and select one of the options.

Slides7-31 Slides7-32

Slides7-33


Changing line type

There are further line styles you can add, but these are under the Format menu. As an example, let’s add a different border to this welcome sign. At the moment, by default is has a single, thin line as a border.

Slides7-34

Go to the “Format” menu, select Lines, Line type, and in this example, I’m going to add a “Triple” line.

Slides7-35

There’s not much difference is there? Well that’s because my sign was very small and you can’t see the triple border. Let’s resize it and make it a bit bigger.

Slides7-36

Now, you can see the triple lines clearly and as you can see it’s makes a big difference to the look of the sign.

Slides7-37


eBooks now available on Drive, Forms, Sheets, Docs, and Slides:

  • Join the Google Slides Tips Google Space (for now: personal accounts only)

Baz Roberts (Flipboard / Twitter / Google+)


 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s