Professional Documents
Culture Documents
Thinking Maps With Google Drawings
Thinking Maps With Google Drawings
Google
Drawing
for
Thinking
Maps
Meaningful learning
Deeper comprehension
Common language for teaching
Begin with paper and pencil. Part of the thinking process begins here. The
mind and hand connection is important. Paper and pencil helps students
see the growth of their thinking process. Ideas written digitally can be easily
deleted and gone forever. I’ve seen great ideas from students lost forever to
a digital vacuum. My students keep notebooks and they are not allowed to
tear out pages. They start on a new page when they make a mistake. They
refer to ideas they wrote on the previous page. They often change what
they wrote with something better. Once it is firm on paper then we go and
replicate it in the digital world.
Alex Reyes
!i
Table of Contents
Introduction .............................................................................................................1
Circle Thinking Map .................................................................................................2
Bubble Thinking Map ..............................................................................................7
Double Bubble Thinking Map ................................................................................11
Tree Thinking Map ................................................................................................17
Brace Thinking Map ..............................................................................................26
Flow Thinking Map ................................................................................................32
Multi-Flow Thinking Map .......................................................................................39
Bridge Thinking Map ............................................................................................. 45
!i
Introduction
We will create thinking maps with Google draw. You will need a free Google account. Create
thinking maps using the NEW button in Google Drive. Click the NEW button inside of Google
Drive and select the more option to find Google Drawings.
Google drawings is free diagramming software. It has a variety of tools to create drawings
and images. Some of the tools include circles, rectangles, and lines. There are many other
tools in the app, but these are the ones best suited for creating thinking maps. Lines and
shapes connect ideas in mind maps.
Google Drawings for thinking maps has many benefits. Students collaborate online. Finished
products are publishable on the web. Projects are downloadable as images or PDF
documents.
I like to include technology skills integration whenever possible. Google Drawings supports
the inclusion of technology skills with thinking maps. Skills learned from creating thinking
maps are applicable to other products. They are the foundation for working in applications
like Adobe Illustrator and Photoshop.
!1
Google Drawings for Thinking Maps
Page 2
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
To center the circle, move it toward the
center. When the circle is in the center, we
Draw a circle on the page. When drawing a
will see intersecting red lines. These are
circle it tends to look more like an oval than
smart guides that help us align elements in
a circle. To force the oval tool to make a
Drawing. These Smart Guides are telling us
circle, we need to hold the Shift key on the
that the circle is in the center of the
keyboard while drawing out the shape. Go
document. Follow the horizontal or vertical
ahead and hold the Shift key to make a
smart guides and they will lead you to the
circle. Make sure to release the mouse first
center.
Page 3
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Now that the circle is in the center, we need following the same process, let’s save
to enlarge it. For this trick, we will need to ourselves a step and duplicate the circle we
hold the Shift key and the Option key on the just created. Make sure the circle is
keyboard. These modifier keys will make selected. In the menu, click on Edit and
sure the circle remains a circle with the shift select Duplicate.
Page 4
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 5
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 6
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
out with the oval tool. This will force the tool
Bubble Thinking Map
to make a circle instead of an oval.
Bubble maps are used for describing. We Remember to press and hold the Shift key
use adjectives or adjective phrases in the first, then drag out the circle. When finished,
descriptions. A Bubble Map consists of a release the mouse first then release the
main large circle that is surrounded by Shift key.
oval.
As we move the circle down, another smart
If you’re very good then you can make a guide appears. A horizontal smart guide is
nice-looking circle. Most of us aren’t that informing us that the circle is in the vertical
good. One way to make sure we get a circle center of the document. When we place the
instead of an oval is to use a modifier key. circle where both smart guides intersect,
Press and hold the Shift key while drawing the circle is in the center of the document.
Page 7
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
With a circle in the center, we may need to Now that we have one circle, let’s place
make the circle larger. Remember to hold another circle in the document. Click on the
the Shift key while clicking and dragging on shape selector in the toolbar and pick the
one of the corners. This will make sure the oval tool. Use the Shift key to drag out a
circle remains a circle.
circle. Make the circle large enough for text
but smaller than the main circle. when the
map is complete we will double click on
each circle to enter our text.
document.
We need several of these smaller circles
around the main circle. Instead of using the
Instead of resizing and moving the circle,
oval tool each time we need a circle, we
we can add another modifier key to our
can duplicate the current circle. Make sure
toolkit and use the Shift and Option key
the circle is selected. In the Edit menu,
together. The shift key will constrain our
select the Duplicate option.
Page 8
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
The duplicated circle will be placed above connection points. Think of them like little
the original and offset to the right and magnets.
Page 9
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Now that all the connections are made, we Open the copy, rename it and start
can deselect the line tool. To deselect the mapping.
Page 10
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
the differences. When we create the circles Click OK to confirm the new page size.
Page 11
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 12
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
The copied circle will be placed above the Repeat the process and place two circles
original and offset to the right.
below the center circle. These are the
circles that will contain the similarities.
As we drag the circle, a Smart Guide will Duplicate the center circle to use it for one
help keep the circle aligned with the of the concepts. We will be duplicating lots
original.
of circles and returning to the menu each
time can get tedious. If we are using the
Chrome browser or a Chrome book we can
use the shortcut key. On Windows or
Chromebook this is Control-D. On Mac
computers, the shortcut is Command-D.
Page 13
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 14
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
We need to place circles around each of We can change the color of multiple circles
these larger circles. Duplicate the smaller by selecting them first. In this example, we
circles and place them in areas around each will draw a selection around the center
of the larger circles. These circles will circles.
Page 15
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 16
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
As we approach the center of the page, a
red line will appear. This is a Smart Guide. It
Click on Table in the menu and select the
is there to help us align elements in our
option to create a table with one cell.
Page 18
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 19
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Move the duplicated cell to the left. As we
move the cell to the left, a smart guide
The table cell will be duplicated and place
should appear to help keep the box aligned
above the original. It will also be offset to
with the other box. This horizontal guide is
the right. We can now drag this cell to
helping us keep the table cells aligned to
another location on our Tree map.
one another.
Page 20
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Go back and select the first table and Duplicate the center cell and move it down.
duplicate it.
Use the Smart Guide to help you align the
table cells. Repeat the process with the
remaining table cells.
cells aligned.
Duplicating each table cell can take a long
time and get a little tedious. We can use a
shortcut key to duplicate the table cells,
which is Command “D” on Macs or Control
“D” on Windows and Chromebook. The
shortcut key only works when using the
Chrome browser or a Chromebook.
Page 21
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 22
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Click and drag the center of the connector, of the lines and down the center where the
which has a yellow diamond, to the right. lines join.
Get another Elbow Connector and repeat We can add lines below the others cells in
the process for the left side.
the same way. When trying to make straight
lines with the connectors or with the basic
line tool, hold down the “Shift” key and this
will force the line into a straight vertical or
horizontal line.
Page 23
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 24
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 25
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
text box.
Page 26
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
We need to add other boxes to our Brace Duplicate this box and move it up.
Page 27
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 28
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 29
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Our Brace Map is complete.
Page 30
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 31
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 32
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Click and drag this rectangle to the right of rectangle. Release the rectangle when the
the existing rectangle. As we move the rectangles are aligned horizontally and have
rectangle we will see a red line appear. This the same distance between them.
same time. This saves a step and is much We could also choose a thicker arrow like
faster. In this example I am holding the the one available in the shape selector.
selector.
Page 34
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
An elbow connection will attach itself to the Let’s repeat the process with the next
dot. The other end of the connector is just rectangle. This time instead of just clicking
hanging out there. We need to connect the on the connector, click and drag from one
other end to the second rectangle.
connector to the other. Go back to the line
selector and select the Elbow Connector.
connector. Move it over to the left side of Click and drag across. The connector will
the second rectangle. As the connector snap to the dot on the third rectangle when
approaches the rectangle, the connector it gets close enough.
Page 35
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
We don’t always have to go back and get When a connector is active, the button bar
an Elbow Connector. When we hover over will have two additional options. These are
one of the rectangles that is connected, we arrow options. Click on the right arrow
can click and drag from one of the red dots option. Select the first arrow option.
Page 36
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
The arrow selector will change and the right Let’s Add a title to the Flow Map. Click on
side of the line will have an arrow head the text box in the button bar.
it.
Page 37
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 38
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 39
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
When the text box is selected, we have move the text box over, we will see a smart
additional tools in the button bar. Click on guide. This will help us align the text boxes.
Duplicate the text box and move it to the
left of the center box. The smart guide will
We’d like our boxes to have a consistent
help us align the text boxes and we will also
size. Instead of guessing at the size of the
have distance guides appear. Distance
text boxes, we will duplicate this box. With
guides help us evenly space out the text
the text box selected, click on Edit in the
boxes. They let us know that the distance
menu and select Duplicate.
or Chromebook.
Page 40
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
text boxes.
Click Arrange in the menu and move to the
Distribute option. Select the option to
distribute vertically.
Page 41
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
This will evenly distribute the boxes. The the smart and distance guides to help align
first and last text box are used to determine the text boxes.
the spacing.
Now we need some arrows. Click on the
While the boxes are selected we will line tool selector and choose the line arrow.
box.
Page 42
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
To cancel the line arrow tool press the
“ESC” key on the keyboard or tap on the
The line arrow tool remains selected. When
arrow tool in the button bar. To add text to
we move the cursor over the second box
the boxes, click once inside the box.
Page 43
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 44
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
want.
Page 45
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 46
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
The line will flip to become a mirror image The triangle is evenly aligned but it looks
of the previous line.
like the horizontal line is a little off. Move the
line so it aligns perfectly with the left corner
of the triangle. Here again, the smart guides
will help us align the line to the vertical and
horizontal.
when the lines are aligned either vertically The line connection should look seamless.
in the document.
Page 47
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 48
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 49
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Drag out a text box. Click once outside the Deselect the text box and it should now
text box to deselect it, or press the ESC key have a one pixel border.
on your keyboard.
Duplicate the text box for each of the areas.
Text boxes don’t have any borders and are As we move the duplicated text boxes,
transparent. This makes them difficult to smart guides will help align them. We will
find. let’s add a border to the text box. Click also see additional lines. These are distance
once in the general area where the text box guides. They are them to help us evenly
should be.
space the boxes in relation to other boxes
and lines. In this example the distance
guides are helping us align the text box to
the center of the line below.
option.
Page 50
! | Digital Maestro Magazine | digitalmaestro.org
Google Drawings for Thinking Maps
Page 51
! | Digital Maestro Magazine | digitalmaestro.org
Digital Maestro
Magazine