USC Marshall School of Business. PowerPoint Animation Animation & Hyperlinks. Academic Information Services

Transcription

1 USC Marshall School of Business Academic Information Services PowerPoint Animation Animation & Hyperlinks ABOUT POWERPOINT ANIMATION... 3 THE CUSTOM ANIMATION ENVIRONMENT - OVERVIEW... 4 CUSTOM ANIMATION BASICS - OVERVIEW... 5 Effect Used - Animation Categories... 5 Order The Sequence Multiple Animations on the Same Slide Occur... 5 Start the Animation What Sets Off the Effect... 6 ANIMATING A SIMPLE OBJECT - WALKTHROUGH... 7 Start Chain of Animations with One Click Using After Previous... 8 ANIMATION EFFECT OPTIONS... 9 Direction... 9 Speed... 9 Amount of Spin... 9 Size Changes... 9 Change Color... 9 USING THE ADVANCED TIMELINE TO SET DELAYS Example USEFUL TECHNIQUES Assign Effects to Multiple Objects Simultaneously Copying an Object Copies Its Animation Effects Turn Off Advance Slide On Mouse Click Animating Groups Animations Start Automatically as Soon as the Slide Displays MOTION PATHS ARROW POINTS TO COLUMN ON CHART Adjusting the Motion Path Other Motion Paths MOTION PATHS - PAN THE BACKGROUND Pan the Background & the Balloons ANIMATING BULLETS MAKING MAIN LEVEL BULLETS APPEAR ONE-BY-ONE MAKE ALL BULLETS APPEAR ONE-BY-ONE (SUB BULLETS ALSO) PREVIOUS BULLET GETS DIMMER CURRENT BULLET LIGHTS UP CHECK OFF A TO-DO LIST SYNCHRONIZE BULLETS WITH IMAGES Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 1 of 61

2 SYNCHRONIZE BULLETS AND IMAGES VIEW ONLY ONE IMAGE AT A TIME CURRENT BULLET AND IMAGE CHANGES COLOR HIGHLIGHT AN IMAGE - SEMI-TRANSPARENT OVERLAYS HIGHLIGHT A TABLE CELL - SIMI-TRANSPARENT OVERLAYS EMPHASIS EFFECT EXPAND PART OF AN IMAGE ANIMATING A CHART - COLUMN Steps to Animating a Column Chart CONVERT A CHART INTO INDIVIDUAL SHAPES ANIMATING SMARTART ANIMATING A SMARTART PICTURE LIST ANIMATE A SMARTART PYRAMID CONVERT SMARTART INTO INDIVIDUAL OBJECTS INTERACTIVE ANIMATIONS USING TRIGGERS Part A Place all Objects on your Slide Part B Animate the Buttons Part C Animate the Images Part D Make the Buttons Trigger the Images TRIGGER EXAMPLE - ANIMATED OBJECT IS ITS OWN TRIGGER Alternate Approach - Button is Replaced with an Answer TRIGGER EXAMPLE - JEOPARDY INTERACTIVE SLIDE SHOWS - HYPERLINKS Creating a Hyperlink HYPERLINKS - IMAGE HOT SPOTS ANIMATING FROM THE MASTER - QUICKLY ANIMATE MULTIPLE BULLET SLIDES Modify Animations from the Slide Master for Just One Specific Slide MAKING A PRESENTATION MENU HYPERLINKS IN THE MASTER - CLICKABLE MENU USING LAYOUTS MAKING A PROGRESS INDICATOR MENU SELF RUNNING SLIDE SHOW WHICH LOOPS Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 2 of 61

3 ABOUT POWERPOINT ANIMATION In PowerPoint, animation refers to making an object do one of the following: Appear on the screen. Disappear from the screen. Move around on the screen. Change its appearance. (Color, size, blink, etc.) Any object you can select, you can animate. This includes images, text, bullets, charts, and shapes you have drawn. Animations Click this tab to display the animation & transition tools. Animate & Custom Animation These options allow you to animate objects within a slide such as an image or bulleted lists. It is what is covered in this handout. Transition Effects These options affect who the entire slide initially appears during a slideshow. It is covered in the Beginning PowerPoint handout and will not be covered here. Animate Multiple Slides or Single Slides You can assign animations to slides on a slide-by-slide basis or to multiple slides simultaneously. Assign Animation to Multiple Slides Assign animation from the Slide Master if you wish to animate multiple slides simultaneously. For example, animate all bulleted lists at once. Note that options are limited using this method. Animate Slide by Slide Assign animation from Normal view to animate objects on a slide by slide basis. Use this method when slides are dissimilar or you want more intricate animation options. Select the Object to Be Animated Regardless of whether you are in Normal or Slide Master view, before you can assign an animation to an object, you must first select the object. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 3 of 61

4 THE CUSTOM ANIMATION ENVIRONMENT - OVERVIEW This section is an overview of how the Custom Animation pane works. 1. Select an object such as a circle or image. 2. Click the Animations tab. 3. Click the Custom Animation button to display the Custom Animation pane. Add Effect (Use to Assign Animation) Use this button to assign an animation effect to the selected object. Remove (Use to Remove Animation) If the selection dots are on the object, this will remove all animations from the selected object. If you click the effect on the list, then just that effect will be removed from the object. The object s other effects stay. Start (Activator) This is what activates the currently selected animation effect. It can be a mouse click, or it can start automatically at the same time as or after the previous animation effect. Animation Order This lists every animation effect that exists on the current slide in the order the effects occur. Note that the numbers on the objects correspond with the numbers on the list. To change the animation order, either use the Re-Order buttons or drag the animation effect up or down. Editing an Individual Effect If you click a specific effect on the animation list, your options will change slightly to allow you to modify an effect you have assigned. Add Effect will become Change to allow you to change the currently selected effect to something else. For example, change fade-in to appear. You will also be able to modify the Direction and Speed of the selected effect. Note that these options will change depending upon the type of effect you assigned. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 4 of 61

5 CUSTOM ANIMATION BASICS - OVERVIEW When you animate any object, there are three aspects you need to be most concerned about: Effect Used This will determine what the object does (i.e. appear, disappear, move, change color, etc.) Order This is the sequence different animation effects on the same slide occur. Activation This is what sets off the effect. (Do you have to click your mouse? Should it start at the same time the pervious animation starts? Should it start after the previous effect ends? ) 1. Create and then select an object such as a circle or image. 2. Click the Animations tab. 3. Click the Custom Animation button to display the Custom Animation pane. Effect Used - Animation Categories When you assign an animation effect to an object, there are four categories to select from. Note that you can assign multiple effects to the same object. Entrance Effect Make an Invisible Object Suddenly Appear Use an Entrance effect when you wish the object to initially be invisible and then to appear later. The effects under Entrance determine cosmetically how the object will initially appear on your screen. For example, it can fade in, fly in, appear, wipe, etc. You might use an entrance effect when you wish your bullets, images, or bars on a bar chart to appear one by one. Emphasis Effect Make an Already Visible Object do Something to Get Noticed (or not get noticed!) Use an Emphasis effect when you wish an object which is already visible to get noticed. For example, you may wish it to change color, shrink, grow, or blink. For example, when you go on to the next bullet, you wish the previous one to become faint. Exit Effect Remove an Object from the Screen Use an Exit effect when you wish to remove an object from the screen. For example, you wish a circle to disappear from around the top of a bar or you wish an image to disappear prior to going on to the next one. Motion Paths Move an Object Use Motion Paths when you wish an object which is already visible to move somewhere else on the screen. You can move objects in any direction along a straight, curved, or freeform path. Order The Sequence Multiple Animations on the Same Slide Occur When you assign multiple effects to the same object or effects to different objects on the same slide: Animation will occur in the order you assigned the effects on the slide. If you need to change that order, use the animation list on the Custom Animation pane. This list is in the order the animation occurs. To change the order, drag the effect you wish to reorder up or down on the list. Alternately, you can use the green Re- Order buttons to change animation order. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 5 of 61

6 Start the Animation What Sets Off the Effect When you assign an animation effect, by default you have to click your mouse to activate the effect during the slide show. However, there are other activators which are also very useful. The four activators available are: On Click With Previous After Previous Triggers On Click Clicking the Mouse (or pressing Enter) Triggers the Effect This is the default. To activate the effect during a slideshow, you must either click your mouse or press one of the next keys on your keyboard such as Enter or your Spacebar. This is useful when you want manual control over when the effect occurs. No Icon With Previous Effect Starts when the Previous Effect Starts This ties the current effect with the previous effect s activator. For example, you have two effects. The first is set to on click and the second is set to with previous. When you click to make the first effect occur, the second one occurs at the same time. This is useful when you have multiple objects and you want them to behave in unison (i.e. appear, disappear, etc.). Note that you can set the second effect to have a delay. After Previous Effect Starts when Pervious Effect Ends This also ties the current effect with the previous effect s activator but, instead of starting at the same time, the current effect will not start until its predecessor has completed its effect. Note that you can also set a delay time so that the event does not start until well after the previous has finished. This is useful when you have a chain of events you want to occur but you don t want to have to keep clicking for the next effect. If you did want a Delay : a. Click the down arrow next to the item on the list. b. Select Timing. c. Specify the Delay. Triggers Animation Starts when you Click Another Animated Object You won t find this one under Start. It is buried under Effect Options on the Timing tab. Triggers allow you to start an animation effect by clicking another animated object that you have setup as the trigger. Triggers are useful for making interactive slideshows. This example shows an object with three different activators. Note that the leftmost icons differ. The first effect is activated On-Click. The second effect is set to start With Previous The third affect is set to start After Previous Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 6 of 61

7 ANIMATING A SIMPLE OBJECT - WALKTHROUGH This exercise will walk you through the steps of animating a circle. Specifically, we will do the following: A. Make it appear (Entrance Effect). B. Make it change color (Emphasis Effect). C. Make it disappear (Exit Effect). 1. Use the Shapes icon under the Insert tab to draw a circle. 2. Click the Animations tab and then click Custom Animation. 3. Select the circle. Part A: Assign the Entrance Effect With the circle still selected: a. Click the Add Effect button. b. Hover over Entrance. c. Select an entrance effect (we selected Appear.). Part B: Assign the Emphasis Effect With the circle is still selected: a. Click the Add Effect button. b. Hover over Emphasis. c. Click More Effects d. Select Change Fill Color. e. Use the Fill Color drop down to specify the desired fill color. Part C: Assign the Exit Effect With the circle is still selected: a. Click the Add Effect button. b. Hover over Exit. c. Select an Exit effect (We chose Blinds.) Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 7 of 61

8 Your Custom Animation list should resemble the one shown below. Note that you must start your slide show to see an accurate demonstration of the animations. Note that the numbers on the list correspond with the numbers on the object. However, not all numbers will display on smaller objects as indicated by the 2... Change Activator Note that all the animations have mice next to them. This indicates you have to click your mouse to activate each animation. If you want to change the activator, click an item from the list and then click the Start drop down. Change Animation Order The list is in the order the animations occur which is typically the order you assigned them. You can change the order by dragging a list item up or down. Edit or Remove a Specific Effect If you wish to edit, change, or remove a specific animation effect, you must click the effect from the list first. This will display the options needed. Start Chain of Animations with One Click Using After Previous In our example above, we have to click to activate each animation effect. We will now change this so that we have to click just once to start the chain of events. The next effect will begin once its predecessor is complete. a. Leave the first animation (1) at On Click. We want to have to click our mouse to start the chain. b. Select the second animation on the list (2). Set Start to After Previous. c. Select the third animation on the list (3). Set Start to After Previous. Note that the numbering for effects 2 & 3 has vanished and that they have clock icons now. An effect is only numbered if it must be clicked to activate. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 8 of 61

9 ANIMATION EFFECT OPTIONS The option you can set depends upon the animation effect you assigned. The options will change as you click different effects on your list. Direction For animation effects that can have a direction such as Wipe or Fly-in, you can set the direction of the effect. Choices range from Top, Bottom, Left, Right, Across, Down, etc., depending on the type of effect. Speed This is available for most of the animation affects, it allow you to specify how fast the animation takes place. Note that the size of your presentation, and the CPU and memory on the computer you are using will also affect your animation speed. Speeds available range from Very Slow to Very Fast. Amount of Spin For objects that spin, you can set how much spin there should be and whether it should be clockwise or counterclockwise. Note that you can usually find more options by clicking the effect s drop down arrow from the effects list. Size Changes For effects which change the size of an object, you can specify how much larger or smaller the object should be. Click the Size drop down to specify the percent change. Change Color For effects which change the color of an object, you can specify the color it should change to by clicking the Fill Color drop down. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 9 of 61

10 USING THE ADVANCED TIMELINE TO SET DELAYS If you have several animations which are chained together to occur automatically, you may wish to set a delay between the different effects. For example, after the first effect finishes, wait 5 seconds before starting the next. By default, there is no delay. There are a couple of methods you can use to set delays, using the Advanced Timeline is perhaps the quickest when working with multiple effects. Example In the example below, we have 3 images, each with its own entrance effect. Animation is setup in such a way that if we click the mouse just once, Casper will appear then Bugs, then Daffy. (We have setup Bugs and Daffy to Start After Previous ). We want a slight delay between Casper and bugs. 1. Display the Custom Animation window ( Animations Custom Animation ) 2. Click any of the effect s drop down arrows and select Show Advanced Timeline. See the illustration below for instructions on how to use the Advanced Timeline. Delay Time Gaps between bars indicate a delay time - the wider the gap, the longer the delay. You can change the gap width by either method below: Sliding the bar left or right. This will change the delay time without affecting the animations duration. Place your mouse in the middle of the bar to slide it. The double headed arrow indicates a slide. Adjusting the effect s duration. Place your mouse at the end of a bar and drag left or right. The resize symbol should appear. Animation Duration The length of the bar indicates the duration of the effect (i.e. Speed). Place you mouse at the end of a bar and drag horizontally to change the duration. The mouse will appear as a resize symbol when you have it in the correct area. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 10 of 61

11 USEFUL TECHNIQUES Assign Effects to Multiple Objects Simultaneously If you have several objects on the same slide that are to be assigned the same animation effect, you can select all the objects involved and then assign the effect to all at once. 1. Hold down CONTROL while clicking each object. 2. Use the Add Effect button as usual. Note that you may have to reset the trigger effects. Copying an Object Copies Its Animation Effects When you copy an object which has been animated, its effects are copied too. Turn Off Advance Slide On Mouse Click If you have an interactive slideshow such as the one covered on the next few pages, if you click one of your buttons and miss, PowerPoint may advance you to the next slide. To prevent this, you may wish to uncheck On Mouse Click under Animations. Note that you will still be able to press Page Down to go to the next slide or use the icons in the slideshow s lower left corner. Animations Start Automatically as Soon as the Slide Displays If you want the animation to start playing as soon as you go to the slide, set the trigger for at least the first animation effect to Start with Previous. Animating Groups Animation and Grouped Objects works as follows: You can animate a group of objects. You cannot animate individual pieces of a group without affecting the entire group. If you ungroup an grouped object which has been animated, your animations will be removed. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 11 of 61

12 MOTION PATHS ARROW POINTS TO COLUMN ON CHART Motion Paths are used to move objects on your screen. You can move them in any direction along any path you desire. The steps below cover how to use Motion Paths. In this example, we wish to have an arrow fly in and point to our highest bar on our chart. 1. Create a chart. (See the Charts handout if you don t know how to make a chart or just draw any object you would like to point to.) 2. Click the Insert tab and select Shapes. 3. Click one of the Block Arrows. 4. Click and drag across your screen to draw an arrow. 5. Use the green rotate handle to point it in the desired direction. 6. Zoom out. 7. Drag the arrow off the slide. (We want the arrow to appear to be flying in from off the screen. We could combine an entrance effect with a motion path but that is more work.) 8. Display the Custom Animation pane. ( Animations then Custom Animation ) 9. Click the arrow to select it. 10. Click Add Effect. 11. Highlight Motion Paths. 12. Highlight Draw Custom Path. 13 Click Line. 14. Click and drag a line across your screen. Your arrow will follow the path your draw. Note that the effect will show up on your custom animation list. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 12 of 61

13 Adjusting the Motion Path The object you are animating will follow the path you have drawn. It will start at the green triangle and stop and the red triangle. Adjust the Start or Stop Point To move the starting or stopping position, click and drag the appropriate triangle by the white dot. Starting Point (Green Triangle) Adjust the Path s Angle Click & drag one of the white dots on either end of the path. Move Arrow & Path If you click and drag the object you have added a path to, both the object and the path will move together. If you want to move just the path, drag by the path. Stopping Point (Red Triangle) Other Motion Paths There are numerous methods of creating a motion path. You can draw your own or you can use one of the preset motion paths. There are preset paths you can select from under More Motion Paths. More Motion Paths Line Allows you to draw a straight line by clicking and dragging your mouse. Curve Allows you to make a curved line. Do not click and drag. Click every time you want a turning point. Double click to stop drawing. Freeform Allows you to draw any shape. Move and click to make straight lines with sharp angles. Click and drag to draw like a pencil. To stop drawing, either double click or click your beginning point. Scribble - Allow you to draw in a pencil like fashion. Click and drag to draw. Let go of the mouse to stop drawing. Remove a Custom Path You can remove a motion path effect just as you would remove any animation effect - by clicking the effect on the list and then clicking the Remove button located on the Custom Animation list. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 13 of 61

14 MOTION PATHS - PAN THE BACKGROUND In the previous example, we covered how you can assign a motion path to an object to make fly across the screen. In this section, we will make an object look like it is rising - not by animating the object but by animating the background image behind the object. It makes for an interesting effect and you can make the object look like it is traveling a further distance because the range of apparent object movement is not limited by the height of the slide but by the length of your image. Motion Path of Image Image behind object Slide Stationary object 1. Insert a new, blank slide. 2. Display the Custom Animation pane ( Animations Custom Animation ). 3. Zoom out to perhaps 25% depending upon the size of your image. 4. Insert an image and make it much taller than your slide. (See above). (You may need to crop and stretch it.) 5. Place an object on top of the image. (In the example above, we used balloons.) 6. Click the image to select it. (i.e. the background image not the balloons). 7. Click Add Effect. 8. Click Motion Paths. 9. Click Down. 10. Select the animation s speed. 11. Run your slideshow. Your image may not travel the full range that you desire. See the next page on how to adjust the motion path. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 14 of 61

15 Move the stop triangle to adjust how far the image travels. Be careful not to move it left or right or your image will move left or right during your slide show. Make sure the path stays perfectly vertical or your image will travel at an angel. Pan the Background & the Balloons When you run your slideshow, the balloons are visible from beginning to end. They seem to travel from the bottom of the image to the top of the image. If you would like your balloons to start from off the screen and then fly, you can animate them as well using an upwards motion path. 1. Click the stationary object (i.e. the balloons). 2. Click Add Effect Motion Paths Up. 3. Set the animation Speed. 4. Drag the balloons to just below the slide. 5. Click the balloons on the animation list. 6. Set Start to With Previous. 7. Run your slideshow Make adjustments to the path, speed, and initial location of the balloons as desired. Note that you can pan a background image in any direction. For example, if you had a wide image, you could pan from left to right. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 15 of 61

16 ANIMATING BULLETS There are a lot of effective animations you can apply to bullets. We will cover the following: Making Bullets Appear by Main Level Bullets. Making Sub-Bullets Appear One-by-one. Making Check Marks Appear (Checking Off a To-do List). Making Bullets Appear and then Fade Out when no Longer Current. Synchronizing Bullets with Images. Synchronizing Bullets with Images and Emphasizing the Current Image with Color. See page 54 for instructions on how to animate all bullet slides at once. MAKING MAIN LEVEL BULLETS APPEAR ONE-BY-ONE In this example, we will make our bullets appear one-by-one. If you have any indented bullets, they will appear at the same time their parent bullet appears. We will save ourselves a little time by using one of the preset animations. 1. Create your bulleted list. 2. Click anywhere within the box containing your bullets. Do not highlight text. 3. Click the Animations tab. 4. Click the Animate drop down arrow. 5. Select any of the By 1 st Level Paragraphs you wish. 6. Run your Slideshow. Note that the Animate button simply makes predefined settings for you in the Custom Animation pane. You could have done this through custom animation. You can also make changes here as well. Click the double headed drop down arrow to expand the list and view the hidden animation steps. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 16 of 61

17 MAKE ALL BULLETS APPEAR ONE-BY-ONE (SUB BULLETS ALSO) By default, sub-bullets appear simultaneously with their parent bullet. (The default is By 1 st Level Paragraphs.) If you want your sub-bullets to appear individually, you will need to set your bullet chart to appear By 2 nd Level Paragraphs. 1. Click the Animations tab and then click Custom Animation. 2. Click anywhere inside the borders of your bullet s text box. 3. Click the dropdown arrow to the right of your bullet in the Custom Animation pane. (If you have expanded your list, any one will work.) 4. Click Effect Options. 5. Click the Text Animation tab. 6. Set Group Text to By 2 nd Level Paragraphs. 7. Click OK. 8. Run your slideshow. Your sub-bullets should appear one-by-one. Note that if you had indented three levels, you would select By 3 rd Level Paragraphs. If you had indented four levels, you would select By 4 th Level Paragraphs and so on. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 17 of 61

18 PREVIOUS BULLET GETS DIMMER In this example, our bullets will appear one-by-one when we click our mouse. When we click to go on to the next bullet, the previous one will automatically change to a dimmer color. This type of animation helps your audience keep track of where you are in the list. In the example to the right, we have already covered Toyota and Chevrolet and are currently discussing Honda. The completed animation list looks as shown to the left. Each bullet is given an entrance effect (green stars) and is immediately followed by the emphasis effect of Change Color. ( A with rainbow bar). Adding the Entrance Effects 1. Click the Animations tab and then click Custom Animation. 2. Click anywhere inside the borders of your bullet s text box. 3. Click Add Effect. 4. Click Entrance and an entrance effect (Appear for example). We have to click to get the first bullet. The remaining clicks are assigned to the Emphasis effects. When we click to make a bullet fade, the next bullet appears automatically because we set its activation to After Previous. Adding the Emphasis Effects (i.e. Fading) 5. Click anywhere inside the borders of your bullet s text box. 6. Click Add Effect then Emphasis. 7. Select Change Font Color. (It may be under More Effects) 8. Use the drop down arrow to specify the color you wish to change to. Setting the Animation Order 9. Use the reorder buttons to move each bullet s emphasis effect under its corresponding entrance effect. Note that they are labeled. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 18 of 61

19 Specify What Activates the Effects We don t want to have to click for every entrance effect and every emphasis effect so we will setup up our animations so that when you click to go on to the next bullet, the previous will fade out and the next one will appear with one click. 10. Click the entrance effect (green stars) for Chevrolet Cobalt. 11. Hold down the CONTROL key on your keyboard. (We will save time by assigning them both at once). 12. Click the entrance effect (green star) for Honda Civic. 13. Click the Start drop down and select With Previous. 14. That s it - run your slide show! Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 19 of 61

20 CURRENT BULLET LIGHTS UP In this example, all bullets are gray and visible when the slide initially loads. As you click to move through the bullets, the current bullet changes to a color. We will do this by using the Change Font Color emphasis effect. Step A: Create the Side & Format the Bullet Text 1. Create the bulleted list. 2. Right click the frame around the bulleted text and use the Font Color drop down to select gray or another washed out color. Step B: Animate the Bullet Text to Change to a Bright Color In this section, we will animate the text and select the color it will change to. 3. Click anywhere within the borders of the bulleted text. 4. Click Add Effect Emphasis Change Font Color. (You may have to look in More Effects for this.) 5. Select a color you want to change to using the Font Color drop down. 6. Set Speed to Very Fast. Step C: Animate the Bullet Text to Change Back to Gray When we go on to the next bullet, we want the previous one to turn back to gray. 7. Click anywhere within the borders of the bulleted text. 8. Click Add Effect Emphasis Change Font Color. (You may have to look in More Effects for this.) 9. Click the Font Color drop down and select the color gray (or some other washed out color). 10. Set Speed to Very Fast. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 20 of 61

21 Step D: Set the Animation Sequence and Specify the Activation Method At the moment, you have two sets of animation: The first set changes the bullets to a color and the second set changes them back to grey. We now need to change the animation order and set what activates the animations. This group of animation changes bullet text to a color. This group of animation changes bullet text back to gray. 11. Drag each grey effect from the bottom section and place it directly beneath its corresponding color effect. Tip: If you mixed up as to which effect turns an item to a color and which turns it gray, click an item on the list and look at the Font Color box. 12. Leave the activation of the first non grey effect at On Click. 13. Set the Start of all other non grey activations to With Pervious. (When we click to go onto the next bullet, the current bullet will grey out and the next bullet will become color.) That s it run your slideshow to test it out! Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 21 of 61

22 CHECK OFF A TO-DO LIST You can use this technique to check off a list of goals. When you click your mouse, the next item is checked (or not if you didn t attain your goal.) Alternately, you could mark unachieved goals with a red x rather than a check mark. This is achieved by first creating a bulleted list that uses hollow boxes. Then, you superimpose a text box which contains check marks over the boxes and animate the check marks. Step A: Create the Bulleted List & Change Bullets to Hollow Boxes 1. Create a bulleted list of your items. 2. Click the frame around the bullets to select the entire list. 3. Click the Home tab. 4. Click the Bullets drop down arrow. 5. Select the image of the square hallow boxes. Step B: Creating the Check Marks 6. Click the Insert tab. 7. Click the Text Box button. 8. Click on your screen away from your bulleted list. 9. With your cursor inside the text box, click the Symbol button. 10. Change the Font to Wingdings Click the Check Mark symbol. 12. Click Insert as many times as you have bullets (4 in this example) Step C: Remove Unwanted Check Marks At this point you may need to widen your check box to see all the checks. 13. To the right of each check, press ENTER. This will place them on separate lines. 14. Delete symbols for boxes which don t get checked. Leave the gap where the check would be. * * If you intend to use a red X for unattained goals, insert that symbol where the blank is. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 22 of 61

23 Step D: Format & Position the Check in the Boxes 15. Drag the checks so they are near the boxes. 16. Click the Home tab. 17. Use the font size arrows to adjust the size of the checks until they line up in the boxes. Step E: Animating the Check Marks 19. Click the Animations tab and then Custom Animation. 20. Click the border around the check marks to select them. 21. Click Add Effect. 22. Click Entrance and then Appear. 23. Click the drop down arrow for the effect on your effects list. 24. Select Effect Options. 25. Click the Text Animation tab. 26. Set Group Text to By 1 st Level Paragraphs. 27. Click OK. That s it Run your slideshow! Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 23 of 61

24 SYNCHRONIZE BULLETS WITH IMAGES In this example, we will make our bullets appear one-by-one as we did earlier; however, we will also synchronize images with our bullets. When the bullet text appears, so will its corresponding image. Step A: Create the Bulleted Text & Insert Images 1. Create your bulleted list. 2. Place the corresponding images on the slide. Step B: Animate all the Bullets and the Images For each bullet and image, assign an Entrance effect. Appear tends to lend itself best to this type of synchronization. 3. Click the Animations tab and then Custom Animation. 4. Click anywhere within the box containing your bullets. 5. Click Add Effect Entrance Appear. 6. Click the first image to appear. Repeat Step Click the second image to appear. Repeat Step Continue in this fashion until you have animated all of your images. Step C: Setting the Animation Sequence On the animation list, you must now place each animated picture directly beneath its corresponding bullet text. This might be a little tricky if your pictures don t have descriptive labels (mine all say Picture 2 ); however, if you click the actual image, its position on the list will highlight. 9. Drag each image on the list so it appears directly beneath its corresponding bullet text. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 24 of 61

25 Step D: Set the Text and its Image to Activate Simultaneously At this point, you have to click for each item (text and pictures) to appear. We will setup our animations so that we still have to click for each line of bulleted text to appear but its corresponding image will appear with the bullet. 1. Click the first image from the list. 2. Hold down the CONTROL key and click the other images on the list. (We will save time by changing them all at once.) 3. Let go of Control and set Start to With Previous. That s it start your slideshow to see the animation! Note About SmartArt Animating this would actually be a lot less work if we used a Smart Art Vertical Picture List, however, as you will soon see, there are a few things we can do with this method that we can t with SmartArt. See the section on Animating Smart Art for more information. SYNCHRONIZE BULLETS AND IMAGES VIEW ONLY ONE IMAGE AT A TIME Here is a slightly different approach to the previous example. Instead of having each image appear next to the other, cover up the previous image with the next or stagger them. This is useful when you don t have enough room to display all the images on the same slide at once or your image needs to be large to view its details. Staggered Images Here we simply placed the images so the next one covers up the previous and then staggered them slightly. This technique is useful when your images are not exactly the same size. 1. Follow all the steps in the previous example. 2. Drag your images so they appear as shown above. Next Image Replaces the Previous Here you completely cover up the previous image with the next by placing the images directly on top of each other. Unless you want to use Exit effects, make the next image the same size as or larger than the previous. 1. Follow all the steps in the previous example. 2. Drag your images so they appear as shown above. OBECT ORDER You may need to use the Bring to Front or Send to Back options if your previous image is covering up your next. You can access these options by right clicking the images. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 25 of 61

26 CURRENT BULLET AND IMAGE CHANGES COLOR In this example, all the bullets and images are present when the slide initially displays; however, they are either faded or in black and white. When the topic becomes current, the bullet text and its image will both go to color simultaneously. Step A: Place Materials on Slide in Grays 1. Make your bulleted list 2. Place your images on your slide exactly where you want them. (Don t group them.) 3. Right click the frame around the bulleted text and use the Font Color drop down to select gray or washed out color. 4. Double click one of your pictures. (The Format tab should appear.) 5. Click the Recolor drop down. 6. Select Grey Scale or one of the other image wash out options. We need to do the same thing to the other pictures as well; however, here is a shortcut: Pressing the function key F4 repeats the last command you issued. 7. Click another image and press F4. 8. Repeat step 7 until all of your images display in shades of gray. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 26 of 61

27 Step B: Set Aside Color Versions of Your Images for Later This step is a little tricky because we need to make copies of our images and set them aside without changing their position to one another or their size. Also, we can t group because this will mess up our animation. 9. Click the first image. 10. Hold down CONTROL and click the other images. (Holding Control allows us to select multiple objects.) 11. Keep CONTROL held down and drag copies of the images out of the way. (Holding Control also allows you to copy objects you are dragging - confused yet?) Step C: Turn the Image Copies Back to Color In this section, we will change the copies of the images back to color. 12. Double click one of the image copies. 13. Click the Recolor drop down again. 14. Click No Recolor. 15. Click the next image and press F4 to repeat the command until all of the copies are color again. Step D: Animate the Bullet Text to Change Font Color In this section, we will use the Emphasis effect to make our bullet text change color. 16. Click anywhere within the borders of the bulleted text. 17. Click Add Effect Emphasis Change Font Color. (You may have to look in More Effects for this.) 18. Select a color you want to change by using the Font Color drop down. 19. Set Speed to Very Fast. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 27 of 61

28 Step E: Animate the Colored Images In this section, we will make the color copies of our image pop in one by one. 20. Select the first colored image. 21. Click Add Effect. 22. Select Entrance. 23. Select an entrance effect. (Fade for example.) (Unfortunately pressing F4 will not work for this.) 24. Repeat steps for the remaining colored images only. Step F: Set the Animation Order and Activation Method At this point, your bullet text and the color copies of the images should be animated. Because we want our bullet text and the image it corresponds with to animate simultaneously, we need to change the animation order and set the images to Start with Previous. 25. On the animation list, drag each image so that it is directly beneath the bullet text it will appear with. (Again, if you are not sure which picture on the list represents which image, click the actual image and the item on the list will highlight.) 26. On the list, click the first picture. 27. Hold down CONTROL. (We will save some time.) 28. Click the other pictures from the list while still holding control. 29. Let go of Control. 30. Set Start to With Previous. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 28 of 61

29 Step G: Cover up the Gray Images with the Color Copies We need to do this carefully because we want the color copies to fit exactly over the gray scale originals. 31. Click the first color copy. 32. Hold down CONTROL and select the other color copies only. (Holding Control allows us to select multiple objects.) 33. Let go of CONTROL. 34. Drag any one of the selected color copies so they are all on top of the grayscale copies. Note that the grey scale originals are hidden beneath the color copies. During the slideshow, the color copies will not become visible until they animate. That s it Run your slideshow to view the effect! POTENTIAL PROBLEM Images Appear to Shift During Animation If your image appears to shift slightly when they change to color, it is usually because the stacked images are not perfectly lined up with one another. The quickest way to fix this is to select each stack one at a time and use the align tools. Note that not being the same size can also cause the shift. 1. Click and drag around a stack of images to select both items in the stack. 2. Click the Format tab. 3. Click the Align drop down. 4. Select Align Center. 5. Click the Align drop down again. 6. Select Align Middle. If you run your slide show again, any shifting will be gone. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 29 of 61

30 HIGHLIGHT AN IMAGE - SEMI-TRANSPARENT OVERLAYS A Transparent Overlay allows you to highlight specific regions of your slide. The technique can be used on any slide for such purposes as highlighting cells in a table or in this case, sectioning off a map. The slide initially appears as shown to the left. Then, at each click of the mouse, a new semi-transparent color overlay appears. This is actually a very simple technique: Place your map image on the slide. Use the Freeform drawing tool to make the different shapes (3 in this case). Color each shape a different color and make them all semi-transparent so the map below will show through. Give each overlay an entrance effect using the custom animation tools. 1 st Animation: Northern States 2 nd Animation: Southern States 3 rd Animation: Lower East Coast Step A: Draw the Shapes 1. Place a map image on your slide and make any size adjustments now. 2. Click the Insert tab. 3. Click Shapes. 4. Click the Freeform tool. The Freeform tool is a good choice because of its versatility. Straight lines - Move your mouse and then click every time you want a pivot point. Do not click & drag. Undo a Click - Press Backspace on your keyboard to remove the last click. Curves - Click and drag. (Note that it is sometimes easier to move and click very close together. Stop drawing - double click or click your starting point. 5. Use the Freeform tool to draw each of the three overlays on top of your map. Note that the overlays do not overlap. Tip: Edit Shapes After you are done drawing, if you discover you made a mistake, you can modify your shape by using Edit Points located on the Format tab. Click a line to move it or drag one of the black squares. The white squares are for changing the curve of the line. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 30 of 61

31 Part B: Format the Shapes Make each of the three shapes a different color, make them transparent, and hide the line around them. 6. Double click one of the shapes to display the Format tab. 7. Click the Format Shape button. 8. Click Fill on the left. 9. Select Solid Fill. 10. Click the Color drop down to select a fill color. 11. Set Transparency to around 70%. 12. Click Line Color in the left column. 13. Select No Line. 14. Click Close. 15. Repeat the steps for the other shapes. Part C: Animate the Overlays In this final section, we will animate the three different overlays with an entrance effect. 16. Display the Custom Animation pane ( Animations Custom Animation ). 17. Click the overlay you wish to appear first. 18. Click Add Effect Entrance Appear. 19. Repeat step 18 for the other two overlays. 20. That s it run your slideshow! Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 31 of 61

32 HIGHLIGHT A TABLE CELL - SIMI-TRANSPARENT OVERLAYS Step A: Creating the Table 1. Create a table similar to the one shown above. (See the Charts handout if you don t know how to make tables.) Make sure you select a table format that doesn t already highlight the different rows. That will compete with our highlighting. It also helps if you make the lines between the cells thicker. This is similar to the previous example except this time we are placing semitransparent rectangles on top of the winning cells. For example, in the Pacific region, the highest number was 500K, in the Central Region, it was 800K, and in the East Coast Region, it was 1,200K. Note that this information might be better served by a Column Chart. Step B: Creating a Single Rectangle Use the Rectangle tool to draw a rectangle on top of the first cell you wish to emphasize. 2. Click the Insert tab and then Shapes. 3. Click the Rectangle tool. 4. Click and drag to fill your first target cell with a rectangle. TIP: Hold down ALT while resizing/moving objects to get a smoother movement. 5. Double click the rectangle to display the Format tab. 6. Click the Format Shape expansion button. 7. Select a Color using the drop down. 8. Set the Transparency to about 70%. 9. Click Close. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 32 of 61

33 Step C: Animate the Rectangle 10. Display the Custom Animation pane ( Animations Custom Animation ). 11. Click your rectangle to select it. 12. Click Add Effect Entrance Appear. Step D: Copy the Animated Rectangle to the Other Cells If you copy an object that has been animated, the animation effects will copy with it. Make sure you copy it in the order you want the new rectangles to appear or you will have to reorder your list later. 13. Hold down your CONTROL key and use your mouse to drag the rectangle to its other locations. 14. That s it run your slideshow to test it! Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 33 of 61

34 EMPHASIS EFFECT EXPAND PART OF AN IMAGE This technique emphasizes part of an image by expanding it. For example, the first image on the right shows a map of North America. Animation slowly expands just the United States until it is the size shown on the second image on the right. It then fades out the North America image and leaves just the US. Slide at Beginning of Animation Slide at End of Animation The trick to this is that there are actually two images. One of North America and one of just the United States with the area around it set to transparent. The US image is exactly the same size as the US on the North America map and appears directly on top of it and then grows larger. Image of North America Image of US The copy with just the US map on it will sit directly on top of the original North America map. Part A: Place & Size the North America Image 1. Create a new slide and place the initial image on it (North America in this example). 2. Size & crop the image to the desired size. Part B: Make a Copy and Extract Just the Part you Want (USA) 3. Copy the initial image to the clipboard. 4. Start another new slide and paste the copy there (we don t want to mess up the original). 5. On the copy, erase all but the USA. This is actually the hard part. We need the second image to just have the USA on it. This means we have to remove everything but the USA from our copy of North America. You have several choices: If you have (and know how to use) Adobe Photoshop, that would be my first choice. It s the fastest. Make a mask using PowerPoint. (The instructions for how to create a mask using PowerPoint are in the Power Point Drawing Tools handout.) If you are running Windows, use Paint to erase everything but the USA from the image. Paint is located within your Windows Start button under: All Programs - Accessories. If it were a rectangular shape, you could just crop off everything but the USA in the copy. 6. I m going to assume that you figured out one of the methods above and now have an image of just the USA. 7. Make sure the area around the USA is actually transparent: a. Double click the image of the USA to display the contents of the Format tab. b. Click the Recolor drop down. c. Click Set Transparent Color. d. Click the background area of your USA image to make any background color transparent. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 34 of 61

35 Part C: Position the Copy (USA) Over the Original (North America) 8. Copy the USA image and place it on top of the North America map. 9. Position it so it covers the original USA exactly. 10. If you like, give it an inner shadow to make it stand out. Note that the slide that had our copy of the USA image on it is no longer needed. This is the North America image. This is the USA image on top. Part D: Animate the Image(s) In this step, we will give the USA map and Entrance effect and a Grow/Shrink Emphasis effect. 11. Display the Custom Animation pane ( Animations Custom Animation ). 12. Click the image of the USA to select it. 13. Click Add Effect Entrance Appear. 14. Make sure the USA image is still selected. 15. Click Add Effect Emphasis Grow/Shrink. 16. On the animation list, click the second effect (Grow/Shrink). 17. Set its Start to With Previous. 18. If desired, change the Size and Speed. Part E: Fade the North America Image To further emphasize the USA, you might want to slightly fade the North America image. 19. Click the North America image. 20. Click Add Effect Emphasis Transparency. 21. Set the effect to Start After Previous. 22. Adjust the Amount if transparency. 23. That s it run your slideshow to test it! Here is another example using the same technique. We took a snapshot of an Excel spreadsheet and then made the area we wanted to talk about grow. (Not that I am promoting showing spreadsheets in a PowerPoint presentation.) Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 35 of 61

36 ANIMATING A CHART - COLUMN Any PowerPoint chart can be animated. What you can do with animation will depend upon the type of chart you are animating. When you animate a column chart (or bar, line & area chart), you can have the bars appear at your discretion. This can help your presentation by: Not overwhelming your audience by giving them all your data at once. Building suspense. When you animate a column chart, you can select from any of the four sequences below to introduce your columns. 1 st Series 2 nd Series 3 rd Series ANIMATION BY SERIES The columns appear by series. In the example above, all of the blue columns appear, then all the red columns, and then all the green columns. ANIMATION BY ELEMENT IN SERIES The columns still appear by series; however, each column in the series appears one-by-one. For example, first blue 2004, then blue 2005, then blue 2006, then on to the next series in the same fashion. 1 st Category 2 nd Category 3 rd Category ANIMATION BY CATEGORY All columns for 2004 come in together, then all columns for 2005, then all columns for ANIMATION BY ELEMENT IN CATEGORY The columns appear one-by-one from left to right. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 36 of 61

37 Steps to Animating a Column Chart 1. Display the Custom Animation pane ( Animations Custom Animation ). 2. Single click your column chart to select it. 3. Click Add Effect. 4. Click Entrance. 5. Select the Wipe effect. (You may have to go to More Effects to find wipe.) If you run your slideshow at this point, the entire chart as a whole will wipe up from the bottom. We will now tell PowerPoint that we want just the columns to wipe up. 6. Set Direction to From Bottom. (Unless you are doing horizontal bars, then select From Left). 7. Click the drop down arrow next to the name of the chart. 8. Select Effect Options. 9. Click the Chart Animation tab. 10. At Group Chart, select the sequence you would like to make your columns appear (see the previous page). 11. If you want your chart grid, axis, and legend to already be there, uncheck Start animation by drawing the chart background. 12. Click OK. 13. Click the Slide Show button to see the chart animate. Note that unless you change the Start, you will have to click to activate each event. TIP If you want to change what activates each bar, click the expand button to see all steps. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 37 of 61

38 CONVERT A CHART INTO INDIVIDUAL SHAPES In previous versions of PowerPoint, if there was something you wanted to do with animation that the given chart animation effects did not provide, you could simply ungroup the chart which would convert it into individual shapes which you could then animate as desired. That is still possible in PowerPoint 2007 but you have to go through a few more steps and you may not be able to ungroup it to the point you wish. 1. Right click the thick outer frame around the chart and select Save as Picture. 2. Set Save as type to Enhanced Windows Metafile (*.emf). 3. Give the picture a name and click Save. 4. Insert a new slide ( Home New Slide ). 5. Click the Insert tab and select Picture. 6. Select your picture file and click Insert. 7. Right click the image of the chart. 8. Select Group then Ungroup. 9. At the convert message, click Yes. Note that you may have to ungroup several times. Further, some objects may not be able to be ungrouped. Once you have ungrouped to individual objects, you can animate them just as you would any shape you have drawn yourself in PowerPoint. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 38 of 61

39 ANIMATING SMARTART PowerPoint 2007 introduced a new type of chart called SmartArt. SmartArt helps you create text/image objects such as food pyramids, flowcharts, bulleted lists with images, etc., very easily. You can animate any SmartArt object but the options are much more rigid than animating an individual object. For those items that do not lend themselves to animation, you can convert them to individual objects which you might have better luck animating. See the handout on PowerPoint SmartArt for specific instruction on how to create SmartArt. ANIMATING A SMARTART PICTURE LIST A SmartArt Picture List is simply a bulleted list with images. The advantage of using SmartArt is that you can create and animate an image/text bulleted list much more quickly than using the method shown earlier in this handout. The drawback is that SmartArt has a fairly rigid structure although it does have numerous formatting options. In the example below, we animated the SmartArt so that each picture and its corresponding text appears one at a time from top to bottom. 1 st Animation 2 nd Animation 3 rd Animation 1. Create a SmartArt Picture List (See the SmartArt handout for instructions). 2. Display the Custom Animation pane. ( Animations Custom Animation ). 4. Click the frame around the SmartArt to select it. 5. Click Add Effect Entrance Appear. 6. Click the animation s drop down arrow. 7. Select Effect Options. 8. Click the SmartArt Animation tab. 9. Set Group Graphic to One by one. 10. Click OK. 11. That s it run your slideshow to test it! Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 39 of 61

40 ANIMATE A SMARTART PYRAMID In this example, we will animate a SmartArt Pyramid so that each click of the mouse makes another level appear. In this example we used two pyramids. The first is simply an outline pyramid with no text. The second has all the color and labels. The colorful pyramid sits on top of the outline pyramid. We animate the colorful pyramid so its labels pop in one by one making it appear as though each section is getting filled in. Step A: Create the Colorful Pyramid 1. Create a SmartArt Pyramid (See the SmartArt handout for instructions). 2. Format the pyramid with a colorful color scheme. (See the options under the Design tab.) Step B: Make the Outline Only Copy of the Colorful Pyramid 3. Make a copy of the colorful pyramid and place it somewhere on the same slide. 4. On the copy, use Change Colors on the Design tab to show just an outline. 5. Use Backspace to remove the text from the text pane. (Make sure you leave where you pressed ENTER). 6. Right click the border around the outline only pyramid. 7. Select Send to Back Send to Back. Step C: Align the Two Pyramids The colorful pyramid needs to sit perfectly on top of the outline pyramid so that it covers it up precisely. 8. Select both pyramids. (Hold CONTROL to select multiple objects.) 9. Click the Format Tab. 10. Click Align then Align Center. 11. Click Align then Align Middle. Step D: Animate the Colorful Pyramid 12. Display the Custom Animation pane. ( Animations Custom Animation ). 13. Click the colorful pyramid to select it. 14. Click Add Effect Entrance Appear. 15. Click the animation list drop down arrow and select Effect Options. 16. Click the SmartArt Animation tab. 17. Set Group Graphic to One by one. 18. Click Reverse Order if you want to animate the pyramid from the bottom up. 19. Click OK. 20. That s it run your slideshow to test it! Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 40 of 61

41 CONVERT SMARTART INTO INDIVIDUAL OBJECTS If you select pieces of a SmartArt graphic individually and copy and paste them, the copies will be converted into individual objects. Keep reading to learn why you might want to do this. The slide to the left was created using SmartArt Counterbalance Arrows. We would like to animate it so that Home Prices fly in from the top and Interest Rates fly in from the bottom. Unfortunately, SmartArt will not allow us to animate the individual pieces in this fashion. (You can make the pieces appear one by one but not using different effects.) Our only choice is to convert the SmartArt into a drawn object and then animate the drawn objects. Note that you will no longer be able to perform SmartArt functions on converted SmartArt. Once converted, objects will behave as if you had drawn them using the PowerPoint drawing tools & text boxes. Step A: Converting SmartArt into Individual Objects 1. Create a SmartArt object. 2. Hold down the CONTROL key on your keyboard and click the individual SmartArt objects. (Control allows you to select multiple objects.) 4. Click the Home tab. 5. Click Copy. 6. Click the New Slide drop down and select a blank slide. 7. Click Paste. The objects now appear as individual pieces that you can animate just as you would any drawn object or text box. Step B: Animate Interest Rates to Fly in From Bottom 8. Hold down CONTROL and select the up arrow and the Interest Rates text. 9. Click Add Effect Fly In. 10. Change Direction to From bottom. Step C: Animate Home Prices to Fly in From Top 11. Display the Custom Animation pane. ( Animations Custom Animation ). 12. Hold down CONTROL and select the down arrow and the Home Prices text. 13. Click Add Effect Fly In. 14. Change Direction to From Top. If desired, set the Speed and Start. 15. That s it run your slideshow to test it! Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 41 of 61

42 INTERACTIVE ANIMATIONS USING TRIGGERS So far, all of the animations we have covered have been sequential. Everything happens in a set order. However, you can also make your animations interactive so that a specific animation will only occur if you click your mouse on a specific object. The order you click the objects will determine the order the animations will occur. This is often used to make an interactive slide show. NOTE: I recommend turning Advance Slide on Mouse Click off for trigger effects (See the Animations tab). You can still press PAGE DOWN to advance the slide. For example, below there are three buttons. If you click the button Best Selling Small Car, a picture of a Honda Civic will appear. If you click Best Selling Luxury Car, the BMW image will appear and finally, if you click the button Best Selling SUV, a picture of a Honda CRV will appear. You can click the buttons in any order. It is the button you click that determines what image appears, not the click sequence. The button you click determines which image appears. Part A Place all Objects on your Slide Although you can build this as you go, it is easier if you have all your slide elements in place first. These are three separate images we copied from Google. These are three separate text buttons we created using the Text Box tool. We then applied a Shape Style to make them look like buttons. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 42 of 61

43 Part B Animate the Buttons Even though we want the buttons to already be present on the screen when we first make the slide appear, we still must animate them to be able to use them as triggers. We will make them already present by setting them to all to Start with Previous. Note that a trigger and the object that is being animated can be the same object. 1. Display the Custom Animation pane ( Animations - Custom Animation ) 2. Hold down your CONTROL key while clicking the buttons. This will result in all three being selected. (We will save time by assigning animations to all three buttons at once.) 3. Click Add Effect. 4. Select Entrance and then Appear. At this point, PowerPoint specifies that you must click to get the first button and the remaining buttons will appear with it. We do not want to have to click to get the first button either, we want them all to appear automatically when the slide loads. 1. On the list, click the top button. 2. Set Start to With Previous. Part C Animate the Images 1. Select all of the images (only). (We will save time by assigning animation to all of these at once too.) 2. Assign them any Entrance effect you desire ( Add Effect Entrance Appear for example) Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 43 of 61

44 Part D Make the Buttons Trigger the Images Now that everything we wish to work with has been animated, we will setup which button triggers which image. When setting up triggers: a. Select the object you wish to make appear (one of the cars). b. Specify what will trigger its appearance (one of the buttons). What s tricky about this is trying to remember which items on the list correspond to which objects on your screen. If you click the item in slide view it should also get selected on the list. Connecting the Honda Civic Image with the Best Selling Small Car Button 1. Select the image of the Honda Civic. (This will help you find it on the list.) 2. Click the Civic s drop down arrow on the list and select Timing. 3. Click the Triggers button to view its options. 4. Click Start effect on click of:. 5. Select the text box button which will trigger the appearance of the Civic. 6. Click OK. Repeat Steps for BMW & CRV You will now need to repeat steps 1-6 above for both the BMW and the CRV. Completed Effects Once complete, your screen should look similar to the one shown below. Start your slideshow to test them. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 44 of 61

45 TRIGGER EXAMPLE - ANIMATED OBJECT IS ITS OWN TRIGGER In the example below, when you click one of the blue buttons the city s population size will appear on the button. Note that the object being animated and its trigger are the same object. It was setup as follows: The blue buttons actually contain text but the font and fill color matches so it is indistinguishable. When the user clicks one of the buttons, the emphasis effect of Change Font Color changes the font color to a color which will not blend it with the button s fill color. 1. Create the slide shown above. 2. Type the population sizes into the buttons (Use the Text Box tool). 3. Make each button s Fill color the same as its Font Color. These were all created using the Text Box tool which is located under the Insert tab. 4. Select all four of the buttons. (Hold down Control to select multiple objects.) 5. Click Add Effect Emphasis Change Font Color. 6. Select a single rectangle and specify a Font Color. 7. Repeat step 6 for the other three rectangles. (I made my wrong answer text red and my right answer text green.) Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 45 of 61

46 8. Select the San Francisco button. 9. Click its drop down arrow on the animation list and click Timing. 10. Click the Triggers button to expand its choices. 11. Click Start effect on click of. 12. Select the San Francisco rectangle. 13. Click OK. 14. Repeat steps 8-13 for the buttons for the other three cities. 15. That s it run your slideshow to test it. When you click button, the population figure of the button you clicked should appear. Alternate Approach - Button is Replaced with an Answer This is a variation on the example above. When you click the name of a city, the name of the city is replaced with the city s total population. It actually uses two sets of buttons. Initially, the city names are visible and the population sizes are hidden. The name of each city is a trigger for making a population size button appear. The population buttons appear directly over the city name buttons. Note that the city name buttons are animated to be there when the slide initially appears. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 46 of 61

47 You can use this to basically play Jeopardy using PowerPoint. It is a very effective technique to gain audience participation and get your information across. When a user clicks a box, the question will replace the dollar value. This is accomplished by simply using an entrance effect to cover up the dollar amount box with another box. TRIGGER EXAMPLE - JEOPARDY It was constructed as follows: There is the initial table which helps with the structure. Note that the dollar amounts are not typed into the cells but are within rectangles which are placed over the cells. The dollar amount rectangles are all triggers so they must all be animated. We gave them an entrance effect and set the all to with previous so they would all be there when the slide initially loads.) The questions are also in separate rectangles. They are given an entrance effect and are triggered by clicking one of the dollar amount rectangles. Part A: Creating the Table The table is really only here to provide an underlying structure to use as a guide. 1. Start a new slide. 2. Select the Title and Content layout. 3. Click the Table button to begin creating your table. 4. Structure your table with the necessary columns and rows. 5. Type your column headings in the top row of the table. 6. Set the table s format as desired ( Design tab). Part B: Create the Rectangles 7. Click the Insert tab and then select Shapes. 8. Select the Rectangle tool. 9. Draw a rectangle in one of your cells. 10. Format the rectangle with the desired fill & outline colors. 11. Format the rectangle with the desired font, size, & color. 12. Copy the rectangle to the remaining cells. 13. Don t type in the text yet. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 47 of 61

48 Part C: Create the Question Rectangles This is actually easier if we work on the dollar amount rectangles and the question rectangles on different slides. We will copy this first slide and then edit it to make the question rectangles. 14. Click the slide miniature located in the left column and press Control + C to copy. 15. Press Control + V to paste. You should now have two duplicate slides with rectangles on them. Part D: Type Text into the Rectangles You should now have exact duplicates of the same slide. We need one to contain all of the dollar amounts and the other to contain all of the questions. Dollar Amount Slide 16. Click a slide and type the dollar amounts. Questions Slide 17. On the duplicate slide, type in the questions. Part E: Animate the Dollar Amount Slides Although the dollar amount rectangles will be present when our slide initially displays, because they are going to be triggers, we must animate them. 18. Move to the slide that has the dollar amounts. 19. Click Animations Custom Animation. 20. Select all of the rectangles on the slide. 21. Click Entrance Add Effect Appear. 22. With all of the rectangles still selected, set Start to With Previous. (This will assure our rectangles are all visible when the slide initially appears.) Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 48 of 61

49 Part F: Animate the Answer Rectangles 23. Move to the slide that has the questions. 24. Click Animations Custom Animation. 25. Select all of the rectangles on the slide. 26. Click Entrance Add Effect Appear. TIP: Turn on Snap Objects to Other Objects Prior to completing the steps in Part G on the next page, you may wish to turn on Snap objects to other objects first. This will help you cover up the dollar amount rectangles with the question rectangles. a. Click any one of the rectangles. b. Click the Format tab. c. Click the Align drop down arrow. d. Click Grid Settings at the bottom of the list. e. Check Snap objects to other objects and click OK. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 49 of 61

50 Part G: Copy the Image Rectangles & Set the Trigger In these final steps, one-by-one we must copy each of the question rectangles over to the dollar amount slide and then specify the dollar amount trigger for each question rectangle. 27. Click the edge of one of the question rectangles. (Make sure your cursor is not within the rectangle.) 28. Press Control + C to copy it. 29. Display slide which has the dollar amount slides. 30. Click the edge of the dollar amount rectangle that you will be pasting the question rectangle on top of. 31. Make note which rectangle number gets highlighted on the animation lists. 32. Press Control + V to paste the question. At this point, the question rectangle should be covering up or near the dollar amount rectangle. Your next step will be to set the trigger for the question rectangle to the underlying dollar amount rectangle. (The question rectangle you just pasted should still be selected. This will highlight it on the animation list letting you know which one it is.) 33. From the animation list, click the question rectangle s drop down arrow and select Timing. 34. Click the Triggers button to expand its selections. 35. Click the Start effect on click of drop down arrow. 36. Select the rectangle number you made a note of in step If you want to add a sound, use the Effect tab now. 38. Click OK. 39. If necessary, adjust the alignment of the two rectangles. (You might want to run your slideshow now to test the effect.) 39. Repeat steps for the remaining question rectangle until you have assigned each one to a dollar amount rectangle. 40. That s it run your slideshow to test it. Whenever you click a dollar amount rectangle, its corresponding question rectangle should appear in its place. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 50 of 61

51 INTERACTIVE SLIDE SHOWS - HYPERLINKS PowerPoint allows you to create hyperlinks to a number of targets that you can go to during a slideshow. Some of the more common targets of hyperlinks during a slideshow are: A specific slide in your presentation. The next or previous slide. A web page. A file on your computer. Anything you can click can be a hyperlink. Further, unlike clickable animation effects, hyperlinks are still clickable from a slide show even if placed within the Slide Master. Creating a Hyperlink 1. Insert a shape, image, or text box that is to be a hyperlink. 2. Right click the object and select Hyperlink. 3. Click Place in this Document. 4. Click your destination & then click OK. Click one of these to make a more general button that can be copied into multiple slides or placed in the Slide Master. Use these when you need to jump to a specific slide. It is useful for making a menu that will allow you to jump back to a specific slide during a question & answer session. If you want to open a web page, select Existing File or Web Page. You can then either type the address of the web page or if you have been there recently, it will be under Browsed Pages. Hyperlinking to web pages is useful when there is a video on the web page you wish to show. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 51 of 61

52 HYPERLINKS - IMAGE HOT SPOTS Using this technique, clicking different areas of an image causes different events to happen. For example, clicking an area can: Activate a hyperlink which goes to another slide or web address. Activate an animation effect. In this example, we have an image which is a map of the Disney resort in California. If the user clicks Disney s California Adventure, they are taken to a slide which has information on that. If the user clicks Disneyland Park, they will be taken to a different slide, and if they click the Disney Hotel, they will be taken to yet another slide. The trick to this one is to overlay the areas you wish to be clickable with a shape and then assign either a hyperlink or a triggered animation effect. Once you have created all of your hyperlinks, make the shapes 100% transparent. Part A: Create the Target Shapes In this section we will define the parameter of each target. 1. Place the image on a slide. 2. Click the Insert tab. 3. Click the Shapes drop down. 6. Repeat steps 4-5 until you have drawn around all of your targets. 4. Click the Freeform tool. 5. Draw around the parameter of your first target. Move and click to draw. Click your beginning point to stop drawing. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 52 of 61

53 Part B: Create the Hyperlinks In this section, we will turn each shape into a hyperlink. 7. Right click one of your shapes and select Hyperlink. 8. Click Place in This Document. 9. Click the slide you wish to hyperlink to. 10. Click OK. 11. Repeat steps 1-4 for the remaining shapes. Each one will lead to a different slide. Part C: Making the Shapes Transparent If you set each shape to no fill, clicking within the shape will have no effect. To make the shape invisible and clickable, you must give each shape a fill color and then set it to 100% transparent. 12. Select all of the shapes (Hold down CONTROL to select multiple objects). 13. Carefully right click the edge of one of the shapes and select Format Object. 14. Click the Fill tab on the left. 15. Select Solid fill. 16. Set Transparency to 100%. 17. Click the Line Color tab on the left. 18. Select Solid Line. 19. Set Transparency to 100%. 20. Click Close. 21. That s it run your slideshow to test it. Clicking each area should take you to a different slide. Use Image Hot Spots to Trigger Animation Effects The technique shown above can also be used to create animation Triggers. For example, when you click an area, rather than taking you to another slide, an animation effect is activated. For a shape to be a trigger, the shape must be animated. The best way to approach this is to give all of the shapes an entrance effect of Appear and then set them to Start with Previous. That way they will load when the slide initially appears. See the section on Triggers for further information. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 53 of 61

54 ANIMATING FROM THE MASTER - QUICKLY ANIMATE MULTIPLE BULLET SLIDES If you plan on animating a lot of your bulleted lists, rather than animating each bullet list slide individually, you can save yourself some time creating the animation in the slide master and applying it to your slides. 1. Click the View tab and then click Slide Master. We could click the master slide or the Title and Content layout side and apply our animation there; however, this will also make other objects that can appear in the content area animate as well. For example, charts, tables, movies, pictures, etc. To avoid animating objects we don t want to animate, we will do the following: A. Create a new layout just for bulleted lists. B. Add animation just to our new layout. C. Assign the layout only to bullet slides. Step A: Creating a New Layout 1. Click the Slide Master layout. (Top slide on the list). 2. Click the Insert Layout button. (A new layout will appear at the bottom of the list on the left.) 3. Click the new layout from the list on the left. 4. Click the Insert Placeholder drop down. 5. Click Text. 6. Click & drag across your slide to make the bulleted list box. 7. Right click the new layout on the list (left column). 8. Click Rename Layout. 9. Type Animated Bullets. 10. Click Rename. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 54 of 61

55 Step B: Add Animation to the New Layout You will notice from the layout that you cannot select specific bullets. This means that all of your bullets will need to be activated the same way (i.e. On-Click, With Previous, or After Previous ). In other words, you will not be able to do any of the examples in this handout that mix on-click with after previous or with Previous. 1. Display the Custom Animation pane. ( Animations Custom Animation ). 2. Click within the bulleted list box. 3. Click Add Effect. 4. Click Entrance. 5. Click Appear. 6. Set Start to On Click. Note that if you expand the list, you will see how sub bullets are animated. This means that you can activate sub bullets using a different Start type than main bullets. 7. Click Normal to exit the Slide Master and return to Normal view. Step C: Applying the New Layout You can apply the animated layout to your bulleted lists in two different ways: Apply to Existing Bulleted Lists If you have already created a bulleted list and would now like to apply the animation effects to the slide, do the following: 1. Select the slide(s) you wish to apply the animated layout to. (Hold CONTROL to select multiple slides.) 2. Click the Home tab. Apply to New Slides If you haven t made the bulleted list slide yet, do the following: 1. Click the Home tab. 2. Click the New Slide drop down and select the Animated Bullets layout we made in Step B. 3. Type the bullet text. 3. Click the Layout drop down and select the Animated Bullets layout we made in Step B. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 55 of 61

56 Modify Animations from the Slide Master for Just One Specific Slide If you have applied animations which come from a master slide or layout to a specific slide and wish to modify the animation for just that slide, do the following: 1. While in Normal view, display the slide to be affected. 2. Display the Custom Animation pane. ( Animations Custom Animation ) The animation effects on a slide that gets its animation from a master slide or layout appear as shown here. In order to edit or remove the effects for just this specific slide: 3. Click Layout: Body and then the drop down arrow that appears. 4. Click Copy Effects to Slide. This copies the effects from the master into the specific slide. You can now alter or remove them just for this slide as desired. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 56 of 61

57 There are a number of approaches you could take to create a slide menu. The method you select will probably be a combination of how much time you have, the effect you are after, how important the success of the presentation is, and how often you need to change your slideshow. MAKING A PRESENTATION MENU Tools Available The tools at your disposal are: Hyperlinks - These are clickable from a slide show when placed in either individual slides or in the slide master. Animation Triggers These are also clickable from a slide show when placed in either individual slides or in the slide master. On-Click Animation Effects These are only clickable when placed in individual slides. If you place them in the slide master you will not be able to click them to activate the effect during the slide show. Menu Location This is a tricky one because it depends upon what you want your menu to do and how much work you want to go through. Slide Master The benefit of this menu location is that it is less work because you don t have to touch every slide in your slide show. You put it in the master and it shows up in every slide. You can make buttons in the slide master go to the next, previous or a specific slide. The disadvantage is that the buttons will look exactly the same in every slide. This means that you will not be able to use the menu to indicate to your audience your progress through the entire show. Individual Slides The benefit of this menu location is that you can make the menu go to the next, pervious or a specific slide, AND you can indicate your progress through the slide show by marking the menu items off. The disadvantage is that it is much more time consuming because you have to create it in all of your slides (although copy and paste will help speed things up.) Combination of Slide Master & Individual Slides This is a combination of the previous two. Its works well as a compromise between the effect you want and the amount of time you are willing to spend. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 57 of 61

58 HYPERLINKS IN THE MASTER - CLICKABLE MENU Clicking these buttons will take you to either the Previous or Next slide. They use the hyperlink options next and previous. Clicking one of these buttons takes you to a specific slide. They use the hyperlink option of going to a specific slide. Note that you can have a button for just each section or one for every slide if you have enough room. Step A: Create the Button in the Slide Master 1. Click View Slide Master to go into the slide master. 2. Click the top slide on the list (Slide Master, not a layout). 3. Create the previous / next arrows and the buttons. You can find these in Insert Shape which is located under the Insert tab. To add text to a shape, right click the shape and select Edit Text. Step B: Create the Hyperlinks to the Arrows 1. Right click one of the arrows and select Hyperlink. 2. Click Place in This Document. 3. Click either Previous Slide or Next Slide depending upon the arrow you have selected and click OK. 4. Repeat steps 1-3 for the other arrow. Step B: Create the Hyperlinks to the Buttons 5. Right click one of the buttons and select Hyperlink. 6. Click Place in This Document. 7. Click the slide you wish to hyperlink to and click OK. (This will probably be the first slide of a section.) 8. Repeat steps 5-7 for the remaining buttons. (Each button will point to the first slide in a different section.) Step C: Exit the Slide Master 9. Click View then Normal to exit the slide master. 10. That s it run your slideshow to test it. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 58 of 61

59 USING LAYOUTS MAKING A PROGRESS INDICATOR MENU This actually uses neither hyperlinks nor animation. It uses slide layouts. As we move through the different sections of our presentation, the box will move to outline our current section. The simplest method of creating this is from the slide master. We will create a different layout for each position of the progress indicator and then apply the appropriate layout to the corresponding slides. Note that the text will be in the slide master and the progress indicators will be in the layout master. That way there will be less work if we need to make changes to our menu. Step A: Place the Menu in the Slide Master 1. Go into slide master view ( View Slide Master ). 2. Click the top slide on the left (Slide Master). 3. Create the background rectangle for the menu ( Insert Shapes Rectangle ). 4. Create separate text boxes (and type their text) for the different menu items ( Insert Text Box ). Step B: Place Rectangles on the Layout Slides 5. Click the Title & Content Layout layout. 6. Draw a rectangle around the first menu option. 7. Make as many duplicates of the layout as you have menu items (4 in this example): a. Right click the layout. b. Click Duplicate Layout. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 59 of 61

60 8. For each of the duplicate layouts, position the rectangle around a different menu item. Step C: Rename the Layouts You will have an easier time applying the layouts if you give them descriptive names. 9. Right click each of the layouts and select Rename Layout. (Give them the same name as their menu choice.) 10. Return to Normal view ( View Normal ). Step D: Apply the Layouts to the Appropriate Slides In this final step, you will apply each of the layouts to the appropriate slides. For example, for all the slides which are in the Background section of your presentation, you will apply the Background layout; for each slide that is in the Current Issues section, you will apply the Current Issues layout and so on. You will save yourself some time if you apply each of your layouts to multiple slides at once in Slide Sorter. 11. Go into Slide Sorter view ( View Slide Sorter ). (Or click the Slide Sorter view button: ) 12. Click the Home tab. 13. Hold down CONTROL on your keyboard and click the slides you wish to apply your first menu layout to. (Background in this example.) 14. Click the Layout drop down. (Note that all of the layouts you renamed will be listed). 15. Click the layout you wish to apply to the selected slides. (Background in this example). 16. Repeat steps for your remaining slides until you have assigned all of your layouts. 17. That s it run your slide show to test it! TIP: You can also combine this example with the previous one to make the menu items clickable. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 60 of 61

61 10. Click the Slide Show tab. 11. Click Set Up Slide Show. SELF RUNNING SLIDE SHOW WHICH LOOPS This type of slideshow is useful when you wish to create an unattended kiosk. For example, you have a model home and you wish to have a self-running advertisement of its features sitting on a table within the home for interested parties to see as they walk through. The slideshow will advance to the next slide by itself and will start over when it reaches the last slide. 1. Create your slideshow presentation. 2. Do not use anything interactive. (no hyperlinks, no triggers, no start on click ). 3. If you have any animations, they must be set to start either With Previous or After Previous. 4. You can set any animation delays you wish by selecting Timing located on the animation list. 5. Go to Slide Sorter view ( View Slide Sorter ). 6. Click the Animations tab. 7. Select all slides which you plan on displaying for the same amount of time. (Hold Control to select multiple slides). 8. Check Automatically after and specify a duration the selected slides should display for. 9. Repeat steps 7 & 8 until all slides have been assigned a duration. 12. Check Loop continuously until Esc. 13. Check Use timings, if present. 14. Click OK. 15. That s it run your slideshow to test it. Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 61 of 61