1. Lesson 6: Working with Illustrations

2. Lesson Objectives insert and modify pictures or Clip Art
create, arrange and enhance shapes
insert and modify SmartArt diagrams
Pg 159
Briefly introduce which topics will be covered in this lesson so students are aware of the new skills they will learn. Remind students also that all the information is available in the book as a reference so they don’t need to commit anything to memory or take notes.
© CCI Learning Solutions Inc.

3. Inserting Images
Can insert images or pictures into any document from various sources
Can insert picture files in variety of file formats
When using image that you have not created make sure you are not infringing on someone else's copyright
Pictures could be part of Creative Commons
When in doubt, always check with owner of picture and request permission to use
Images listed on Office.com are copyrighted by Microsoft
Pg 159
Objective 5.3.1
© CCI Learning Solutions Inc.

4. Inserting Images
To insert picture, position cursor approximately where picture to be placed, click Insert tab, in Illustrations group, click Pictures
Select and insert picture file. Navigate to where picture file located, select file and click Insert
Can insert picture from Web page
Use copy and paste
Picture can also be set as hyperlink to Web page
Pg 160
Objective 5.3.1
© CCI Learning Solutions Inc.

5. Inserting Images Inserting Online Pictures
Office web site contains large number of images
Clip art usually drawn using vector-based shapes
To insert clip art image, position cursor where to place graphic and, on Insert tab, in Illustrations group, click Online Pictures
Pg 160
© CCI Learning Solutions Inc.

6. Inserting Images Office.com Clip Art
Enter search criteria to find royalty-free images. Select image from search results page and insert in document.
Bing Image Search
Search web for matches to search criteria. It is your responsibility to ensure copyright laws not violated when you insert images from search results page.
Pg 161
© CCI Learning Solutions Inc.

7. Inserting Images
To view keywords to narrow or expand search, point at image to view ScreenTip
To enlarge picture, click at lower right corner of image
To close, click X at top right corner of image
To insert image, click image and click Insert
If several images to insert in document, click first image, hold CTRL and click other images
To return to search fields, click Back to Sites
Pg 161
© CCI Learning Solutions Inc.

8. Inserting Images Using Bing to Search for Images
Microsoft displays reminder about use of images displayed in search criteria
Pg 162
© CCI Learning Solutions Inc.

9. Inserting Images
Click Show all web results to increase number of results with another reminder about copyright
Pg 162
© CCI Learning Solutions Inc.

10. Manipulating Pictures
Picture must be selected before you can make changes
Picture Tools ribbon appears with features to manipulate picture
By default, Word inserts graphics using in line with text layout
Bottom of picture lines up with bottom of text line
Can treat image as would text characters
Other layout option is floating image, with text wrapping around it Pg
Objective 5.3.4
© CCI Learning Solutions Inc.

11. Manipulating Pictures
Selected image shows eight small boxes and circles around perimeter called handles
All graphics have eight handles around picture with circular handle at top
Use handles to adjust size; use circular handle to rotate picture
Can restore picture to original settings using Reset Picture in Adjust group of Format tab in Picture Tools ribbon
Pg 165
Objective 5.3
© CCI Learning Solutions Inc.

12. Manipulating Pictures
Sizing a Picture
Scale used in original picture maintained when inserted
Point cursor on middle handle of top or bottom border to adjust height of picture; cursor shows as
Point the cursor on middle handle of left or right side border to adjust width of picture; cursor shows as
Point at corner handle to adjust height and width of picture proportionately at same time; cursor shows
To size picture proportionately from its center, press CTRL as you drag handle
To size picture proportionally using handle, press SHIFT as you drag handle
Pg 165
Objective 5.3.7
© CCI Learning Solutions Inc.

13. Manipulating Pictures
Scaling the Picture
To resize with more precise measurement, use Size tab of Layout dialog box
To open dialog box, under Picture Tools, click Format tab, in Size group, click Advanced Layout: Size dialog box launcher
To change all settings to original, click Reset Pg
Objective 5.3.7
© CCI Learning Solutions Inc.

14. Manipulating Pictures
Cropping the Picture
Crop to affect height or width of picture, fit it to shape, or set options for cropped picture
To crop picture horizontally or vertically, select picture and then:
Under Picture Tools, click Format tab, in Size group, click Crop, then crop picture using crop handle
Pg 166
© CCI Learning Solutions Inc.

15. Manipulating Pictures
right-click image and select Format Picture to open Format Picture pane. In Format Picture pane, click Picture icon, click Crop and enter measurements
Pg 166
© CCI Learning Solutions Inc.

16. Manipulating Pictures
To crop picture to shape, select picture and under Picture Tools, on Format tab, in Size group, click arrow for Crop and click Crop to Shape
Pg 167
© CCI Learning Solutions Inc.

17. Manipulating Pictures
Portion being cropped appears in shadow so you can see what is being cut out of image
Can further customize what is being cropped by dragging cropped area or picture to different position
To turn off Crop feature, click Crop button again or click away from picture Pg
© CCI Learning Solutions Inc.

18. Manipulating Pictures
Rotating the Picture
Can rotate pictures by 90o at time, or to specific angle
Not all images can be rotated
To rotate picture, select it and:
Drag circular handle which shows rotation direction, or
To rotate by 15° at time, press SHIFT as you drag object
Pg 168
© CCI Learning Solutions Inc.

19. Manipulating Pictures
under Picture Tools, click Format tab, in Arrange group, click Rotate, or
under Picture Tools, on Format tab, in Arrange group, click Rotate and More Rotation Options. In Rotation area, enter measurement for rotation
Pg 168
© CCI Learning Solutions Inc.

20. Manipulating Pictures
To set more specialized rotation using 3-D effects, under Picture Tools, on Format tab, in Picture Styles group, click Picture Effects and 3-D Rotation Pg
© CCI Learning Solutions Inc.

21. Manipulating Pictures
To further customize rotation, click 3D Rotation Options (or click 3-D Rotation command on Effects icon of Format Picture pane)
Pg 169
© CCI Learning Solutions Inc.

22. Manipulating Pictures
Wrapping Text Around a Picture
Default wrapping style is In Line with Text
Places graphic at insertion point on line of text in document
Graphic moves with text and can be positioned like text
Change to “floating” to position picture anywhere in document
To change text wrapping style, after selecting picture:
Under Picture Tools, on Format tab, in Arrange group, click Position, or
Pg 170
Objective 5.3.6
© CCI Learning Solutions Inc.

23. Manipulating Pictures
under Picture Tools, on Format tab, in Arrange group, click Wrap Text to choose text wrapping style, or
click Layout Options at top right of selected image Pg
Objective 5.3.6
© CCI Learning Solutions Inc.

24. Manipulating Pictures
Click More Layout Options or See more link to display tab of Layout dialog box showing advanced options for adjusting picture position or text wrapping style
Pg 171
Objective 5.3.6
© CCI Learning Solutions Inc.

25. Manipulating Pictures
Moving a Picture
Can use drag-and-drop along with transparent preview to show where it can be placed
Difference in mouse pointer when you try to move inline versus floating graphic
Once picture moved, can adjust by “nudging” picture
Pg 172
Objective 5.3.7
© CCI Learning Solutions Inc.

26. Manipulating Pictures
Applying Quick Styles
Pre-designed effects to create specific mood for document message
Can apply wide variety of effects to picture before or after style selected
Can apply effects in place of picture style
Under Picture Tools, on Format tab, in Picture Styles group
Click More button to display Picture Styles Gallery
Pg 172
Objective 5.3.5
© CCI Learning Solutions Inc.

27. Manipulating Pictures
Click Picture Border to apply or modify border style around picture
Click Picture Effects to apply or modify special effect to picture (or click effect to use from Effects icon on Format Picture pane)
Pg 173
Objective 5.3.5
© CCI Learning Solutions Inc.

28. Manipulating Pictures
Adjusting the Picture’s Color
Word includes tools to correct appearance of photograph
To adjust clarity of picture, under Picture Tools, on Format tab, in Adjust group, click Corrections Pg
Objective 5.3.2, 5.3.3
© CCI Learning Solutions Inc.

29. Manipulating Pictures
To change color of picture, under Picture Tools, on Format tab, in Adjust group, click Color
To apply artistic effect to picture, under Picture Tools, on Format tab, in Adjust group, click Artistic Effects
Pg 174
Objective 5.3.2, 5.3.3
© CCI Learning Solutions Inc.

30. Manipulating Pictures
Tagging the Picture
If document to be shared with others, help them find image by its name or location
Also helpful if document converted to media file and narrated, including brief description of image
To add tag to picture, select picture. Under Picture Tools, click Format tab and in Picture Styles group, click Format Shape dialog box launcher. Click Layout & Properties and click Alt Text Pg
© CCI Learning Solutions Inc.

31. Working with Shape Objects
Enhance documents by creating drawings using Shapes feature
Click Shapes to see all preset objects
Organized to see all available shapes in one location, grouped by type
Pg 178
Objective 5.2.1
© CCI Learning Solutions Inc.

32. Working with Shape Objects
Use drawing canvas to keep multiple shapes together in that canvas
To create drawing canvas, on Insert tab, in Illustrations group, click Shapes and click New Drawing Canvas
To set drawing canvas to appear every time, click File tab and click Options. Click Advanced category and under Editing options, click Automatically create drawing canvas when inserting AutoShapes Pg
Objective 5.2.1
© CCI Learning Solutions Inc.

33. Working with Shape Objects
The handles around object are similar to those around picture
When object selected, Drawing Tools ribbon displays
Pg 178
Objective 5.2.1
© CCI Learning Solutions Inc.

34. Working with Shape Objects
Drawing Shapes
Once you click shape to draw, cursor changes to
Click where top left corner of object to start, and then drag until object is required size
To create objects with precise measurements or consistent size, use gridlines
Click View tab, in Show group, click Gridlines, or
Under Drawing Tools, click Format tab, in Arrange group, click Align and click View Guidelines
Pg 179
© CCI Learning Solutions Inc.

35. Working with Shape Objects
Once object drawn, selected tool deselects
To draw another object of same type, click tool again
To draw straight line or perfectly proportioned object, drag to begin drawing object, press SHIFT and draw object to required size
To draw object equal distance in height or width from its center point, press CTRL as you draw to required size
To insert text into object:
select object and begin typing, or
click Draw Text Box from Format tab of Drawing Tools, or
right-click the object and click Add Text.
To edit text, click in text area and make changes
To create text object only, click Text Box
Pg 179
© CCI Learning Solutions Inc.

36. Working with Shape Objects
Manipulating Shapes
Click drawn object to select it
To select multiple objects, click first object, press SHIFT or CTRL and click other objects
Can also select items using Select command on Home tab
Choose Select Objects to draw marquee around objects to select
Pg 180
Objective 5.2.4, 5.2.5
© CCI Learning Solutions Inc.

37. Working with Shape Objects
Handles appear around selected object
Can apply or remove as many options as desired to selected object(s)
Shapes can be manipulated in ways similar to working with text
Pg 180
Objective 5.2.4, 5.2.5
© CCI Learning Solutions Inc.

38. Working with Shape Objects
If objects to share side or point, draw first object
Increase zoom factor to see more of drawing area
Draw second object and move object so shared side or point above side or point of first object
To delete object, click object and press DELETE
Pg 180
Objective 5.2.4, 5.2.5
© CCI Learning Solutions Inc.

39. Working with Shape Objects
Customizing Shapes
Refers to anything that changes appearance of text boxes or other drawn objects
Number and type of options depend on object selected
Use square handles to resize
Use circular handle to rotate
Use yellow square to change depth or breadth
Click option in Format tab of Drawing Tools ribbon to alter appearance or position of shape
Pg 181
Objective 5.2.4, 5.2.5
© CCI Learning Solutions Inc.

40. Working with Shape Objects
Use commands in Arrange group to lay out position of shapes
If several objects to be affected at same time, group objects so they are treated as one large object
Use Size group to change height or width of shape, or use Size tab in Format Shape dialog box
Use Layout Options button at right of shape to change how text will wrap around, or how to position object with other objects or text
Click dialog box launcher button for group to display pane with more options to customize
Pg 181
Objective 5.2.4, 5.2.5
© CCI Learning Solutions Inc.

41. Using SmartArt
To create SmartArt object, click Insert tab, in Illustrations group, click SmartArt
Pg 185
Objective 5.2.2
© CCI Learning Solutions Inc.

42. Using SmartArt SmartArt Tools ribbon
Design tab displays options to modify design of SmartArt object
Format tab displays options to modify how text or shapes will appear in SmartArt object Pg
Objective 5.2.2
© CCI Learning Solutions Inc.

43. Using SmartArt Enter text directly into shapes, or use Text Pane
If small tab at left of SmartArt border, click tab to show Text Pane
Click Close to hide
Demote text by pressing TAB or promote text by pressing SHIFT+TAB
For more blocks in diagram, press ENTER on bulleted line
To move from one bulleted line to another, click line to move to, or press Up or Down key
Pg 186
Objective 5.2.2
© CCI Learning Solutions Inc.

44. Using SmartArt Manipulating the SmartArt
When SmartArt diagram drawn, make changes to individual boxes or entire diagram
Many options similar to working with pictures or shapes
Format Shape pane also provides options for shapes as well as text in SmartArt diagram
Pg 186
Objective 5.2.3
© CCI Learning Solutions Inc.

45. Lesson Summary insert and modify pictures or Clip Art
create, arrange and enhance shapes
insert and modify SmartArt diagrams
Pg 190
Briefly review what topics were covered in this lesson so students are aware of the new skills they learned. Remind students also that all the information is available in the book as a reference.
© CCI Learning Solutions Inc.

46. Review Questions
1. Explain the difference between using the Insert Pictures and the Insert Online Pictures commands. 2. Before you use an image, what do you need to consider regarding possible copyright infringement? 3. What appears when you point at a picture in the results list from Office.com? 4. Explain what an inline graphic is versus a floating graphic. 5. Discuss when or why you might want to use a drawing canvas when creating shapes.
Pg 190
As time permits, go through the questions with students, or choose to assign these for groups or homework review.
For further reinforcement of skills through practice exercises and additional review options, please go to the microsite at 2013.ccilearning.com.
© CCI Learning Solutions Inc.

47. Review Questions
6. What are the eight items around the perimeter of an object, and what are their purposes? 7. When you activate the Crop option, what are you doing to the picture you inserted from a file in the document? 8. What is the purpose of the icon? 9. What is the purpose of the square handles, the circular handle, and the yellow square when you select an object? 10. Explain what SmartArt is and when you might use it.
Pg 190
As time permits, go through the questions with students, or choose to assign these for groups or homework review.
For further reinforcement of skills through practice exercises and additional review options, please go to the microsite at 2013.ccilearning.com.
© CCI Learning Solutions Inc.