This document provides instructions for animating an image in 4 different ways using PowerPoint. It demonstrates how to split an image in half and have the two halves animate in from opposite directions. It also shows how to create a 3-way scroll animation by dividing the image into thirds and animating each section. Another example demonstrates flying the image pieces together by dividing the image into quarters and animating each piece to fly in. The final example provides steps to create a 4-way fade in animation by dividing the image into quarters and fading each section in sequentially.

1. Example www.tlccreative.com
This Tutorial takes 1 image
and animates its entrance
in 4 dynamic ways.
Sometimes all it takes is a little “thinking outside the box” to really get
the creative ideas happening. The animations used in these four
examples are great - but more importantly, you can use the ideas and
concepts in your presentations to produce even greater animations!
760-639-1853
All animations are optimized to use the WITH PREVIOUS option available in PPT 2002-2003,
but will animate nicely in PPT 97-2000 (which defaults to AFTER PREVIOUS).

2. Example www.tlccreative.com
CLICK TO ANIMATE
1

3. Example www.tlccreative.com
CLICK TO ANIMATE
2

4. Example www.tlccreative.com
CLICK TO ANIMATE
3

5. Example www.tlccreative.com
CLICK TO ANIMATE
This Animation is only available with PowerPoint XP/2003
4

6. Example www.tlccreative.com
HOW-TO
SECTION

7. Example www.tlccreative.com
Example 1
Split Out

8. Example www.tlccreative.com1

9. Example www.tlccreative.com1
Step 1: Insert image
Step 2: Duplicate Image
Step 3: Align the two images
(Easiest method is to
select both images and
ALIGN LEFT and then
ALIGN TOP)

10. Example www.tlccreative.com
Step 5: Crop images to the
horizontal guide
(Select CROP tool
from Format Picture
tool bar)
Step 4: Add guidelines to divide images in half
(To turn on VIEW >> GRIDS & GUIDES >>
check DISPLAY DRAWING GUIDES ONSCREEN)
1

11. Example www.tlccreative.com1
Step 6: Animate top image
(Select top image, open custom animation pane,
choose PEEK IN. Modify direction to FROM
BOTTOM)
Step 7: Animate bottom image
(Select top image (the top portion
is now visible), open custom
animation pane, choose PEEK
IN. Modify direction to FROM
TOP, start WITH PREVIOUS
and make Speed same for both)

12. Example www.tlccreative.com
Example 2
3 Way Scroll

13. Example www.tlccreative.com2

14. Example www.tlccreative.com2
Step 1: Insert image.
Step 2: Stretch to fill screen
Step 3: Duplicate image
- 3 images total.

15. Example www.tlccreative.com2
Step 4: Align images
(Easiest method is to
select images and
ALIGN LEFT and
then ALIGN TOP)

16. Example www.tlccreative.com2
Step 5: Set Guidelines
• Goal is to divide image
horizonatlly into 3 equal pieces.
• Turn on Guides and Rulers.
• Drag horizontal guide up to the
first 1/3.
• CTRL+click and drag horizontal
guide TO ADD another guide.
Position this one on the lower
1/3 point.

17. Example www.tlccreative.com2
Step 6: Crop bottom Image
• Select image.
• Select CROP tool from Format
Picture tool bar.
• Drag top down to bottom 1/3 guide.
Step 7: Crop Top Image
• Select image by clicking above bottom guide
• Select CROP tool from Format Picture tool bar.
• Drag bottom up to top 1/3 guide.
Step 8: Crop Middle Image
• Select image by clicking middle.
• Select CROP tool from Format Picture
tool bar.
• Drag bottom up to bottom 1/3 guide.
Drag top down to top 1/3 guide.

18. Example www.tlccreative.com2
Step 9: Animate
• Apply a WIPE animation to all three images.
• Set animation parameters as shown for each.
TOP MIDDLE BOTTOM

19. Example www.tlccreative.com
Example 3
Fly Together

20. Example www.tlccreative.com3

21. Example www.tlccreative.com3
Step 1: Insert Image
Step 2: Duplicate 3x’s
(4 images total)
Step 3: Align Images
(Easiest method is
to select images and
ALIGN LEFT and
then ALIGN TOP)

22. Example www.tlccreative.com3
Step 4: Set Guidelines
• Goal is to divide
image into
4 equal pieces.
• Turn on Guides and
Rulers.
• CTRL+click and drag
ADDs new guides.
• Add 2 vertical guides
at the left and right
edge of image.
• Add 2 horizontal
guides at the top and
bottom of the image.

23. Example www.tlccreative.com3
Step 5: Crop Image
• Select image.
• Select CROP tool from Format
Picture tool bar.
• Drag and snap to guides.
• Repeat to create 4 images that
together make the one large
picture.

24. Example www.tlccreative.com3
Step 6: Animate
• Apply a FLY IN
animation to all four
images.
• Set animation
parameters as shown
for each.
TOP-LEFT TOP-RIGHT BOTTOM-RIGHT BOTTOM-LEFT

25. Example www.tlccreative.com
Example 4
4-Way Fade In

26. Example www.tlccreative.com
This Animation is only available with PowerPoint XP/2003
4

27. Example www.tlccreative.com4
Step 1: Insert Image
Step 2: Duplicate 3x’s
(4 images total)
Step 3: Align Images
(Easiest method is
to select images and
ALIGN LEFT and
then ALIGN TOP)

28. Example www.tlccreative.com4
Step 4: Set Guidelines
• Goal is to divide
image into
4 equal pieces.
• Turn on Guides and
Rulers.
• CTRL+click and drag
ADDs new guides.
• Add 2 vertical guides
at the left and right
edge of image.
• Add 2 horizontal
guides at the top and
bottom of the image.

29. Example www.tlccreative.com4
Step 5: Crop Image
• Select image.
• Select CROP tool
from Format Picture
tool bar.
• Drag and snap to
guides.
• Repeat to create 4
images that together
make the one large
picture.

30. Example www.tlccreative.com4
Step 6: Animate
• Apply a FADE IN
animation to all
four images
(PPT 2002-2003
only).
• Set all animations
to
WITH PREVIOUS.

31. Example www.tlccreative.com4
Step 7: Open Advanced Timeline
• In the Custom Animation Pane,
select an animation, click the
black chevron on the right and
select SHOW ADVANCED
TIMELINE.

32. Example www.tlccreative.com4
Step 8: See All Advanced Timeline
• THIS IS OPTIONAL.
• Hovering over the Custom
Animations left edge,
drag/stretch to left to see more
of the timeline.

33. Example www.tlccreative.com4
Step 9: Adjust Advanced Timeline
• Set animation parameters as listed below.
• Drag the animation timing bar to the right to create a .2 second delay**
**Play with this timing and ability to overlap animations – it is one of the most powerful
animation features of PowerPoint!
TOP-LEFT TOP-RIGHTBOTTOM-RIGHT BOTTOM-LEFT