How to create the swipe effect

The swipe effect lets you animate a transition between two scenes so that one scene appears to slide in over the other. This article explains how to set up the swipe effect in Powtoon Studio.

Before you start

You need at least two scenes in your Powtoon to apply a swipe effect between them. Open your Powtoon in Powtoon Studio before following the steps below.

How to create the swipe effect

To create the swipe effect between two scenes in Powtoon Studio, follow these steps:

Open your Powtoon in Powtoon Studio.
In the scene timeline at the bottom of the screen, locate the transition point between the two scenes where you want to apply the swipe effect.
Click the transition icon between the two scenes. A transition options panel will appear.
Select Swipe from the list of available transition styles.
Choose the direction of the swipe — for example, left, right, up, or down — using the direction controls in the panel.
► If no direction controls appear, confirm that the Swipe transition type is selected and not a different transition style.
Preview the effect by pressing Play in the timeline to confirm the swipe looks as expected.
When you are satisfied with the result, continue editing or Export your Powtoon.

What happens next

The swipe effect is applied automatically between the two scenes you selected. It will appear each time the Powtoon plays through that transition, both in preview and in the exported file.

Note: The steps above reflect the Powtoon Studio interface. If your workspace looks different, you may be using an older editor version. Our Customer Support Team is at your service 24/7 if you need help identifying the correct controls.

Videos

View Transcript

Hey everyone, get ready to learn how to create the swipe effect. Use this effect to demo a realistic user experience on a mobile device or tablet. Here's how you do it. Start by adding an image of a device to the stage. Let's search for a mobile phone and see what comes up. Sweet, I'll take this one. Let's resize the phone so it's as big as possible on stage and let's change the enter and exit effects to no effect. Now we need an image to show on our phone. I love this one, but it's too big. No problem. I'll just grab the corners and drag it inwards to resize it. Effect, though. Okay, just like we did for the phone, we'll change the enter and exit effects of this picture to no effect and we'll drag this tag that belongs to the picture on top of this one here that belongs to the phone so they appear on stage at the same time. The next element to add is the finger. Just search the word hand. Here we go. To create the swipe effect, we'll use A to B. It's super easy, you guys. Select the finger, select settings and then A to B. Take the duplicated finger and place it on the other side of the screen. One more double check of the timeline, set our fingers entry and exit effects and remember the finger always needs to appear on top of the phone. So let's select that finger again, right click and select bring to front. Okay, what am I forgetting? Right, the next picture that appears after this swipe. So let's add that picture now. Again, we'll resize it a bit so it covers the first picture completely. As we did for all other objects, we'll adjust the entry effects for this picture of baby cheetahs. Now we want the second picture to come in right after the finger swipe. So let's push it up a bit on the timeline and with that we're done. Let's hit play scene and voila. Oh yeah, swipe right on this awesome effect, my friends. Don't forget to make it awesome.