USC Marshall School of Business PowerPoint 2007 - Animationinfo.marshall.usc.edu/dept/training/Documents/Applications/PowerP… · USC Marshall School of Business Academic Information

© Marshall School of Business - USC 8/15/12 By Wayne Wilmeth Page 1 of 61

USC Marshall School of Business Academic Information Services

PowerPoint 2007 - 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 ................................................................................................................ 10

Example ............................................................................................................................................................................. 10

USEFUL TECHNIQUES ............................................................................................................................................................ 11

Assign Effects to Multiple Objects Simultaneously ........................................................................................................... 11

Copying an Object Copies Its Animation Effects ............................................................................................................... 11

Turn Off “Advance Slide On Mouse Click” ....................................................................................................................... 11

Animating Groups ............................................................................................................................................................. 11

Animations Start Automatically as Soon as the Slide Displays ......................................................................................... 11

MOTION PATHS – ARROW POINTS TO COLUMN ON CHART ................................................................................................ 12

Adjusting the Motion Path ................................................................................................................................................ 13

Other Motion Paths .......................................................................................................................................................... 13

MOTION PATHS - PAN THE BACKGROUND ........................................................................................................................... 14

Pan the Background & the Balloons ................................................................................................................................. 15

ANIMATING BULLETS ............................................................................................................................................................ 16

MAKING MAIN LEVEL BULLETS APPEAR ONE-BY-ONE .......................................................................................................... 16

MAKE ALL BULLETS APPEAR ONE-BY-ONE (SUB BULLETS ALSO) .......................................................................................... 17

PREVIOUS BULLET GETS DIMMER ......................................................................................................................................... 18

CURRENT BULLET LIGHTS UP ................................................................................................................................................ 20

CHECK OFF A “TO-DO” LIST ................................................................................................................................................... 22

SYNCHRONIZE BULLETS WITH IMAGES ................................................................................................................................. 24


SYNCHRONIZE BULLETS AND IMAGES – VIEW ONLY ONE IMAGE AT A TIME....................................................................... 25

CURRENT BULLET AND IMAGE CHANGES COLOR ............................................................................................................. 26

HIGHLIGHT AN IMAGE - SEMI-TRANSPARENT OVERLAYS ..................................................................................................... 30

HIGHLIGHT A TABLE CELL - SIMI-TRANSPARENT OVERLAYS ................................................................................................. 32

EMPHASIS EFFECT – EXPAND PART OF AN IMAGE ............................................................................................................... 34

ANIMATING A CHART - COLUMN .......................................................................................................................................... 36

Steps to Animating a Column Chart .................................................................................................................................. 37

CONVERT A CHART INTO INDIVIDUAL SHAPES ..................................................................................................................... 38

ANIMATING SMARTART ........................................................................................................................................................ 39

ANIMATING A SMARTART PICTURE LIST ............................................................................................................................... 39

ANIMATE A SMARTART PYRAMID ......................................................................................................................................... 40

CONVERT SMARTART INTO INDIVIDUAL OBJECTS ................................................................................................................ 41

INTERACTIVE ANIMATIONS – USING “TRIGGERS” ................................................................................................................ 42

Part A – Place all Objects on your Slide ............................................................................................................................ 42

Part B – Animate the Buttons ........................................................................................................................................... 43

Part C – Animate the Images............................................................................................................................................. 43

Part D – Make the Buttons Trigger the Images ................................................................................................................. 44

TRIGGER EXAMPLE - ANIMATED OBJECT IS ITS OWN TRIGGER ............................................................................................ 45

Alternate Approach - Button is Replaced with an Answer ............................................................................................... 46

TRIGGER EXAMPLE - JEOPARDY ............................................................................................................................................ 47

INTERACTIVE SLIDE SHOWS - HYPERLINKS ........................................................................................................................... 51

Creating a Hyperlink .......................................................................................................................................................... 51

HYPERLINKS - IMAGE HOT SPOTS ......................................................................................................................................... 52

ANIMATING FROM THE MASTER - QUICKLY ANIMATE MULTIPLE BULLET SLIDES ............................................................... 54

Modify Animations from the Slide Master for Just One Specific Slide ............................................................................. 56

MAKING A PRESENTATION MENU ........................................................................................................................................ 57

HYPERLINKS IN THE MASTER - CLICKABLE MENU ................................................................................................................. 58

USING LAYOUTS – MAKING A PROGRESS INDICATOR MENU ............................................................................................... 59

SELF RUNNING SLIDE SHOW WHICH LOOPS ......................................................................................................................... 61


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.

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.

Animations Click this tab to display the animation & transition tools.

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.

Animate Multiple Slides or Single Slides You can assign animations to slides on a slide-by-slide basis or to multiple slides simultaneously.

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.


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.

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.

Add Effect (Use to Assign Animation) Use this button to assign an animation effect to the selected object.

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.


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.

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.


“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. 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.

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.

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”

This example shows an object with three different activators. Note that the leftmost icons differ.

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”.

No Icon


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”.)


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.

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.

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.

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.

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..” .

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”.

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.

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.


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.

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.

Note that you can usually find more options by clicking the effect’s drop down arrow from the effects list.


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.

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.


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.

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.

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”.


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.


Starting Point (Green Triangle)

Stopping Point (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. 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.

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.

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.


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. 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.

Slide

Stationary object

Image behind object

Motion Path of Image


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.

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.


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.

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 1st 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.

See page 54 for instructions on how to animate all bullet slides at once.


MAKE ALL BULLETS APPEAR ONE-BY-ONE (SUB BULLETS ALSO)

By default, sub-bullets appear simultaneously with their parent bullet. (The default is “By 1st Level Paragraphs”.) If you want your sub-bullets to appear individually, you will need to set your bullet chart to appear “By 2nd 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 2nd 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 3rd Level Paragraphs. If you had indented four levels, you would select “By 4th Level Paragraphs” and so on.


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). 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 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). 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.


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!


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”.


Step D: Set the Animation Sequence and Specify the Activation Method

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!

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.


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 2”. 11. 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.


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 1st Level Paragraphs”. 27. Click “OK”. That’s it – Run your slideshow!


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 5. 7. Click the second image to appear. Repeat Step 5. 8. 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.


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!

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.

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.

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.

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.

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.


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.


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”.


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 21-23 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”.


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.

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.

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.


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.

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.

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.

1st

Animation: Northern States 2nd

Animation: Southern States 3rd

Animation: Lower East Coast


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 B: Format the Shapes Make each of the three shapes a different color, make them transparent, and hide the line around them.

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!


HIGHLIGHT A TABLE CELL - SIMI-TRANSPARENT OVERLAYS

This is similar to the previous example except this time we are placing semi-transparent 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 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.

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”.


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!


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. 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. 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.

Image of North America

Slide at Beginning of Animation Slide at End of Animation

Image of US

The copy with just the US map on it will sit directly on top of the original North America map.


Part C: Position the Copy (USA) Over the Original (North America)

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!

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.

This is the North America image. This is the USA image on top.

Note that the slide that had our copy of the USA image on it is no longer needed.

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.)


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.

1st Series 2nd Series 3rd Series

ANIMATION BY SERIES

1st Category 2nd Category 3rd Category

ANIMATION BY CATEGORY

All columns for 2004 come in together, then all columns for 2005, then all columns for 2006.

ANIMATION BY ELEMENT IN CATEGORY The columns appear one-by-one from left to right.

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.


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.


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.


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. 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!

1st Animation 2nd Animation 3rd Animation


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!


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!


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.

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.

The button you click determines which image appears.

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.


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)


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.


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.

These were all created using the “Text Box” tool which is located under the “Insert” tab.

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.

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.)


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.

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.


TRIGGER EXAMPLE - JEOPARDY

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. 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.


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.

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.)

Dollar Amount Slide 16. Click a slide and type the dollar amounts.

Questions Slide 17. On the duplicate slide, type in the questions.


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”.


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 31. 37. 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 27-38 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.


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.


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.

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.

6. Repeat steps 4-5 until you have drawn around all of your targets.


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.


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”.


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. 3. Click the “Layout” drop

down and select the “Animated Bullets” layout we made in Step B.

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.


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.


MAKING A PRESENTATION MENU

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. 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.


HYPERLINKS IN THE MASTER - CLICKABLE MENU

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.

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.


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”.


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 13-15 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.

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”).


10. Click the “Slide Show” tab. 11. Click “Set Up Slide Show”.

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.

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.