Google Docs: Inserting Text Boxes and Shapes

Lesson 14: Inserting Text Boxes and Shapes

/en/googledocuments/inserting-images/content/

Introduction

Google Docs has a drawing tool that's designed for inserting text boxes and shapes into your document. Although they're not necessary for every document, text boxes and shapes can be used to set important details apart from the rest of your document or to organize information. For example, rectangles, lines, and arrows can be used together to create a flow chart.

In this lesson, you'll learn the drawing tool's commands and how to insert a drawing or text box into your document. You'll also learn how to format and change the order of text boxes and shapes.

Watch the video below to learn more about inserting text boxes and shapes in Google Docs.

About the drawing tool

When you're ready to add a text box or shape to your document, you'll work with the drawing tool. It offers a variety of shapes, arrows, callouts, and line styles that are easily customized for your needs. For example, you can create a diagram using shapes and add text to each shape to highlight important information. The drawing tool opens as a dialog box in your document, and this is where you'll create, format, and edit text boxes and shapes using the drawing tool's commands.

Click the buttons in the interactive below to become familiar with the drawing tool's commands.

edit hotspotsshowing the drawing interface

Save & Close

When you are satisfied with your drawing and are ready to insert it into your document, click Save & Close.

showing the drawing interface

Undo and Redo

If you've made a mistake or if you want to remove a previous action, you can Undo it. Choose Redo to make removed changes reappear.

showing the drawing interface

Actions Menu

The Actions menu provides a variety of editing options for working with your document, like cut, copy, and paste. You can also edit the rotation and order of the shapes in your drawing. When you have finished your drawing, you can choose Download as to save it in a different image format.

showing the drawing interface

Line Command

The Line command offers a variety of line styles. Use a basic line to create an organizational map, an arrow to design a flowchart, or a polyline to create your own shape.

showing the drawing interface

Shape Command

Google Docs provides a variety of shapes, arrows, callouts, and equation shapes. They can be resized, reordered, and customized with text. To create a shape, select a shape style. Then click, hold, and drag the mouse in the drawing area to create the desired size.

showing the drawing interface

Text Box Command

Text boxes allow you to easily move or set text apart in a document. In Google Docs, you can customize the lines of a text box, the size and color of the font, and the color of the background inside the text box. To create a text box, select the text box command. Then click, hold, and drag the mouse in the drawing area to create the desired size.

showing the drawing interface

Fill Color and Line Color

Select Fill color or Line color to display the color palette. Fill color changes the background color of the shape or text box, while line color modifies the color of the border line around the shape or text box.

showing the drawing interface

Line Width Command

Selecting the Line Width command allows you to narrow or widen the border line of your shape or text box.

showing the drawing interface

Formatting Commands

If you have added text to a text box or shape, you can use the Formatting commands to edit the font size and color of the text. You also have the option of bolding, italicizing, and underlining text. These commands appear when a text box or shape is selected.

showing the drawing interface

Alignment Command

The Alignment command allows you to left align, center, right align, or justify the text inside the text box or shape. Additionally, you can choose to align the text to the top, middle, or bottom of the text box or shape.

showing the drawing interface

Google Docs has a standalone version of the drawing application. This version has more features than the Documents Drawing app, including the ability to upload your own images as part of the drawing. If you want more features, you can use the standalone version to create your drawing. Then you can download the drawing as an image to your Google Drive and insert it into your document.

accessing the stand-alone drawing application

Adding shapes

You can add a variety of shapes to your document, including arrows, callouts, squares, stars, and flowchart shapes. Shapes are customizable, so you can add text and change the background color and line width. You may find shapes useful for creating diagrams and flow charts, and they can add visual appeal to your document as well.

To insert a shape:

  1. Click Insert; then, hover over Drawing and select New from the drop-down menu.
    inserting a new drawing
  2. The Drawing dialog box will appear.
  3. Select a drawing command. Hover the mouse over a style, then select the desired shape.
    selecting a shape
  4. Click and drag in the drawing area to create the shape to the desired size.
    drawing the shape
  5. Release the mouse. The shape appears.
    the shape appearing
  6. If you want, you can add more shapes. When you have completed the drawing, click Save & Close to insert it into your document.
    clicking save and close
  7. The drawing will appear in the document.
    showing the drawing appearing on the document
  8. If you want to resize the shape, click and drag a resizing handle to the desired size.
    resizing the shape in the document

To delete a shape from your document, select it and press the Backspace or Delete key on your keyboard.

To reopen the drawing tool to edit the shape, select the desired shape and click Edit from the options that appear below the drawing.

clicking edit

Adding text boxes

You may want to insert a text box into your document to draw attention to specific text or to have the ability to easily move text around within your document. Text boxes are similar to shapes. You can apply many of the same formatting options, like changing the background color and line style.

To insert a text box:

  1. Click Insert, then select Drawing from the drop-down menu. The Drawing dialog box will appear.
  2. Click the Text box command.
    clicking the text box command
  3. Click and drag in the drawing area to create the text box.
    creating a new text box
  4. Release the mouse, and a text box will appear. Enter the desired text in the text box.
    typing in the text editing box
  5. When you are satisfied, click Save & Close. The text box will appear in your document.
    the text box appearing

Customizing text boxes and shapes

The drawing tool has a variety of line and shape tools you can use to format your text box or shape. You can also modify the size and color of the font inside the text box or shape, as well as the colors of the background and lines.

To format a text box or shape:

  1. With the drawing tool open, select the desired text box or shape.
    selecting a text box to format
  2. Click the desired formatting command to modify the text box or shape.
    clicking a formatting command
  3. The shape will appear formatted.
    resulting formatted shape

To add or edit the text inside of a text box or shape, double-click it to open the text editing box.

To change the order of text boxes or shapes:

If one shape overlaps another, you may need to change the ordering so the correct shape appears in front. You can bring a shape to the front or send it to the back. If you have several overlapping objects, you may need to use the Bring forward or Send backward options to achieve the correct ordering.

  1. In the Drawing dialog box, right-click the desired text box or shape. Hover the mouse over Order, then select an ordering option.
    modifying the order
  2. The order will appear changed in the drawing.
    resulting order of shapes

Challenge!

  1. Open Google Docs and create a new blank file.
  2. Open the drawing tool and create a heart shape.
  3. Double-click inside the heart and type your name.
  4. Change the text alignment to center.
  5. Change the fill color to a color of your choice.
  6. Insert a Curved Up Ribbon shape from the callouts section so it stretches across the heart.
  7. Change the fill color of the ribbon to a color of your choice.
  8. Change the order of the ribbon shape so it is behind the heart.
  9. Save and close the drawing tool.
  10. When you're finished, your drawing should look something like this:
    showing the final shapes example

/en/googledocuments/text-styles/content/

chatsimple