How to Build a Custom Flip Animation Effect in PowerPoint For Your Website

2 minutes

In this article, we will talk about enriching your presentations with an interactive 3D effect. It’s always very exciting for the viewer to be able to control objects on a slide. This article will teach you to create objects that can be flipped using PowerPoint’s animation effects.

Wondering how we made a PowerPoint object play on a web page? The trick is to have a PowerPoint slide turned into web-ready Flash or HTML5 format. With the iSpring Converter Pro, you can create a perfect Flash+HTML5 copy of a PPT file, keeping all animations, slide transitions and interactive content perfectly intact. Published presentations will be supported by desktops, laptops and mobile devices including iPads, iPhones and Android tablets.

Here are the instructions on how to build Flip Custom Animation:

Step 1. On a slide, place two pictures of the same size that represent two sides of one object.

For example, we are using these two pictures of the Earth’s two hemispheres:

Step 2. Now we add the following animation effects to each of them in order to make them move the right way (This sample was created with PowerPoint 2007):

  1. Object 1 – Collapse exit effect – on click
  2. Object 2 – Stretch entrance effect – after previous
  3. Object 2 – Collapse exit effect – on click
  4. Object 1 – Stretch entrance effect – after previous

To make the picture flip smoothly, set all four effects to run at equal speed. For our example, we selected Very Fast.

Step 3. Place the front picture on top of the back one.

For our example, we put Object 1 over Object 2. To control the position of the objects, use the Send to Back and/or Bring to Front PowerPoint options from the right-click context menu.

Step 4. Preview your slide to make sure the picture flips over the right way.

Flip custom animation effects can only be built in PowerPoint 2003 and PowerPoint 2007 as Stretch and Collapse effects can’t be applied in PowerPoint 2010.

I love iSpring because it’s awesomely easy to convert Powerpoint to Flash in just a few clicks while still preserving all of the animations and transitions.

Zhikuan Zhao

Check out iSpring Converter Pro ›

This sample presentation is available for download in PowerPoint. Please use the links below:

Download PowerPoint sample

If you liked the article, please let us know by clicking the Share button.

If you have any ideas what kind of e-Learning topics you’d like to see discussed, feel free to leave a comment; we’re always happy to write new content for you.

iSpring Suite

Fast course authoring toolkit

Create online courses and assessments in record time.

Fast course authoring toolkit

3 comments on “How to Build a Custom Flip Animation Effect in PowerPoint For Your Website

  • It looks like the stretch and collapse animations have been restored in Powerpoint 2016. You have to search a bit to find the “more animations” but I’m using those two effects in a slideshow right now.

  • Thank you for clarifications. PowerPoint 2010 and 2013 didn’t have the Stretch and Collapse animations. It took Microsoft 6 years to understand that people use these animations and bring them back.

    As a workaround for 10′ and 13′ versions, you can combine Zoom and Expand animations to substitute the stretch animation. Read more at Microsoft Answers.

  • Not sure whether it makes a difference but I’m using PowerPoint on Office Pro 2013 (in an education environment) and those effects are there. You have to do a bit of poking around (i.e. on the ‘Add Animation’ dropdown go to ‘More Exit Effects’. In the Moderate area, Collapse is there. Under the ‘More Entrance Effects’, again in Moderate, ‘Stretch’ is there.
    Maybe we have more features because of the version we have.

Leave a Reply

Your email address will not be published. Required fields are marked *

iSpring Suite
Fast course authoring toolkit
Learn more