This tutorial describes how to create an animated flowchart and add it to an existing slide show. You can either add an animated flowchart to a slide show as you're creating it, or instruct your students to add animation as part of the lesson later—depending on your curriculum objectives and the age of your students. In this example, you'll create an animated flowchart that demonstrates the function and process of the digestive system. Before beginning this lesson, students research their chosen human body system and locate, copy, and save images to be used in the presentation.
View the sample flowchart in the box to the right before you get started. To Create a Template for Content to Appear on All Slides:Because you'll be using the same diagram of the human body on each of the slides, you'll insert this diagram on the Slide Master. The Slide Master is a template that enables content to appear on all of the slides in the presentation. 1. | Open PowerPoint. | 2. | On the View menu, click Master, and then click Slide Master.

Note: The Slide Master has a template automatically created for your use, but for this exercise, you'll customize your own template to accompany your slide show. | 3. | Drag the pointer from one corner of the slide to the diagonally opposite corner to select all items on the slide, and then press the Delete key. You will now have an empty Slide Master to work with. | 4. | On the Drawing toolbar, click Text Box, and then create a text box across the top of your slide by dragging the pointer. | 5. | In the text box, type the title of your slide show presentation. The example uses the title Digestive System. | 6. | Click the slide anywhere outside the text box. On the Insert menu, point to Picture and then click From File. | 7. | Locate your saved image of the human body, select it, and then click Insert. | 8. | Click an image and adjust its size and position by dragging its resizing handles. 
|
Creating the flowchartTo create a flowchart to show how the digestive system operates, we must put the information together in a meaningful way. To do this, follow these steps: 1. | On the View menu, click Normal. | 2. | In the Slide Layout task pane under Content Layouts, click the Blank layout, which is outlined in grey in the following illustration.
Note: If you do not see the Slide Layout task pane, on the View menu, click Task Pane. You can then see a list of all available task panes by clicking the down arrow at the upper-right corner of the task pane.
Your first slide will automatically display the text and image that you inserted on the Slide Master. 
| 3. | On the Drawing toolbar, click Text Box, and then draw a text box on your slide by dragging the pointer. | 4. | On the Format menu, point to Alignment, and then click Center. | 5. | Click the edge of the text box to select it, and then, on the Format menu, click Text Box. | 6. | Click the Colors and Lines tab, and then, in the Color list under the Line section, click a color that will clearly outline your text box. | 7. | Click OK. | 8. | Click the edge of the text box to select it, and then, on the Edit menu, click Copy. | 9. | Point to the slide, and then, on the Edit menu, click Paste. | 10. | Reposition the pasted text box in a column by clicking its edge and dragging it. | 11. | Repeat steps 9 and 10 to continue pasting and repositioning as many text boxes as will be needed for your flowchart. | 12. | In each text box, from the top of the column to the bottom, type the sequential steps in your flowchart. |
Adding arrows to indicate the process flowTo illustrate the relationship between each stage in the process, you are going to draw arrows to link the text boxes in your flowchart. 1. | On the Drawing menu, click AutoShapes, click Connectors, and then click the Straight Arrow Connector. 
| 2. | Draw the arrow on the slide by clicking and dragging from the bottom of the first text box to the top of the second text box. | 3. | While the arrow is still selected, on the Edit menu, click Copy. | 4. | On the Edit menu, click Paste. A copy of the arrow will appear on the slide. | 5. | Drag the copied arrow so that it links the second and third text boxes. | 6. | Repeat steps 4 and 5 to continue pasting and repositioning as many arrows as necessary to link all the text boxes. 
|
Creating the slides that explain the flowchartYou have now created a Slide Master and the first slide of your presentation. Now it's time to add the information slides that will explain more about each step of the process. 1. | In the Slide Layout task pane, click the arrow next to the Blank layout, and then click Insert New Slide.

| 2. | On the Slides tab, click Slide 1 to return to the first slide in your presentation. 
Select the entire flowchart by dragging the pointer from one corner to the diagonally opposite corner. 
| 3. | On the Edit menu, click Copy. | 4. | On the Slides tab, click the second slide, and then, on the Edit menu, click Paste. The flowchart is now copied onto the second slide. | 5. | Click the edge of the first text box in your flowchart to select it, and then, on the Drawing menu, click the arrow next to Fill Color. | 6. | Click a color to fill the first text box with that will draw the audience's attention to that step in the flowchart. | 7. | On the Drawing toolbar, click Text Box, and then draw a text box on the slide by dragging the pointer. | 8. | In the new text box, type information that explains the function and process of the first step of your flowchart. |
Inserting Clip ArtBecause your diagram doesn't include a mouth, you are going to insert one from Clip Art. 1. | On the Insert menu, click Picture, and then click Clip Art.

| 2. | In the Clip Art task pane, in the Search for text box, type the subject of your search, and then click Search. The example uses mouth in the Search for text box. | 3. | Click to select the image that you want to insert. The image will be inserted in your slide. | 4. | Resize the image by clicking it and then dragging the resize handles. | 5. | Reposition the image where you want it on the slide by dragging it. 
| 6. | Repeat the two previous procedures to create a slide for each step in the flowchart. |
Animating the slideYou are going to use the animate feature in PowerPoint to demonstrate the route that food takes at each stage of digestion. To do this, you are going to create a colored line that represents food, and then animate this line to illustrate the path of the food as it travels though the digestive system. On the Slides tab, click the slide where you want to add animation. The example uses the slide with the text box that has esophagus filled in with color. 1. | On the Drawing toolbar, click Line, and then draw a line by dragging the pointer on the slide. The example uses the line to represent the path that food takes down the esophagus. | 2. | To color the line, on the Drawing toolbar, click the arrow next to Line Color, and then click to select a bright color that can be seen easily on your slide. | 3. | To widen the line, on the Drawing toolbar, click Line Style, and then click to select a width to suit your preference. The example uses dots instead of an unbroken line to represent food. | 4. | On the Drawing toolbar, click Dash Style, and then click to select the type of line that you would like to use. | 5. | After you have made your changes to the line, click it to select it. | 6. | On the Slide Show menu, click Custom Animation. | 7. | In the Custom Animation task pane, click Add Effect, click Entrance, and then click More Effects.

| 8. | In the Add Entrance Effect dialog box, click to select and preview an animated effect. Effects will be previewed as you click them. | 9. | After you have chosen a suitable entrance effect for your line, click OK. This effect is now recorded in the Custom Animation task pane. 
| 10. | To adjust when the effect begins, click the arrow next to the Start box, and then click an option in the list. | 11. | To adjust the speed at which an effect occurs, click the arrow next to the Speed box, and then click an option in the list. | 12. | Preview your slide show by pressing F5. |
Creating effects that simulate motion along a pathTo make the food look like it's traveling down the esophagus, you will add a Motion Paths effect, which creates the effect that motion is occurring along a chosen path. On the Slides tab, click the slide where you want to add a Motion Paths effect. The example uses the slide with the text box that has esophagus filled in with color. 1. | On the Drawing toolbar, click Line, and then draw a line by dragging the pointer on the slide. The example uses the line to represent the path that food takes down the esophagus. | 2. | On the Drawing toolbar, adjust the color, width, and type of line to suit your preferences. | 3. | Click to select the line and then, while the line is selected, on the Slide Show menu, click Custom Animation. | 4. | In the Custom Animation task pane, click Add Effect, click Motion Paths, click Draw Custom Path, and then click Line.

| 5. | Draw the line along which you want the Motion Paths effect to occur by dragging the pointer on the slide. You can adjust either the original line or the line of the Motion Paths effect by clicking a line and then dragging the round resize handles at either end. 
| 6. | In the Custom Animation task pane, click Play to see the Motion Paths effect occur. In the example, the line of yellow dots drawn to represent the food will now 'slide' down the esophagus. For the stomach and intestines, you want to be able to draw a curved path for the food to follow. To do this, you will first need to create a small oval shape to represent the food at this stage of digestion. | 7. | To create the small oval shape to which you will add a different Motion Paths effect, on the Drawing toolbar, click Oval, and then create the oval by clicking the slide. | 8. | Resize the oval and make it smaller by dragging the resize handle in one corner diagonally toward the opposite corner. | 9. | While the oval is still selected, on the Format menu, click AutoShape. | 10. | Click the arrow next to the Color box, click to select a color for your oval, and then click OK. | 11. | While the oval is still selected, on the Slide Show menu, click Custom Animation. | 12. | In the Custom Animation task pane, click Add Effect, click Motion Paths, click Draw Custom Path, and then click Scribble.

| 13. | To adjust the speed and timing that you want for an effect, in the Custom Animation task pane, click to select the effect in the box that displays a list of all effects in a presentation. | 14. | To adjust when the effect begins, click the arrow next to the Start box, and then click an option in the list. | 15. | To adjust the speed at which an effect occurs, click the arrow next to the Speed box, and then click an option in the list. | 16. | Continue adding custom animation features to the rest of your slides. |
© 2004 Microsoft Corporation. All rights reserved. This tutorial is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS SUMMARY. Companies, names, and/or data used in screens and sample output are fictitious, unless otherwise noted. Microsoft and Encarta are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. The names of actual companies and products mentioned herein may be the trademarks of their respective owners.
| |