Learning Microsoft Word 2013 | Chapter 1

171

Lesson 10

Working with SmartArt

Graphics, Text Effects,
and Page Borders
➤ What You Will Learn
Inserting a SmartArt Graphic
Entering Text in a SmartArt Graphic
Modifying the Design of a SmartArt Graphic
Creating a SmartArt Graphic from a Picture
Applying Text Effects and WordArt Styles
Applying a Page Border

Software Skills  Use the SmartArt feature to create diagrams and charts to WORDS TO KNOW
illustrate data in reports and other documents. In Word 2013, you can create a Border
SmartArt graphic from any picture. You can also apply effects such as shadows or A line placed on one
borders to text characters to make the text stand out. or more sides of a
paragraph(s), page, or
text box.
What You Can Do Diagram
A chart or graph usually
Inserting a SmartArt Graphic used to illustrate a
concept or describe the
n Word comes with a set of SmartArt graphics objects that you can insert to create
relationship of parts to a
diagrams, such as organization charts or Venn diagrams, in a document.
whole.
n Use SmartArt graphics to illustrate information, concepts, and ideas such as the
relationship between employees in an organization, or the steps in a procedure. WordArt
A feature of Word used
n To insert SmartArt, click the SmartArt button in the Illustrations group on the
to transform text into a
Insert tab of the Ribbon to display the Choose a SmartArt Graphic dialog box.
drawing object.
n From that dialog box, you can select a category of diagrams, and then a specific
object to insert.
n When you select an object, a description of it and how to use it also displays in
the dialog box.
172 Chapter 1  |  Learning Microsoft Word 2013

Try It!   Inserting a SmartArt Graphic

q Start Word, and open W10Try. Save the r Click Hierarchy in the left pane.
document as W10Try_xx in the location where
your teacher instructs you to store the files for t Click Organization Chart in the center pane.
this lesson. y Click OK.

w Position the insertion point on the last line of the u Save the changes to the document, and leave it
document. open to use in the next Try It.

e Click the Insert tab, then, in the Illustrations

group, click the SmartArt button .
3 The Choose a SmartArt Graphic dialog box displays.

Choose a SmartArt Graphic dialog box

Select a layout

Select a
category

Read a
description

Entering Text in a SmartArt Graphic n You can edit and format the text using the same
commands used to edit and format text in a text box.
n SmartArt objects are comprised of shapes, to n Most SmartArt graphics also have a Text pane as
which you can add text labels. an alternative location for typing text. Select the
n New SmartArt graphics have placeholders in placeholder in the Text pane and type the text.
text boxes grouped with the shapes. Select the n The Text pane is similar to a task pane; you can
placeholder to type the text. drag it to move it around the desktop, open it when
you need it, and close it when you don’t.
Learning Microsoft Word 2013 | Chapter 1 173

Try It!   Entering Text in a SmartArt Graphic

q In the W10Try_xx document with the SmartArt r Click to select the shape in the middle row and
object selected, click the SmartArt Tools type Executive Assistant.
Design tab.
t In the Text pane, click to select the next
w In the Create Graphic group, click the Text Pane placeholder and type V.P. Sales.
button  . The button is a toggle; if the Text pane
was displayed, clicking the button hides it. If the y In the Text pane, click to select the next
placeholder and type V.P. Operations.
Text pane was hidden, clicking the button shows
it. u In the Text pane, click to select the next
placeholder and type V.P. Finance.
3 You can also click the arrows on the control on the left
side of the SmartArt object to display the Text pane. i Click the Text pane Close button  .

e Click to select the shape at the top of the chart, o Save the changes to the document, and leave it
and then type President. open to use in the next Try It.

Add text to SmartArt objects

Text pane

Text
placeholder
on shape

Modifying the Design of a SmartArt Graphic n For most SmartArt graphics, you can add shapes,
change the order or position of shapes in the
n SmartArt graphics are inserted using the default graphic, or change the layout.
design for the selected graphic type. n You can usually change colors and styles, as well.
n You can modify the design of most SmartArt n To apply formatting to a SmartArt graphic or the
graphics, although the changes depend on the shapes in a SmartArt graphic, use the commands
type of graphic you insert. For example, in an on the SmartArt Tools Format tab on the
organization chart you can promote or demote a Ribbon.
shape.
3 For more on formatting objects, refer to Word, Lesson 9.
n Use the options on the SmartArt Tools
Design tab of the Ribbon to modify the design.
174 Chapter 1  |  Learning Microsoft Word 2013

Try It!   Modifying the Design of a SmartArt Graphic

q In the W10Try_xx document, click the V.P. Sales d Click the Hierarchy layout (use ScreenTips to
shape to select it. identify the layout).

w Click the SmartArt Tools Design tab, f If necessary, select the SmartArt object and
then, in the Create Graphic group, click the Add then click the SmartArt Tools Design tab.
Shape button .
g In the SmartArt Styles group, click the Change
e Type Regional Manager, and then click the Colors button  .
President shape.
h Under Colorful, click Colorful – Accent Colors.
r Click the Add Shape drop-down arrow
j Select the SmartArt object and then click the
  and click Add Shape Above.
SmartArt Tools Design tab.
t Type CEO. k In the SmartArt Styles group, click the More
y Click the V.P. Sales shape to select it. button .

u Click the Demote button  . l Under 3-D, click Cartoon.

i Click the Regional Manager shape to select it. ; If necessary, select the SmartArt object and
then click the SmartArt Tools Design tab.
o Click the Move Up button  .
a Click the border around the object to select the 2) In the Reset group, click the Reset Graphic
button  .
entire object.

s On the SmartArt Tools Design tab, in the 2! Save the changes to the document, and leave it
open to use in the next Try It.
Layouts group, click the More button .

Creating a SmartArt Graphic from a Picture n Clicking this button displays the gallery of Picture
SmartArt layouts.
n Use the Picture Layout button in the Picture n Insert text and modify a picture layout SmartArt
Styles group on the PICTURE TOOLS FORMAT graphic as you would any other SmartArt graphic.
tab to transform a picture into a SmartArt graphic.

Try It!   Creating a SmartArt Graphic from a Picture

q In the W10Try_xx file, press b + d to move r With the picture selected, click the PICTURE
the insertion point to the end of the document. TOOLS FORMAT tab, and then, in the Picture
Styles group, click the Picture Layout button .
w Press b + e to insert a page break and
move to the next page, and then press e to t Click the Snapshot Picture List layout (the
insert a blank paragraph at the top of the page. second from the right in the first row).

e With the insertion point in the second paragraph y On the SMARTART TOOLS DESIGN tab, in the
on the page, click the INSERT tab, click Pictures Create Graphic group, click the Text Pane button
in the Illustrations group, navigate to the to display the Text pane.
location where data files for this lesson are
stored, click W10Try_picture.jpg, and click
Insert.

(continued)
Learning Microsoft Word 2013 | Chapter 1 175

Try It!   Creating a SmartArt Graphic from a Picture (continued)

u Type Family-Friendly Vacation Islands, and s Save the changes to the document, and leave it
then press e. open to use in the next Try It.

i Click the Demote button , and then type the

following entries, pressing e after all but the Picture used to create a SmartArt graphic
last entry:
Martha’s Vineyard
Chincoteague Island
Sanibel Island
Hilton Head

o Close the Text pane.

a In the SmartArt Styles group, click the More

button , and click Intense Effect in the Best
Match for Document group.

Applying Text Effects and WordArt Styles n Individual effects options include outlines, shadows,
reflections, and glows.
n Text effects such as shadows, fills, and outlines n Text effects are not appropriate for use in a
are useful for adding visual interest to text in business letter or other serious professional
printed documents, including flyers, brochures, document, such as a resume or report.
or advertisements, or in documents viewed on a
n Another option for formatting text with special
monitor, such as Web pages or presentations.
effects is to apply a WordArt style.
n Use the Text Effects button in the Font group
n WordArt styles look exactly like Text Effects styles,
on the HOME tab of the Ribbon to apply text
but when you apply a WordArt style to selected
effects.
text, you transform the text into a WordArt object
n When you click the button, a gallery of text effects that can be modified or positioned like any other
displays, or you can use the individual effects object.
options to create your own style.

Try It!   Applying Text Effects and WordArt Styles

q In the W10Try_xx document, scroll up y Select the text, click the INSERT tab, and then
and select the text ISLAND RENTALS, click Insert WordArt in the Text group.
INCORPORATED.
u Click the Fill – White, Outline – Accent 2, Hard
w Click the HOME tab, and then, in the Font group, Shadow – Accent 2 WordArt style. The text
click the Text Effects button. becomes a WordArt object.

e Click the style second from the left in the second i With the WordArt object selected, on the
row: Gradient Fill – Dark Green, Accent 1, DRAWING TOOLS FORMAT tab, click Position
Reflection. and then click Position in Top Center with
Square Text Wrapping.
r Scroll back to page 2 and click in the blank
paragraph at the top of the page. o Save the changes to the document, and leave it
open to use in the next Try It.
t Type Beaches Galore!.
176 Chapter 1  |  Learning Microsoft Word 2013

Applying a Page Border n Word also has a built-in list of artwork designed for
page borders. Art borders are useful for stationery,
n You can apply a border to pages in a document. invitations, and other informal, decorative
n Basic border and shading options include line style, documents.
line width (weight), and line color. n You apply page borders using the options in the
n Additional border options include 3-D or Shadow Borders and Shading dialog box which you access
effects. from the Page Background group on the DESIGN
tab of the Ribbon.

Try It!   Applying a Page Border

q In the W10Try_xx document, adjust the zoom so u Click OK.

you can see the entire page on your monitor.
i Click the DESIGN tab and then click the Page
w On the DESIGN tab, in the Page Background Borders button  .
group, click the Page Borders
button  . o Click the Page Border tab, if necessary.

e Click the Page Border tab, if necessary. a Click the Art drop-down arrow to display a
gallery of art borders.
r Click the Color drop-down arrow and under
s Scroll down the gallery and click a border of
Standard Colors, click Blue.
palm trees.
t Click the Width drop-down arrow and click 1 pt.
d Click OK.
y In the Setting list, click Box.
f Close W10Try_xx, saving changes, and exit
Word.

Lesson 10—Practice

Restoration Architecture has recently reorganized its management structure. In this project, you use SmartArt
graphics to draw a company organization chart in a document. You apply text effects and page borders to enhance
the appearance of the document.

DIRECTIONS 5. Press e to start a new line.

1. Start Word, if necessary, create a blank document, 6. Select the two lines of text. On the HOME tab, in
and save the document as W10Practice_xx in the the Font group, click the Font drop-down arrow
location where your teacher instructs you to store and click Arial in the list of available fonts.
the files for this lesson. 7. On the HOME tab in the Font group, click the
2. Display the rulers and nonprinting characters, if Font Size drop-down arrow , and click 26 to
necessary. increase the font size.
3. Double-click in the header area and type your full 8. On the HOME tab in the Paragraph group, click the
name. Press e and type today’s date. Center button to center the text.
4. Double-click in the main document area to 9. Move the insertion point to the blank line and click
position the insertion point at the beginning of the the Insert tab on the Ribbon.
document. Type Restoration Architecture, press 10. Click the SmartArt button to display the
e, and type Upper Management Organization Choose a SmartArt Graphic dialog box.
Chart.
Learning Microsoft Word 2013 | Chapter 1 177

11. In the left pane of the dialog box, click Hierarchy. 29. Click the HOME tab on the Ribbon and, in the Font
12. In the center pane of the dialog box, click the Half group, click the Text Effects button .
Circle Organization Chart, and then click OK to 30. Click the style in the middle of the top—Fill –
insert the graphic. Orange, Accent 2, Outline – Accent 2.
13. Verify that the shape at the top of the chart is 31. Click the DESIGN tab and, in the Page
selected, and type President/CEO. Background group, click the Page Borders button
14. Click the SMARTART TOOLS DESIGN tab, then, . Click the Page Border tab if necessary.
in the Create Graphic group, click the Text Pane 32. Click the Color drop-down arrow and under Theme
button to display the Text pane. Colors, click Orange, Accent 2, Lighter 40%.
3 If the Text pane is already displayed, skip this step. 33. Click the Width drop-down arrow and click 3 pt.
15. In the Text pane, click the second text placeholder 34. In the Setting area, click Box, and then click OK.
and type Vice President of Operations. 35. Save the changes to the document.
16. Click the third text placeholder and type Director 36. With your teacher’s permission, print the
of Marketing. document. It should look similar to Figure 10-1.
17. Click the fourth text placeholder and type Director 37. Close the document, saving changes, and exit
of Architectural Design. Word.
18. Click the fifth text placeholder and type Director of
Construction Management.
Figure 10-1
19. Click the Text Pane button to hide the Text
pane.
20. On the SMARTART TOOLS DESIGN tab, in the
SmartArt Styles group, click the Change Colors
button . Under Accent 2, click the Colored
Outline – Accent 2 style.
21. Click the SmartArt Styles More button and,
under Best Match for Document, click the Intense
Effect style.
22. Click the SmartArt graphic to select it, click the
SMARTART TOOLS FORMAT tab, and click the
Size button .
23. Use the Shape Height increment arrows
to set the Shape Height to 5.0" and the Shape
Width increment arrows to set the Shape
Width to 6.5".
24. On the SMARTART TOOLS FORMAT tab, in the
Shape Styles group, click the Shape Outline drop-
down arrow and under Theme Colors, click
Blue, Accent 5.
25. Click the Director of Marketing shape to select it,
then click the SMARTART TOOLS DESIGN tab.
26. In the Create Graphic group, click the Add Shape
drop-down arrow , click Add Shape Below, and
then type Communications Manager.
27. Save the changes to the document.
28. Select the text Upper Management Organization
Chart.
178 Chapter 1 | Learning Microsoft Word 2013

Lesson 10—Apply

In this project, you use use SmartArt graphics to draw a diagram illustrating Restoration Architecture’s new
procedures for requesting vacation time off. To improve the appearance of the document, you apply text effects
and page borders.

DIRECTIONS 20. Select the text Restoration Architecture.

1. Start Word, if necessary, and open W10Apply 21. Apply the Fill – Blue, Accent 1, Outline –
from the data files for this lesson. Background 1, Hard Shadow – Accent 1
WordArt style, and then position the WordArt
2. Save the file as W10Apply_xx in the location
object in the top center with Square text wrapping.
where your teacher instructs you to store the files
for this lesson. 22. Select the text Vacation Request Procedure and
apply the Fill – Blue, Accent 1, Shadow text
3. Display the rulers and nonprinting characters, if
effects style.
necessary.
23. Apply a Blue-Gray, Text 2, 1½ pt. box border to
4. Type your full name and today’s date in the header.
the page.
5. Position the insertion point on the last line of the
24. With your teacher’s permission, print the
document.
document. It should look similar to Figure 10-2.
6. Click the INSERT tab, and click the SmartArt
25. Close the document, saving changes, and exit
button .
Word.
7. Select the Process category, and then select the
Basic Process diagram. Click OK to insert the
diagram in the document. Figure 10-2
8. In the first shape on the left, type the text label
1. Discuss schedule with supervisor.
9. In the middle shape, type the text label 2. Obtain
vacation request form from Human Resources
dept.
10. In the shape on the right, type the text label
3. Complete form and submit to supervisor for
signature.
11. With the third shape selected, select to add a
shape after.
12. In the new shape, type the text label 4. Submit
signed form to Human Resources dept. for
approval.
13. Change the diagram layout to Step Down Process.
14. Change the colors to Dark 1 Outline.
15. Apply the Inset 3-D SmartArt style.
16. Click the border around the object to select it,
then resize the height of the object to 4.5" inches.
Leave the width at 6.0".
17. Position the object in the Middle Center with
Square Text Wrapping.
18. Left align the object horizontally on the page.
19. Save the changes to the document.
Learning Microsoft Word 2013 | Chapter 1 179

End-of-Chapter Activities

➤ Word Chapter 1—Critical Thinking

Write a Letter and Create a Flyer

Becoming involved in a student organization such as Future Business Leaders
of America-Phi Beta Lambda, Business Professionals of America, or Family,
Career and Community Leaders of America can lead to many opportunities. They
sponsor conferences and competitions, encourage leadership, and often offer
scholarships for summer programs and college.
In this project, plan an event to publicize student organizations at your school.
For example, you might plan a fair at which all organizations have booths or
tables where they hand out information, or it might be an assembly at which
representatives of the organizations give presentations.
Write a personal business letter to the school principal explaining the event, and
asking for permission to hold it. Then design a flyer publicizing the event.

DIRECTIONS
Write the Letter and Create an Envelope Create the Flyer
1. Start Word, if necessary. Save a new blank file as 1. Create a new blank document and save it as
WCT01A_xx in the location where your teacher WCT01B_xx in the location where your teacher
instructs you to store the files for this project. instructs you to store the files for this lesson.
2. Select a theme and a style set and type a letter to 2. Select a theme and a style set.
the school principal using full-block or modified- 3. Enter and format text and graphics to create a flyer
block business letter formatting. Be sure to set publicizing your event.
up the letter correctly, including all the necessary 4. Use text boxes to make it easier to integrate
parts, such as a return address, date, and inside the text with graphics. Use at least two types of
address. You may use either open or mixed graphics—pictures, clip art, scanned images,
punctuation. shapes, text boxes, or SmartArt. Use the Selection
3. In the letter, explain your project and why it is Pane to hide objects as necessary while you
important. Politely ask for permission to continue format other objects.
planning the event, and to hold the event, if 5. Use font formatting and text effects to enhance the
possible. Be specific about the date and time, and appearance of the document.
where the event would take place.
6. Use styles and effects to format the graphics
4. Proofread the letter to find any spelling or objects.
grammatical errors, and correct them.
7. Size and position the objects and text to make the
5. Create an envelope for the letter, using the inside document attractive, fun, and easy to read. Use the
address as the delivery address and your own alignment guides to align objects with each other
address as the return address. or with the margins. Apply text wrapping as desired
6. Add the envelope to the document without with the Layout Options or Wrap Text gallery.
changing the default return address. 8. Use line and paragraph spacing to make the
7. With your teacher’s permission, print both the text easy to read, and use list formatting where
letter and the envelope. Read your letter out loud to appropriate.
a partner or to the class.
8. Close the document, saving changes.
180 Chapter 1  |  Learning Microsoft Word 2013

9. As you work, consider the overall organization and 11. When you are satisfied with the document, ask
appearance of the document. Use colors that work a classmate to review it and make comments or
together, and do not overload the page with too suggestions that will help you improve it.
much text or formatting. 12. Make changes and corrections, as necessary.
10. Include your name and the current date 13. With your teacher’s permission, print the
somewhere in the header or footer of the document. Present the document to a partner
document. or to the class, explaining why you used specific
graphics and formatting.
14. Close the document, saving changes, and exit
Word.

➤ Word Chapter 1—Portfolio Builder

Write a Letter and Create an Invitation

Michigan Avenue Athletic Club recently renovated its lobby and locker room.
Restoration Architecture was responsible for the design and construction. The
club manager has asked you to write a letter to the project manager thanking
him for his support during the process and inviting him to the grand reopening
celebration.
In this project, you will create and type the letter and an accompanying envelope
using modified-block business letter formatting. You will also create an invitation to
include with the letter, using graphics, styles, and effects.

DIRECTIONS
Write the Letter and Create an Envelope 5. Add the envelope to the document without
changing the default return address.
1. Start Word, if necessary. Save a new blank file as
6. With your teacher’s permission, print both the
WPB01A_xx in the location where your teacher
letter and the envelope.
instructs you to store the files for this project.
7. Close the document, saving changes.
2. Apply the No Spacing style, change the font to
12-point Times New Roman, and type the letter
shown in Illustration 1A on the next page. Create the Invitation
n Type the business name and address in the
1. Open WPB01B from the data files for this lesson.
header.
Save it as WPB01B_xx in the location where your
n Set a left tab at 3.25" and use it to position the teacher instructs you to store the files for this
date, closing, signature, and job title lines. lesson.
n Replace the sample text Today’s Date with the 2. Apply the Ion Boardroom theme and the
actual date and Student’s Name with your own Centered style set to the document.
full name.
3. Select the first line of text, center it horizontally,
n Apply the Title style to both lines in the header, and increase the font size to 36 points. Apply the
and then center them horizontally. Fill – White, Outline – Accent 2, Hard Shadow –
n Insert the Urgent 1 watermark on the letter. Accent 2 text effect.
3. Proofread the letter to find any spelling or 4. Select the second paragraph and apply the Title
grammatical errors, and correct them. style, then change the font size to 26 points and
justify the text.
4. Create an envelope for the letter, using the
inside address as the delivery address and 235
Michigan Avenue, Chicago, IL 60601 as the
return address.
Learning Microsoft Word 2013 | Chapter 1 181

Illustration 1A
182 Chapter 1  |  Learning Microsoft Word 2013

5. Draw a text box around the selection, and resize 14. Insert an Explosion 2 shape sized to 1.5" high
the box to 2.7" high by 5.7" wide. Format the text by 2.0" wide. Add the text Fun! to the shape, and
box to have no outline, and align it in the center format the text as 12-point Bold. Apply the Subtle
middle of the page. Nudge it down, if necessary so Effect – Purple, Accent 6 shape style and then
it displays below the first line of text. rotate the shape about 0.5" to the right.
6. Select the date and time, increase the font size 15. Move the Explosion 2 shape so it overlaps
to 20 points and draw a text box around the the Explosion 1 shape, and layer it behind the
selection. If necessary, increase the size of the text Explosion 1 shape (refer to illustration 1-B on the
box so all the text displays. next page).
7. Apply the Subtle Effect – Red, Accent 2 shape 16. Group the two shapes together, and align them
style to the text box, and then apply the Red, 18 pt above the list text box, centered horizontally on the
glow, Accent color 3 Glow shape effect. page. They may overlap the top of the text box.
8. Position the text box in the Top Right with Square 17. Use Online Pictures to search for a picture of
Text Wrapping, then change the text wrapping to balloons to insert in the document, or insert the
Top and Bottom. picture file WPB01_picture.
9. Select the five items at the end of the document 18. Recolor the picture to Plum, Accent color 1 Light.
and increase the font size to 16 points. 19. Resize the picture to 4.0" high by 4.0" wide, and
10. Format the items as a bulleted list, using the bullet set the text wrapping to Behind Text.
symbol shown in Illustration 1B on the next page. 20. Move the picture to the top left of the page.
11. Change the font color to Red, Accent 3, Darker 21. Complete the invitation by adding an art page
25%. Change the hanging indent setting to 0.5". border of balloons.
12. Draw a text box around the list. Resize the box 22. Save the changes to the document. It should look
to 2.0" high by 4.0" wide, and apply the Colored similar to Illustration 1-B on the next page.
Outline – Red, Accent 2 shape style. Position the
23. Type your name and today’s date in the footer of
text box in the Bottom Center with Square Text
the document. (If the text is hidden by the border,
Wrapping.
click the Header & Footer Tools Design
13. Insert an Explosion 1 shape sized to 1.5" high by tab, and change the Footer from Bottom setting to
1.7" wide. Add the text Food! to the shape, and 0.6".)
format the text as 12-point Bold. Apply the Subtle
24. With your teacher’s permission, print the
Effect – Plum, Accent 1 shape style and then
document.
rotate the shape about 0.5" to the left.
25. Close the document, saving changes, and exit
Word.
Learning Microsoft Word 2013 | Chapter 1 183

Illustration 1B