Session 7 MS Word Graphics Inserting Clipart, and Graphics Modify graphics Position graphics
Table of Contents Session 7 Working with Graphics... 1 The Toolbar... 1 Drawing Toolbar... 1 Picture Toolbar... 2 Turn Drawing Canvas Off... 2 Wrapping Text Around Pictures in Word... 3 Inserting Clip Art... 3 Inserting a Picture from File... 4 Format a Picture Layout... 5 Format using the Picture Toolbar... 5 Resize a Photo... 6 Create Drawing Object (Autoshape)... 6 Format Autoshape... 7 Use the Drawing Canvas... 9 Grouping Objects... 9 Arranging Objects... 10 Adding Text on Top (Transparency)... 11 Inserting Special Characters... 11 Activity-Illustrate a document... 12 Import a picture... 13 Change the picture size... 15 Create a Text Box... 18 Notes:... 20
Session 7 Working with Graphics The Toolbar The toolbars in Microsoft Word provide easy access and functionality to the user. There are many shortcuts that can be taken by using the toolbar. First, make sure that the proper toolbars are visible on the screen. 1. Click View 2. Select Toolbars 3. The 2 toolbar to add when working with graphic is the Drawing and Picture. 4. Other toolbars can be selected if you wish Drawing Toolbar Find the Drawing Toolbar. If you cannot see the Drawing Toolbar pull down the View menu to Toolbars and then select Drawing. The Drawing toolbar will appear on the bottom of the Window. Section 07 - Graphics.doc 1 6/13/2009
When you insert a drawing object in Microsoft Word 2003, a Drawing Canvas is automatically placed around it. The Drawing Canvas helps you arrange a drawing in your document, and it's especially helpful if your drawing consists of several more complex shapes. While you can easily delete the Drawing Canvas on a case-by-case basis (drag the drawing object outside of the Drawing Canvas, select the Drawing Canvas, and then delete it), you may wish to prevent it from being created to begin with. Picture Toolbar The picture toolbar it used to edit your own pictures or photos. You can do basic photo editing such as cropping unwanted area, adjust color, contrast and brightness. Turn Drawing Canvas Off If you wish to insert shapes or objects into your document, you can turn off the default drawing canvas. Section 07 - Graphics.doc 2 6/13/2009
1. Click Tools>Options 2. Click the General tab. 3. Uncheck Automatically create drawing canvas... Wrapping Text Around Pictures in Word People often want to add pictures to a Word document from clipart or from a file on their computer. It's a great way to enhance letters, documents, fliers, or brochures created in Word. The difficulty is that Word is a word processor (with the capability of adding graphics) and not a desktop publishing program. Desktop Publishing Programs like Publisher, PrintShop, or PageMaker make it easier to combine text and pictures, but often lack the powerful word processing tools that Word has. Inserting Clip Art To insert Clip Art, click on Picture in the Insert menu. Choose the Clip Art option to show the clip gallery. Once the gallery is displayed, browse through the folders to find an appropriate image. If you were to select the Section 07 - Graphics.doc 3 6/13/2009
Animals category, you would see only images relating to animals. Use the back button (as you would on the Internet) to view a different folder. You can also search for images using the Search feature. Type a keyword and hit the Enter key to search. Once you have located the image you want, click on it and then click the Insert button from the pop up menu. This inserts the image into your document (at the cursor location). Enter search Inserting a Picture from File Before you can insert a picture from a file, you must know where the file is located. Click Picture from the Insert menu and choose From File. Browse to locate the graphic file. Highlight it and click the Insert button, or doubleclick on the image. The picture is inserted into the document. The default formatting is called "inline with text." This means that the picture is placed in the text and moves the text around almost as if the picture is a big letter. It can be moved and centered like text. When selected, the image has a black box around it and black boxes in the corners. The picture can't be moved. Section 07 - Graphics.doc 4 6/13/2009
1. Click where you want your picture to go 2. Click Insert>Picture>from File. 3. Locate the Picture in the browse dialog box. 4. Select picture and click Insert Figure 1 Format a Picture Layout 1. Right-Click on the picture, select Format Picture 2. Click the Layout tab. Format using the Picture Toolbar The Picture toolbar will automatically appear. (If it doesn t appear, right click on the graphic and select Show Picture Toolbar. Section 07 - Graphics.doc 5 6/13/2009
Click once on the Text Wrapping button and then Select Tight. Resize a Photo To resize a photo, you can click it and use the corner boxes to resize it. Or, if you need more precision, you can use the Format Picture dialog box: 1. Right-click the picture and select Format Picture 2. In the Format Picture dialog box, click the Size tab 3. You can use the Height and Width boxes at the top to enter a size in inches 4. You can also use the Height and Width boxes in the scale section to specify the size as a percentage 5. 5. Deselect Lock aspect ratio if you don t want to retain the current width to height ratio 6. Click OK Create Drawing Object (Autoshape) 1. Click a drawing tool on the toolbar. 2. Using the tool, create a picture don t worry about exact size or placement just yet. A couple of examples of simple drawings are shown below. Note the small circles at either end of the arrow and around the rectangle and oval figures. The Section 07 - Graphics.doc 6 6/13/2009
white circles are drag handles. The colored circle is a rotational tool. See example figures on the next page. If you click anywhere else in your document the circles disappear because the figure becomes deselected. 3. More shapes are available in the Autoshapes dropdown list. If you plan to repeatedly use one of the Autoshape categories, you can drag the menu out to make it float over your document by clicking and dragging on the menu drag bar ( ) or you can place it in the toolbar section of the window to make it a separate toolbar. See the detached Basic Shapes menu at the right. Click the to close the menu. 4. To insert at object on the detached menu, click on the desired object and then click in your document to place it. Format Autoshape The Format Picture dialog box gives you many control features for your picture in one easy-to-use interface. To open the Format AutoShape dialog box do one of the following: Double-click the AutoShape. or Select the AutoShape, and then from the Format menu, select AutoShape. Section 07 - Graphics.doc 7 6/13/2009
The Colors and Lines tab in the Format AutoShape dialog box lets you control the following: The Fill Color white is the default but there are many selectable colors. Choose No Fill to make the interior of the AutoShape transparent. Transparency you can select gradients of transparency for different effects. Line Color, Style, and Dashed dropdown lists give you quick access to variations available. The Line Weight scrolling list allows you finer control over the heaviness of the line. The Arrows section allows you to vary the Style and Size of the lines and shapes used to compose the arrow. The Size tab in the Format AutoShape dialog box gives you precise control the following: Height and Width expressed in inches. Rotation of the image expressing in degrees. Height and Width expressed as a percentage of the original. Section 07 - Graphics.doc 8 6/13/2009
Note: Click the Lock aspect ratio radio button to avoid distortion of the image Use the Drawing Canvas Microsoft Word has it own integrate drawing program that work similar to other object drawing programs, such as Visio and Corel. 1. To access this software simply select View>Toolbar>Drawing. This will display the Drawing toolbar. 2. To get a blank drawing canvas: 3. Select Insert>Picture>New Drawing Sample drawing using Basic Shapes Figure 2 - Drawing Canva Grouping Objects You must select the object using contiguous select or draw a frame around the group if you are on a drawing canvas. Grouping multiply shapes together creates one shape that can be moved or sized. In the sample below we created a custom shape using 3 basic circle shapes. Section 07 - Graphics.doc 9 6/13/2009
Note: Use the shift key for contiguous selection on the free floating shapes. Arranging Objects Bring to Front Send to Back My Cooking Section 07 - Graphics.doc 10 6/13/2009
My Cooking Adding Text on Top (Transparency) Without transparency, the text box cover part of the graphic of the three circle. Click on the text box My Cooking Inserting Special Characters If you choose Symbol on the Insert menu, you will bring up the Symbol dialog, shown below. (If you have a slow system and/or one with many fonts installed. Section 07 - Graphics.doc 11 6/13/2009
Delete Clipart 1. Click the clip to select it and press the Delete key. The clip is deleted. 2. Click the Undo button on the toolbar to put the clip back in the document. 3. Click the File menu and click Save As to save your document with a new name. 4. Open the location where your student folder is saved and double-click the icon next to the student folder to open it. 5. Highlight the current name in the File name box and type my clip art exercise to replace the highlighted text. 6. Click the Save button. 7. Click the File and click Close or click the X on the menu bar to close the document. Activity-Illustrate a document In this activity, you will illustrate the The Gettysburg Address Complete this exercise now if you have time or complete it later for lab or home practice. Open a document 1. Click the File menu, then click Open button on the toolbar. 2. Open the location where your student folder is saved and double-click the icon next to the student folder to open it. 3. Double-click the Gettysburg Address.doc to open the document. Section 07 - Graphics.doc 12 6/13/2009
Import a picture 1. Click to place the insertion point at the end of the first paragraph. 2. Press the Enter key twice to set the place where you will insert the clip. 3. Click the Insert tab, then click Picture. The Insert Picture dialog box opens (see Figure 4.11). Figure 4.11 Insert Picture dialog box Note: The picture view in this example is Medium Icons 4. Open the location where your student folder is saved and double-click the icon next to the student folder to open it. Note: This opens a version of Window Explorer. Use the folder navigation pane on the left to find the picture in the Exercise Files folder. 5. Click the icon of Abe Lincoln.jpg to select it and Section 07 - Graphics.doc 13 6/13/2009
click the Insert button on the dialog box. The clip appears in your document at the insertion point. 6. Drag the handles to size the picture to fit into the document. Change the Text Wrap When you insert a new picture the default text wrap is in line with text. To change it so that the text wraps tight around the picture we can perform the following: 1. Click the Format>Picture. Click the Layout tab. 2. Click Tight 3. Click OK. Or Use the Picture Toolbar. Section 07 - Graphics.doc 14 6/13/2009
Figure 4.12 Format Picture dialog box with Layout tab selected Change the picture size 1. Click on the picture (Abe Lincoln) you inserted. A selection frame with black squares called handles surrounds the clip art. You use these handles to change the size and shape of the picture. 2. Point to one of the corner handles (don t click). After a very short pause, the pointer changes to a double-headed diagonal arrow. 3. While the pointer appears as a double arrow on the corner handle, press and hold down the mouse button and drag the handle away from the center of the clip art to make it larger. Release the mouse button. 4. Drag the handle toward the center of the clip art Section 07 - Graphics.doc 15 6/13/2009
to make the clip art smaller. Release the mouse button. 5. Place the pointer on a side handle. While the pointer is a double-arrow, repeat steps 3 and 4. The clip art contracts or expands in the direction you drag the handle but when you drag on the sides, the clip art becomes distorted. 6. Click anywhere outside the picture to deselect the clip art. The clip art selection frame disappears. 7. Click the Undo button on the toolbar repeatedly to undo the sizing changes. Save the document 1. Click the File and click Save As to save your document with a new name. 2. Open the location where your student folder is saved and double-click the icon next to the student folder to open it. 3. Highlight the current name in the File name box and type Fancy Gettysburg Address to replace the highlighted text. 4. Click the File and Save button. Activity-Create a personal letterhead You will create a letterhead for your personal letters with your name and address and a clip art picture. 1. Open Word and a New Blank Document. 2. Position the I-beam to the desired location. 3. Click the Insert>Picture, and click on Autohapes. 4. Select on the predefined shapes. Section 07 - Graphics.doc 16 6/13/2009
5. Drag and drop the shape using the mouse. 6. Note: Drag from upper left corner to lower right. 7. Click the picture to select it and click a corner handle and drag it toward the center of the picture to change the size of the picture to your liking. 8. Right-click on shape and click Insert Text. 9. Type your name and address and any other information that you would like on your letterhead. Select any or all lines of text and change the font, size and style to your liking Activity-Format the letterhead 1. Right-click the picture. 2. Click the Format>Format Autoshape. 3. Click the Color and Shading tab. 4. Click the File>Print Preview button on the toolbar to see how your letterhead will look. 5. Click the File, then click the Close button on the toolbar to return to the document in order to make any adjustments to Font, Font size and picture size. Note: You may want to move the picture to the left side of the page and right-justify your name and address. Section 07 - Graphics.doc 17 6/13/2009
Create a Text Box Producers Consumers 1. Click on the Text Box icon on the Drawing Toolbar. 2. Drag and draw a text box on the left side of the document lower than the sun, but higher than the arrows. 3. Type the word Producers in the text box. 4. Drag and draw a text box on the right side of your document lower than the sun, but high than the arrows. 5. Type Consumers in the text box. 6. De-select the text box by clicking a blank part of the document. Save the document 1. Click the File and click Save As to save your document with a new name. 2. Open the location where your student folder is saved and double-click the icon next to the student folder to open it. 3. Highlight the current name in the File name box and type My Letterhead to replace the highlighted Section 07 - Graphics.doc 18 6/13/2009
text. 4. Click the Save button. Section 07 - Graphics.doc 19 6/13/2009
Notes: Section 07 - Graphics.doc 20 6/13/2009