Designing and Building Simple Animations in PPT

1. Designing and Building Simple Animations in PPT Virginia BergDepartment of BiologyUniversity of Northern Iowa

2. Organization of presentation • First some examples • Then mechanics of how to make them • Then design considerations • Why this order? Everybody wants dessert first • Click on menu to skip to any section • Download presentation back home http://www.uni.edu/berg/aspbdownloads.htm (in abstract)

3. Cheap thrills first – Part 1 Examples Useful tools Efficiencies Then meat and potatoes (Part 2) Troubleshooting &Testing What we’re doing and why Getting started (design) Building an animation Wait for the show to continue from the highlighted topicor click on a different topic.

4. Example #1 • Simple introduction to talk • Designed to orient general audience • Presenter • Giving talk • Clicking mouse to advance to next step • But here at ASPB animation is set to advance automatically

5. Plant job description light sugar CO2 O2 H2O The good stuff? The good stuff?

6. #1 (just happened) Simple introduction to talk #2 (coming up) More complex Shows photosynthetic electron flow Used in class, also in talks Good for introduction (orientation) and for summary Speaker controls animation steps with mouse Examples 1 & 2

7. Photosynthetic electron flow Thylakoid membrane ADP+ Pi H+ ATP NADPH e- e- PS II PS I Coupling factor e- e- O2 H+ 3 H+ H+ H2O split H2O Cytochrome complex Water splitting complex

8. #2 (just happened) Electron flow in photosynthesis Orientation or summary in lecture or talk Speaker controls animation steps with mouse #3 (coming up) Feedback for problem set Student already submitted problem set (was returned) Student controls steps with mouse Student should fill in or check answers on problem set as presentation advances Examples 2 & 3

9. Example #3 – c (how much?) • Membrane potential = 59 mV • Inside and outside concen-trations will differ by 10X • One will be 10 times the other • Is the inside high or low? • Look at H, L • Inside is low concentration side • Outside conc of ion of interest = 1 mM • Won’t change (large volume) • This is high concentration side • Inside must be 1 mM / 10 =? • Write it down • = 0.1 mM [X+] = 1 mM [H] [X+] = ? [X+] = 0.1 mM [L] + ΔV = 59 mV _

10. #3 (just happened) Feedback for problem set (to students who got it right, too) Gives more information than writing on homework Students still come for individual help if this doesn’t work #4 (coming up, 2 slides) Assistance and feedback for water relations problem set Student already submitted problem set (was returned) Student controls steps with mouse Student should fill in or check answers on problem set as presentation advances Examples 3 & 4

11. root xylem root cell soil -5 0 -8 0 0 0 0 Problem #4 – c Strategy: First fill in what you know from the material. Now figure out the values based on other information. Lastly, the arithmetic. If the cells both at equilibrium with the soil, they must also be at equilibrium with each other. Fill in the water potential value for both cells on your copy now. The water potential for all 3 parts of the system is the same: -5. Now all we have left is the arithmetic and the check of whether the values are reasonable. -5 -5 -5 -5 Cells at equilibrium with soil. Not same as cells above.

12. root xylem root cell -5 =-5+ 0 + 0 soil -5 =+3+ (-8) + 0 -5 =0 + 0 + (-5) root xylem root cell soil -5 -5 -5 0 -8 0 0 0 0 Problem #4 – d Strategy: First fill in what you know from the material. Now figure out the values based on other information. Lastly, the arithmetic. Fill in the missing values for each part. Check your answer after each cell. The check: All the cell values are reasonable, and similar to others we have seen. For soil, the action is normally in the matric potential, which is what we see here. The water potential of the whole system is at equilibrium. -5 +3 -5 +3 -5 -5

13. #4 (just happened) Semi-interactive solution for problem set (already submitted and returned) Transfers burden of going through answers to student Does it work? You bet Better comprehension Fewer complaints about material too hard Why not individual help instead? Still available Students like individual pace of PowerPoint, with no instructor breathing down neck Some students say they needed to repeat presentations many times, but then got it #5 (coming up, 2 slides) Explanation of membrane transport Used in lecture Images only Instructor talks Then available for student review In lab On computer anywhere Download Examples 4 & 5

14. Countertransport: Energy Energy from concentration (or electro-chemical potential [ECP]) difference will drive blue substance from bottom to top. Luckily there is another (green) substance here, whose energy (from concentration or ECP difference) will drive it from bottom to top. membrane But cell needs to move the blue substance from top to bottom. The blue “wants” to go up 2 units, and the green “wants” to go up 6 units (note greater concentration or ECP difference for green), but the transporter can only trade them. It won’t move both in the same direction.

15. Countertransport: Route A protein antiport spans the membrane. The energy from the combined transport (blue = 2 up, and green = 6 up) gives a net force of 4 units pushing both substances through together, in opposite directions. It can transport the blue substance if it also transports the green substance in the opposite direction. 4 units Blue “wants” to go up 2 units, and green “wants” to go up 6 units (greater concentration difference for green). Green wins, and transports blue the other way at the same time.

16. #5 (just happened) Objective is instruction Image only used in class presentation Student can review with text at leisure Controls pace with mouse Lots of text that can be read It works for my students Students also really appreciate it They don’t mind the primitive graphics #6 (coming up) You can liven less interesting topics Sound Silly animations Don’t overuse or students will be waiting for it Examples 5 & 6

17. Graph clutter (chartjunk) BADtoo much meaningless junk GOODjust the facts

18. #6 Some things are inherently visual #7 You can explain how instruments work without taking up lots of class time Or you can have students do it in lab, when they are engaged in trying to figure out the instrument Examples 6 & 7 (last ones)

19. Leaves that move • Adjust light interception (+/-)

20. Inside the Spectrophotometer Spec tube with solution Measurement beam Light beam Light source Light detector Spec tube holder measures how much light gets through tube Wavelength selector

21. End of examples • You can copy individual slides and use them in other presentations • Many shortcuts (in “Efficiencies” section) • More presentations with animations available at http://www.uni.edu/berg/aspbdownloads.htm (listed in abstract)

22. What you really wanted to know Examples Useful tools Efficiencies Meat and potatoes later (Part 2) Troubleshooting & Testing What we’re doing and why Getting started (design) Building an animation Wait for the show to continue from the highlighted topicor click on a different topic.

23. Before you start • You already have the objects at the edge of your slide • You already have Custom Animation icon on a toolbar, the drawing and picture toolbars installed • Click on Custom Animation to get the panel on the right • All this is explained later—just watch now

24. Lines from Drawing Toolbar Make lines thicker with Change line color with Change line length by clicking line, then pushing one end in Change line orientation by clicking line, then pulling one end around

25. Line Color, Type and Thickness Size, Position Autoshapes from Drawing Toolbar Hold down shift key to make squares, circles Right click to Format Autoshape Fill Color Useful special icons:Night, Day, Don’t Transparency Rotation

26. Something happens here Callouts—Autoshape Then you explain it here.

27. Making things appear • Click on the object you want to appear • Click on Add Effect on the Custom Animation (CA) panel • Choose Entrance • Choose the type of entrance you wish your object to make • Demonstrations on the next slide • Most useful ones only • Many more, distracting ones not demonstrated

28. Entrance Effect Options Most useful ones are highlighted. Most others are very distracting. You want the Preview Effect turned on so you get instant feedback when selecting an effect.

29. Wipe from Left, Very Slow Wipe from Right, Very Fast Appear Wipe from Top, Medium Speed Entrances 1 Control direction, triggering (“Start”) and speed near top of CA panel. Triggering: All can start on mouse click, with or after another appearance, or a specific amount of time after another appearance. See “Start” on CA Panel.

30. Entrances 2 Wheel Useful for light being absorbed by a leaf—gives the sense of action without going anyplace. Control spoke number, triggering (“Start”) and speed near top of CA panel.

31. Entrances 3 Fade R + T + A = 1 Control triggering (“Start”) and speed near top of CA panel.

32. Emphasis Options • The object is already visible • You want to call attention to it • You want to indicate that something is changing • The options depend on the object you wish to emphasize

33. Emphasis 1 (shapes) Change fill color Transparency You can select the color You can select the transparency level and delay time. Flash bulb Lighten Good for energy transfer. You can select the speed. Good for a state change. You can select the speed.

34. Emphasis 2 (text) Text to emphasize—Wave (can change height) Text to emphasize—Change fill color (can change color) Text to emphasize—Grow with color (can choose color) You can control triggering and speed on all of these.

35. Exit options The big question: Do you want something to just go away? OR Do you want viewers to notice it going away?

36. Quiet exits Disappear Wipe (you control speed) Contract (you control speed)

37. Obvious exits Spinner (you control speed) Flip (you control speed) Pinwheel (you control speed) Float (you control speed) And many more.

38. Motion paths • You can move objects on the screen • Point to point • Freehand (custom) • Plus many fancy alternatives “More”… • Sine wave • “Neutron” for molecular motion

39. Sample motion paths To the right Diagonal down right Freeform (smoothes your points to a curve) Scribble (no smoothing) Stairs down (energy level?) Neutron (molecular motion)

40. Life is too short… Examples Useful tools Efficiencies Meat and potatoes later (Part 2) Troubleshooting & Testing What we’re doing and why Getting started (design) Building an animation Wait for the show to continue from the highlighted topicor click on a different topic.

41. Efficiencies • This is potentially extremely tedious • There are many ways to animate faster • Common techniques • Copying • Moving • Grouping • Toolbars • Formatting • Hiring students

42. What you can copy • Whole presentations • Blocks of slides • Individual slides • Blocks of objects with their animations • Objects and their animations • Objects • Text boxes (format one, make copies, change text as needed)

43. Where you can copy • Within a slide • Within a presentation • To a different presentation • The background will change to new one • Have two PPTs open at once • In each case, the animations will stay with the objects

44. Moving & positioning • Turn on the grid lines (View/Grids & Guides) • Moving objects • Click on object • Arrows to move large amounts • CTRL arrows to nudge • CTRL arrows are same as Draw/Nudge • Text boxes • Click on box, not text • Rest is like objects

45. Grouping • To “glue” things together • Click on one object • CTRL click on others in sequenc • Still on a selected object, right click • Select Grouping/Group • Do with small groups to move together • Then group your groups to move more • Grouping/Ungroup does one layer at a time

46. R R A R T T R + T + A = 1 Grouping example Then group these objects and A so you can position them. First group these arrows and R so you can position them. R R Then group these arrows and T so you can position them. A A A T T R + T + A = 1 R + T + A = 1 Last, group the text box (equation), the photo and the other groups so you can move or copy everything together. You have to ungroup to change the objects within the group.

47. Toolbars • The most useful extra toolbars are • Picture • Drawing • Turn on: right click any toolbar, check box • Add icons to toolbars already showing • Custom animation • Superscripts, subscripts • Special characters (contact author) • Right click toolbar, customize, explore & drag

48. Formatting efficiencies • For objects • Select multiple objects • Format one, you’ve formatted them all • On the Custom Animation Panel • Select multiple lines • Format one, you’ve formatted them all • Always check what you’ve done

49. The fun stuff is done Examples Useful tools Efficiencies Meat and potatoes now (Part 2) Troubleshooting & Testing What we’re doing and why Getting started (design) Building an animation Wait for the show to continue from the highlighted topicor click on a different topic.

50. Troubleshooting • Complex presentations never work right at the beginning • Things disappear • Hidden under another layer • Right click on what you can see • Order/Send to back • Animation steps wrong order • On Custom Animation panel • Select step (or steps) and drive up or down with arrow at bottom