It has been a littel while since we posted a tutorial. Most of our time was consumed with creating new products, such as the Inforgraphic Elements series.
But a lot of people have been requesting new tutorials, so we devoted our time to set some new examples that you all can use in your job .
Today we want to show you how you can create an interactive picture carrousel. In one of our new products (Templates – Animated Portfolio) we make extensive use of picture carrousels in order to display different pictures and text without ever moving to the next slide.
You come across picture carrousels all over the internet. Most sites use them on their Home page to display the different services they provide. Our site is no different:
So how can you create one in Powerpoint? Let`s start!
1. Insert pictures
Look up the pictures that you would like to display in your presentation. They should be the same size as they will be positioned over each other.
In our example, we will use some sample pictures from Microsoft:
2. Scaling and Trigger shapes
Scale the pictures so they are of equal width and height. We will call these pictures:
Now insert shapes for triggering an animation.
Just add any shape from the shape library. Add one shape for each picture. For example three circles,
4. Create trigger effect
Now here comes the trick. We are going to create several combined animations, based on a trigger effect. Our trigger effect is the click on circle with the mouse.
a. Select picture A on and go to the Animation page and add the animation Appear.
Automatically, the animation is set to “On Mouseclick” in the Animation Pane. We want to change this to when we click Oval 1. This can be done by going to the Advanced Animation section> Trigger> Clicking on> Oval 1
Now Picture A will be animated (Fade appear) when we click on Oval 1.
We will do the same for the next pictures.
Select Picture B and add the Animation Fade to it. Set the trigger effect to Oval 2.
Select Picture C and add the Animation Fade to it. Set the trigger effect to Oval 3.
Your animation should look like this:
We are almost halfway. The only thing we need to add is that when a picture is selected, the other should disappear.
b. Select picture A again and Add a new animation: Disappear.
Select the animation and drag it into the trigger section of Picture B.
Now add a third animation to picture A and drag the animation to the section of picture C.
As a final touch, let all the animations start directly with eachother by selecting "Start with previous" option:
The trigger effects are shown with your picture as a lightning bolt (on the left):
5. Align the pictures over eachother and view the result.
Voila! You are done!
The sample file can be downloaded here. Remember, there is no limit to the number of shapes and triggers you can use in your presentation. Just go crazy and amaze your audience with dynamic and interactive content in your presentation.
To give you an example of what you can achieve with this technique, take a look at this short demo video: