Lesson 6: Working with Illustrations

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.

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.

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.

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.

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.

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.

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.

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

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 164-165 Objective 5.3.4 © CCI Learning Solutions Inc.

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.

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.

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 165-166 Objective 5.3.7 © CCI Learning Solutions Inc.

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.

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.

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.

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 167-168 © CCI Learning Solutions Inc.

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.

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.

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 168-169 © CCI Learning Solutions Inc.

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.

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.

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 170-171 Objective 5.3.6 © CCI Learning Solutions Inc.

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.

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.

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.

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.

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 173-174 Objective 5.3.2, 5.3.3 © CCI Learning Solutions Inc.

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.

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 174-175 © CCI Learning Solutions Inc.

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.

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 178-179 Objective 5.2.1 © CCI Learning Solutions Inc.

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.

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.

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.

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.

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.

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.

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.

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.

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

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 185-186 Objective 5.2.2 © CCI Learning Solutions Inc.

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.

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.

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.

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.

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.