How Do I Use Animation Effects in my Sprout?

This video will teach you how to use basic animation effect in your Sprout. Specifically, how you can change the way an object shows up or disappears from a page. Look at this here, I have an image on the background master page. Now, I am going to go back to the content page and I am going to use this image from the Asset Manager. Cool!

Now, let us decide how we want this image to show up on the page. Let say, I wanted to Fade In slowly, click on the object and up pops the property box. Click on the Effects & Animation header to open the menu.

[Demo]

In the default state pull down box, select the page show. This means the object will animate when your Sprout page pops up. Now, let us choose Fade In from the Add an Effect pull down menu. You can adjust how long you want the fade to be, how long it delays there should be before the object fades in and if you want to ease the object in or out. Let us click on Preview and see how it looks.

[Demo]

Lovely! But I have decided I want a different effect, maybe a Slide In effect could be more interesting. So I exit the Preview and go back to the Properties box. Click on the X to get rid of the Fade In effect. Let us go to the Slide In effect instead. You can change the same setting as with the Fade In effect but now you have this new option direction. This means you can decide what side of the Sprout your object will slide in from. I am going to choose left. Now, let us preview this.

[Demo]

That looks appropriately terrifying. You can also apply this animation effects to your object when your Sprout page goes away as well. Exit Preview, go back to the Properties box. If you click on the Page Show drop down box, you can also choose Page Hide. You can use animation effects to fade out or slide out of the Sprout page. I will have my image slide out on page hide. I will click on preview.

[Demo]

That looks great. And that wraps up how to use animation effect in your Sprout.