Many Drawing Tools
Many Drawing Tools
Contents
Introduction ..............................................................................................................1
Activating the Drawing Tools ..............................................................................2
Editing Drawing Objects .......................................................................................3
Changing the Size/Shape of an Object ............................................3
Changing the Colour of an Object ....................................................4
Changing Text Box Settings .................................................................5
Changing Line/Arrow Styles ................................................................5
Moving an Object ....................................................................................6
Deleting an Object .................................................................................6
Understanding the Grid ........................................................................................7
Aligning and Distributing Objects .....................................................................8
Grouping/Ungrouping Objects ..........................................................................8
Changing Object Order .........................................................................................9
Rotating an Object ..................................................................................................9
Other Shapes .......................................................................................................... 10
Drawing an Irregular Shape .............................................................. 10
Editing an Irregular Shape ................................................................. 11
Drawing a Curve ................................................................................... 11
Shape Effects .......................................................................................................... 12
Adding Shadows ................................................................................... 12
3-D Effects ............................................................................................... 13
WordArt ................................................................................................................... 14
The Drawing Canvas ............................................................................................ 14
Introduction
Microsoft Draw allows you to produce your own drawings (or edit existing ones) and is
available to you in all the Microsoft Office programs (except Access - though you can copy a
drawing created in one of the other applications onto an Access form). You cannot load
Microsoft Draw independently; it is provided as part of the other software packages.
This document is designed to cover the features available to you when you use Draw in any of the Microsoft
Office programs. Slight variations exist between the products (for example, Word has text wrapping effects,
while PowerPoint provides Action Buttons). These variations are not covered here.
Note that drawings and pictures are fundamentally different. Drawings are composed of lines and areas,
whereas a picture is a fine grid of coloured dots (a bitmap). If you paste a drawing into a painting program, its
component units (the lines etc) are lost - they become a series of individual dots. To create a picture you
need to use a painting package such as Microsoft Paint (see A Guide to Microsoft Paint for details).
1. Start by loading up the required Microsoft Office application here use Microsoft PowerPoint
2. [Maximize] the window to make full use of the screen
3. Click on the [Layout] button in the Slides group on the Home tab of the Ribbon and select Blank
The first button in this group is for text. A text box can be completely independent or can be associated with
an area object such as a rectangle or oval.
12. Click on the (first) [Text Box] button then point the mouse cursor to where you want the text to
appear and click the mouse button
A box appears with a flashing cursor in it indicating the typing position (in Excel/PowerPoint it's a small box
which grows as you type; in Word you get a fixed 1 inch square). You can create a bigger box by dragging out
a rectangle. In Word only, a Text Box Tools tab is added to the Ribbon.
13. Type some words into the text box - note that you can press <Enter> for a new paragraph
14. Click away from the text box when you have finished typing
Note: The text can be rotated through 90. In Word, this is done using the [Text Direction] button on the
Text Box Tools tab. In PowerPoint, the [Text Direction] button is in the Paragraph group. PowerPoint also lets
you freely rotate text to any angle using the green rotation handle which appears when a text box is selected.
To add some text to an object (eg a rectangle or oval):
15. Click on the [Text Box] button then on the rectangle you drew previously
16. Type in your text this wraps around within the object (youll see later how to enlarge it, if necessary)
17. Set the text orientation, if required, then click away when you've finished
Tip: If you hold down <Ctrl> as you resize an object, the centre of the object remains fixed.
In fact the same box would have appeared had you chosen More Textures at step 6. You can also display it
by clicking on the Shape Styles group arrow.
9. Click on Preset colours:, scroll down and choose Rainbow, for example
10. Click on Type: and change this to Radial, for example (note, the Angle: option only works for Linear)
11. Click on Direction: and change this to whichever you prefer
12. Click on [Close] and try to make sense of what you have done
You can copy the colour scheme of one object to another by selecting it, clicking on the [Format Painter]
button then clicking on the second object. Try this next:
13. Right click on the Rainbow object then click on the [Format Painter] button (the little brush) on the
local copy of buttons on the Home tab
14. Click on one of the other objects to colour it the same
4
15. Press <Ctrl z> or click on [Undo] to restore the original colour
10. Set all four Internal Margins to 0 if you want the text right up to the edge
11. Set Autofit to Resize shape to fit text
12. Press <Enter> for [Close] to confirm the changes
Note how the text goes right up to the edge of the box, which has been shrunk to automatically fit it.
7. Width: allows you to set your own width use the arrows to change the width of your line
8. Compound type: allows you to choose multiple lines
9. Dash type: offers nothing new
10. Cap type: lets you choose a rounded end for your line
11. Join type: lets you choose rounded objects where two lines meet (eg the corner of a rectangle)
12. The Arrow settings let you choose the size and shape of both ends of the line - explore what's
available here and change some of the settings
13. Click on [Close] to confirm the changes
Moving an Object
To move an object:
1. Move the mouse cursor over the object until the cursor becomes a four-headed cross
2. Hold down the mouse button and drag the object around
3. Release the mouse button when the object is correctly positioned
You can also move objects using the arrow keys:
4. Click on an object to select it (for a text box, click inside then press <Esc>)
5. Press the <arrow keys> to move the object until it is correctly positioned
Note that when one object overlaps another, all or part of one of them may disappear. You will learn later
how to change this.
Deleting an Object
To delete an object:
1. Click on the object to display the handles (for a text box, click inside then press <Esc>)
6
Powerpoint:
Word:
10. Change the Grid settings if you want to then press <Enter> for [OK]
11. Test out the new grid by repeating some of the steps above
12. Turn off the grid - this time use the [Align] button and View Gridlines
13. Reset Zoom to 100% (or less) so that you can see the whole of the drawing
7
Grouping/Ungrouping Objects
As you gradually build up your drawing, it's useful to be able to group component parts together. You can
then move, resize, colour etc all of the grouped objects at a time.
1. Hold down <Shift> and click on each object in turn (or drag out a rectangle to surround them)
2. With the required objects selected click on [Group] and choose Group
Tip: You can also right click and choose Group.
3. Press the arrow keys to move the group of objects around
4. Resize the group of objects by dragging on one of the corner handles
5. Change the [Shape Outline] and/or [Shape Fill] to colour all the objects the same
The grouped objects act as a single object - you cannot, for example, colour them individually or move one
independently. You have to ungroup them before this is possible:
6. Check that the group of objects is still selected then click on [Group] and choose Ungroup
Each object's handles are now shown, indicating they are separate units.
7. Click away from the group then on one of the objects to select it on its own
8. Press an arrow key to alter its position
9. Change the [Shape Outline] and/or [Shape Fill]
10. Now click on [Group] and select Regroup
You'll find that Draw remembers which objects were the original members of the group and will regroup
them (without you having to select them again individually). Of course, if you wanted to create a different
group you could <Shift> select the new set of objects and use a Group command.
When creating a complicated drawing, group the individual objects, as above, then start grouping the
groups. The only problem with this occurs when you need to edit an object at the lowest level - you then
have to progressively ungroup until you reach that level and then regroup until all the drawing is grouped
together again.
Rotating an Object
Another command allows you to rotate an object, or make it a mirror image.
1. Click on the arrow to select it - if necessary, move it or use [Bring to Front] to see it properly
2. Click on the [Rotate] button and drag the mouse through the fixed settings as you do, the arrow
moves to reflect the highlighted option
3. Also try More Rotation Options - a Size and Position dialog box appears (you can also display this by
right clicking on the object and choosing Size and Position)
4. Drag the dialog box so that it doesnt obscure the arrow then change the Rotation: using the spin
control on the right again, the arrow moves as the settings are changed
5. Try changing the Height and Width too and watch what happens
6. Click on [Close] when the arrow is positioned and sized as required
Flipping and rotating can be applied to any sort of object. In Word, you cant rotate or flip the text in a text
box (in PowerPoint you can) but you can change the [Text Direction]. The same applies to free rotation:
7. Click on any solid shape (including the text box) to select it
8. Point the mouse cursor to the small green circle which appears (the cursor becomes a circular arrow)
then hold down the mouse button and drag the mouse around to rotate the object
Lines and arrows don't have this free rotate handle but they can still be rotated as you saw with the arrow at
the start of this section.
Tip: You can select several objects and rotate them all at the same time.
Other Shapes
As well as the basic shapes you have already seen, Draw provides a host of more complex shapes including
geometric and other basic shapes, stars, callouts, flowchart objects, fancy arrows and curved lines (plus
connectors). The Line shapes are the most important and are dealt with later. As an example of creating and
modifying one of the other shapes, try drawing a block arrow:
1. Click on the [Right Arrow] button in the middle of the [Shapes] in the Insert Shapes group
2. Position the mouse cursor where you would like the arrow to start then hold down the mouse button
and move the mouse (as if you were drawing a rectangle)
3. Release the mouse button when the arrow is the required size
Because this is a slightly more complicated shape, additional handles are provided. The yellow diamonds are
used to control the width of the arrow shaft and size of the arrow head.
4. Position the mouse cursor over the yellow handle on the left, hold down the mouse button and drag
the mouse up or down - release the mouse button when the shaft is the correct thickness
5. Repeat step 4 but use the other yellow handle and move the mouse left or right to set the size of the
arrow head
6. Use the normal handles to change the overall size and shape of the arrow
7. You can colour the arrow (the fill and the line) as before, if you want
Next try an even more complicated shape - a curved arrow. This isnt one of the shapes currently showing, so:
8. Click on the [More] arrow below the scroll bar on the right of the [Shapes] to display all the shapes
9. In the Block Arrows group, select [Curved Right Arrow] - left column, second row
10. Draw the arrow in the position required as described in steps 2 and 3
When you release the mouse button you will find three additional yellow handles are provided to manipulate
the shape. The one on the right controls the height of the arrow head, the one at the bottom the head's
width, while the third determines the width of the shaft.
11. Repeat step 6 on all three yellow handles to see exactly what they control
12. Colour the arrow and rotate it using the green circle, if you like
You can try out some of the other Shapes, if you like. Watch out for the yellow handles and try moving them
to see the effect - for example, you can alter the smile on the Smiley Face under Basic Shapes or the spikiness
of a Point Star under Stars and Banners.
10
Handles now appear round the object and the elastic line disappears. Note that you can draw multiple lines
to and from points (other than the starting position) in your object - only when you click on the start point
does the drawing end.
Tip: To draw an open object (ie where you don't want to end at the start point), double click on the mouse
when you draw the final line.
Sometimes you don't want a straight line between two points. To draw a line freehand you simply hold down
the mouse button rather than click on it. This is equivalent to the [Scribble] button, which is another option
available under the heading Lines.
8. Click on [Freeform] to start off your freeform shape this now shows on the Drawing Tools Format tab
9. Draw a straight line then hold down the mouse button after you fix the end of the line
10. The cursor now turns into a pencil - as you move the mouse, a freehand line appears
11. Release the mouse button to end the freehand drawing
12. Continue drawing the shape, either clicking to draw straight lines or holding down the mouse button
to draw freehand
13. Complete the shape by returning to its origin (or by double clicking the mouse)
Drawing a Curve
The other type of line you can draw is a curve. A simple curve is defined by three anchor points; further points
define a polynomial.
1. Click on the [More] arrow attached to [Shapes] then, in the Lines group click on [Curve] - to the left
of [Freeform]
2. Position the cursor where you would like the curve to begin then click the mouse button
3. Move the cursor to roughly the mid-point of the curve and click the mouse button again
11
4. Finally, move the cursor to where you want the curve to end (an elastic curved line is displayed) and
double click on the mouse button to complete the curve
You can now edit the curve to get the precise shape you require:
5. Click on the [Edit Shape] button and choose Edit Points
6. Move the mouse pointer over the middle vertex, hold down the mouse button and drag the point to
alter the shape of the curve
7. Repeat step 6 on an end vertex to stretch out or alter the end position
8. Click away from the curve to switch off the edit points
To draw a polynomial:
9. Repeat steps 1 to 3 as above
10. Keep clicking on the mouse button to set further points along the curve
11. Double click on the mouse or close the curve (by clicking at the start point) to end drawing
Shape Effects
Another whole group of drawing tools can be found via the [Shape Effects] button on the Drawing Tools
Format tab. These include Shadows, Reflection, Glow, Soft Edges, Bevel and 3-D Rotation. Some of these
options can also be accessed via the Format Object dialog box seen earlier.
1. Draw a new [Rectangle] in the bottom left corner of the current slide (or screen area)
2. Click on the [Shape Effects] button in the Shape Styles group
3. Choose Presets and move the mouse between those provided watch how the shape changes
4. Repeat steps 2 and 3 but investigate the settings under the other headings
You have further control over shadows and 3-D effects, as youll see in the following sections. Note that the
controls for these options are provided differently in Microsoft Word.
Adding Shadows
To add a shadow to an object (or change a preset one):
1. Select the object then click on the [Shape Effects] button and choose Shadow followed by Shadow
Options - the Format Shape dialog box appears showing the Shadow settings
3-D Effects
To customise a 3-D Effect:
1. Select the object then click on [Shape Effects] and choose Preset and choose one of the 3-D settings
2. Click on [Shape Effects] and choose Preset again but this time choose 3-D Options - the Format
Shape dialog box appears showing all the 3-D Format settings
3. Try altering some of the settings to see what happens eg increase the Depth: significantly and, under
the Surface heading select different Material: and Lighting: settings
Next, look at the 3-D Rotation settings:
4. Click on 3-D Rotation on the left of the Format Shape dialog box another set of options appears (you
can also see this from [Shape Effects] then 3-D Rotation and 3-D Rotation Options):
5. Use the spin buttons on the right of the Rotation settings and watch what happens
6. Click on [Reset] if you want to return the object to its original settings
7. [Close] the Format Shape dialog box when youve seen enough
13
WordArt
Another feature available to you in Microsoft Office is WordArt. This lets you type in text in a wide variety of
layouts such as in a curve, using outlined letters or with a shadow. To see what's available:
1. Start by moving to a clean area (in PowerPoint, press <Ctrl m> for a new slide)
2. On the Insert tab, click on [WordArt] and choose anything from the selection provided
3. In the box which appears, type in some text (eg your name)
4. Move the box into the bottom left corner of the screen, so that you can see what happens as you
select the different WordArt Styles
5. Click on the [More] down arrow on the right of the [Styles] in the WordArt Styles group
6. Move the mouse over the different styles to see their effect
The three buttons on the right of this section determine the text fill, text outline and text effects:
7. Click on the [Text Effects] button and explore the Shadow, Reflection, Glow, Bevel and 3-D Rotation
settings these are similar to those seen earlier in [Shape Effects]
8. Next, click on [Text Effects] and choose Transform your text can now appear in a curve or whole
host of other shapes watch what happens as you move the mouse cursor over them
9. End by selecting some of the Text Effect settings you have explored in steps 7 and 8
The WordArt provided in Microsoft Word works slightly differently. Here, you have a WordArt Gallery and other
settings to change the text spacing, height etc. If you need these facilities you can always create your
WordArt in Word and then Copy and Paste it into PowerPoint.
This brief introduction to WordArt should have made you aware of some of the features available. It's
particularly useful for poster design.