Jan's Illustrated Computer Literacy 101 Logo:Jegsworks Jan's Illustrated Computer Literacy 101
Home > Jan's CompLit 101 > Working with Words > AutoTools > Templates > WordArt
Icon: Arrow - Previous pagePrevious    NextIcon: Arrow - Next page

Jan's Working with Words

    Templates: WordArt

Sometimes plain words just won't do. You need characters with some pizzazz. WordArt can help you create attractive logos and fancy text to really catch the reader's eye.

WordArt samples

WarningWordArt and Spell Check:
Your WordArt text is not regular text. Spell check won't see it any more than it would a picture of a tree. So be careful with your spelling when you create WordArt!

WordArt with handles (Word 2010)WordArt Features

When you use WordArt, you are creating text inside a text box, which is a drawing object. This container object has handles that you drag to resize the container.

Icon: Word 2010 Icon: Word 2013 Icon: Word 2016 Word 2010, 2013, 2016:

Changes for WordArt:

  • WordArt no longer resizes when you resize the text box that contains it.
    There are no handles on the WordArt itself. See the work-around below.

  • Normal text tools will now work on WordArt.
    Improvement over earlier versions!

  • WordArt Tools apply to the text.
    Drawing Tools apply to the container for the text... mostly.

  • The pre-designed styles are different from previous versions and you can edit them in more detail. Word 2013 and 2016 have the same pre-designed styles but have fewer than Word 2010. <sigh>

Work-around: To resize WordArt by dragging

  • Select your WordArt.
  • Click on Drawing Tools Format at the top to get the menu.
  • Select Text Effects > Transform > Select the first item under "Warp".
    The WordArt then resizes itself to the size of your box and you can change the size and shape by simply changing the size and shape of the box.

Use a WordArt Style to start with: Because there are so many settings that you can change, the WordArt Styles can be a big help getting you started, even if you wind up changing several settings.

Where is the WordArt button? WordArt appears on two ribbon tabs: Insert and Drawing Tools. The Drawing Tools tab only appears when a drawing object is selected.

Icon: TipResize and keep the same proportions: Hold the SHIFT key down while dragging a corner handle.

Icon: TipWhat is selected is important! Is it the text box or the WordArt?
In Word 2007 a different ribbon tab appears, depending on what is selected, Text Box Tools or WordArt Tools.
In Word 2010, 2013, and 2016 the tools for both WordArt and text boxes are on the Drawing Tools tab. If the wrong thing is selected, some tools will fail to do anything or will do something you did not expect, with no explanation.

How to tell what is selected for WordArt:

  • Solid outline around the text box shape = Shape is selected
  • Dotted outline around the shape = Some WordArt text selected
    • All WordArt text is highlighted = All WordArt is selected (Duh!)
    • Part of WordArt text is highlighted = Only that part is selected
    • Cursor is in the WordArt but nothing is highlighted = The word with the cursor is selected
      This one can be a surprise!

Example: WordArt selections (Word 2013)

Icon Step-by-Step 

Step-by-Step: WordArt

  Icon Step-by-Step
What you will learn: to insert WordArt
to format WordArt with text tools
Start with: Icon: Class storage device, letter2-Lastname-Firstname.docx

Insert WordArt

You are going to create a letterhead for your letter, including a WordArt logo. The choices are quite different from versions of Word before Word 2007, though you can eventually create any of the old styles, if you wish to work hard.

The pre-designed WordArt choices are VERY different depending on the version of Word.

  1. Icon: Class storage deviceSave As letter3-Lastname-Firstname.docx in the folder word project2 on your storage device.

  2. Click at the left of the graphic dots near the top of the letter.

  3. On the Insert tab, click on the WordArt button Button: WordArt (Word 2010).
    The gallery opens.
    Word 2007's WordArt is similar to previous versions. But Word 2010, 2013, and 2016 are quite different.

  4. Create a WordArt company name:

    WordArt galler (Word 2007)Icon: Word 2007 Word 2007: Insert, Type, and Format

    • Click on the style in row 4, column 2.
      The Edit WordArt Text dialog appears, ready for you to type.

    •  Type AAA SALES
      By default, the WordArt is inserted as inline with text.

    • Dialog: Edit WordArt Text (Word 2007)Change the font to Rockwell Extra Bold. Leave the font size at 36 pt.

      Notice the few formatting options in this dialog - font, font size, bold, italics. The other text formatting choices on the Home ribbon tab CAN NOT be applied to WordArt in Word 2007.

    • Click on OK to close the dialog.

    • AAA Sales with WordArt style (Word 2007)

      If necessary, click on AAA Sales to select it.
      A dashed line appears around the WordArt.

    • WordArt floating in front of text (Word 2007)

      On the WordArt Tools tab in the Arrange tab group, click on the button Text Wrapping and select In Front of Text.
      Now the WordArt will float over the existing text in the letter.
       

    Button: WordArt - gallery - Gradient, Indigo, Accent1 (Word 2010)Icon: Word 2010 Word 2010: Insert and Type

    • Click on the style in row 3, 4th column:
         Gradient Fill - Indigo, Accent 1.
      A text box appears, ready for you to type.
       WordArt initial text box (Word 2010)

    • WordArt: AAA SalesType AAA Sales.
      Your typing overwrites the dummy text.
      The new text floats over the existing letter.

      You will format this text in detail below.

    Icon: Word 2013 Icon: Word 2016 Word 2013, 2016: Insert and Type
    • Button: Word Art gallery - Gradient - Gray (Word 2013) Click on the style in the first column on the 2rd row,
          Gradient Fill - Gray.

    • WordArt: AAA Sales - initial (Word 2013)Type AAA Sales.
      Your typing overwrites the dummy text.
      The new text floats over the existing letter.

      You will format this text in detail below.

  5. Move the mouse over the edge of the text box until the pointer changes to the Move
    shape Pointer: Move shape.

  6. Drag the container to the upper right of the letter with the top edge about level with the top of the date on the left.
    Word 2013 and 2016 make this easy by showing green margin lines when the text box hits the margins.

    WordArt dragged to upper right (Word 2007)

    WordArt dragged to upper right (Word 2010)

    WordArt dragged to upper right (Word 2013)

    Icon: TroubleProblem: WordArt won't drag
     The image is not floating but is inline with the text.
    Solution: With the WordArt selected, on the Drawing Tools: Format tab, click the Wrap Text button and click on In Front of Text.

  7. Icon: Class storage deviceSave.
    [letter3-Lastname-Firstname.docx]

In Word 2010, 2013, and 2016 the WordArt needs more formatting than in Word 2007 to achieve the same effect. <sigh>

Icon: Word 2007 Word 2007: Format WordArt: Gradient Fill

The pre-set styles for WordArt in Word 2007 can be modified, but not in as much detail as in Word 2010, 2013, and 2016. You will change the colors for the fill. Those working with Word 2010, 2013 or 2016 will have a LOT more work to do to get the 3-D look for the letters and then change the gradient fill. I don't know why they made this more difficult!

  1. With the WordArt still selected, if necessary, switch to the context ribbon tab WordArt Tools: Format.

     Ribbon: WordArt Tools: Format (word 2007)

  2. Button: Shape Fill > Gradient (Word 2007)Click on the button Shape Fill.
    A gallery of colors and choices appears.
     
  3. Icon: Experiment Experiment: Shape Fill
    • Hover over several of the Theme Colors in the gallery.
      Live Preview shows changes. Do any look good? Bad?
    • Click on Gradient.
      A gallery of gradients directions appears, but not in the current colors.
    • Hover over each of the variations. Live Preview will show changes.
    • Dialog: Fill Effects > Gradient - tan and pink colors (Word 2007)Click on More Gradients... at the bottom of the gallery.
      The Fill Effects dialog appears, open to the Gradient tab with Two colors selected.

    • Icon: Experiment Experiment: Gradient Colors
      Try different colors for Color 1 and Color 2 and click on the various shading styles. Experiment!
      The sample thumbnail changes as you make choices but there is no Live Preview in the document itself.

      When you are ready to continue...

  4. Dialog: Fill Effects > Gradient - indigo and pink (word 2007)Dialog: Fill Effects > Gradient > new color (word 2007)In the Fill Effects dialog on the Gradient tab, click the arrow beside Color 1 to open the color gallery.
  5. Click on Indigo, Accent 1, Darker 25%.
    (5th row, 5th column)
    The Gradient tab changes to show the shading variations with this color instead of the tan color.
     
  6. Dialog: Color - replacing pink with turquoise (Word 2007)Click the arrow beside Color 2 to open its color gallery.
  7. Click on More Colors...
    The Color dialog opens.
  8. If necessary, click on the Standard tab.
  9. In the hexagon of colors, click on the turquoise that is in the 4th row from the top, 3rd color from the left.
     
  10. Dialog: Fill Effects > Gradient - with new colors, indigo and turquoise (Word 2007)Click on OK.
    The Gradient tab now shows variations using indigo and turquoise.
  11. Click on the variation with turquoise at the top and indigo at the bottom, horizontal.
  12. Click on OK.
    Finally, your AAA SALES shows the new colors.

WordArt in final colors, turquoise and indigo (Word 2007)

The WordArt is now complete in Word 2007.

Word 2010 and 2013 let you adjust how the color changes gradually from one to the other. You can even use more than two colors.

Icon: Word 2010 Icon: Word 2013 Icon: Word 2013 Word 2010, 2013, 2016: Format WordArt: Text Tools

In Word 2010, 2013, and 2016 you can apply the normal text tools that are on the ribbon to your WordArt. In previous versions of Word only a few of the most common text tools could be used, and then only from the WordArt dialog. This is easier!

  1. Icon: Experiment Experiment: Text Tools
     Ribbon: Home tab - Font tab group (Word 2010)With the WordArt selected, on the Home tab in the Font tab group, make changes using the various tools: font, font size, bold, italics, underline, colors, etc. Undo each change.

    Which changes do you think work well with WordArt? Which do not work well?

    Would a different pre-designed style accept some of these changes better... or worse?

    When you are ready to continue...

  2. On the Home tab, change the font to Rockwell Extra Bold.
    Notice that the Home tab shows that the font size is 36.
    The text box enlarged automatically to hold your text with this larger font. Nice!

    WordArt font changed to Rockwell Extra Bold WordArt font changed to Rockwell Extra Bold

    (If you don't have this font, choose Rockwell or something similar. You need a font with wide strokes for the 3D formatting to work well. Making the text Bold might help, too.)

  3. Button: Change Case > UPPERCASE (Word 2010)Click the arrow beside the Change Case button Button: Change Case (Word 2010).
    A list of changes appears. Each item demonstrates what it will do with its own name, like the Font list does.

    This is a quick way to fix certain problems... if you remember where the button is!

  4. Click on UPPERCASE.
    All of the letters are in uppercase now.

    WordArt in all uppercase WordArt in all uppercase (Word 2013)

  5. Icon: Class storage deviceSave.
    [letter3-Lastname-Firstname.docx]

Icon: Word 2010 Icon: Word 2013 Icon: Word 2013 Word 2010, 2013, 2016: Format WordArt: Drawing Tools

The WordArt tools are on the Drawing Tools: Format tab. The WordArt Styles apply to the text. The Shape Styles apply to the shape that contains the text. At least that's true most of the time. Some tools have lists that include items that apply to both.

Ribbon: Drawing Tools - Format > Shape Styles & WordArt Styles (Word 2013)

  1. Icon: Experiment Experiment: Drawing Tools
     On the Drawing Tools: Format tab in the tab groups Shape Styles and WordArt Styles, hover over the various choices with the text box selected and with just the text selected. Which tools affect the text and which affect the container for the text? Did what was selected make a difference? Which choices does Live Preview show in the document?

    It's a mix and not always obvious. Some galleries list items of both types!
    Undo all of your changes.

    When you are ready to continue...

  2. Button: Text Effects > Transform > Triangle Up (Word 2013)On the Drawing Tools: Format tab, click the Text Effects button and hover over Transform to open the gallery.

  3. Icon: Experiment Experiment: Transform Effect
    Hover     over the various choices without clicking.
    Live Preview shows the effects in the document.

    Transform effects change the arrangement and sizes of the letters. When the text is short like yours, it can be hard to see what the effect really is trying to do.

    When you are ready to continue...

  4. Click on the transformation Triangle Up, under Warp in the first row.

    The shape of the letters changes, rising to a point in the middle while staying flat across the bottom.

    WordArt transformed with Triangle Up shape WordArt transformed with Triangle Up shape (Word 2013)

  5. Icon: Experiment Experiment: Adjustment Handle
    The pink or yellos handle on the left border of the text box adjusts the steepness of the pitch of the triangle.

    • Drag the adjustment handle up and down to see the effect on the shape that the letters fit into. For this effect the handle is hard to manage! It jumps around when you drag and release and does not want to go back to where it started. Apparently not all positions are allowed. Unexpected!
    • Undo your changes!
  6. Icon: Class storage deviceSave.
    [letter3-Lastname-Firstname.docx]

The next lesson will show you how to adjust the gradient fill in Word 2010, 2013, and 2016 and how to get the 3D look that WordArt in Word 2007 created so easily.