Simple & Sweet On Scroll Animations - Adobe Muse

Simple & Sweet On Scroll Animations - Adobe Muse


Welcome to the Simple & Sweet On Scroll Animations Widget by Muse For You.

Muse For You - Simple and Sweet On Scroll Animations Widget

The "Simple and Sweet On Scroll Animations" widget is a widget dedicated solely to on scroll animations. You can choose from up to 26 animations and set the position of when the element animates on scroll.

The widget is comprised of 2 widgets. They are:

"SSOSA" is short for "Simple & Sweet On Scroll Animations."

To install the widget un-zip the zip file and double-click on the .mulib file that is in the folder. The widget is then installed into your Adobe Muse library panel. If you do not see your library panel go to Window-->Library in Adobe Muse. Afterwards click, hold, and drag the widget onto your Adobe Muse website.

 

Before beginning add the "SSOSA - Add First" widget to the top of your Adobe Muse website.

Muse For You - Simple and Sweet On Scroll Animations Widget Options - Adobe Muse CC

 

 

 

 

Below are the widget options for the widget. Each section comes with additional information for easy reference on how to use the widget.

Muse For You - Simple and Sweet On Scroll Animations Widget Options - Adobe Muse CC

To assign the animation to an element:
 
1. Click on the element.
 
2. Open the "Graphic Styles," panel in Adobe Muse.  If you do not see the "Graphic Styles," panel simply go to window at the top of the browser and select "Graphic Styles."
 
3. Create a new graphic style by selecting the small square icon that looks like a piece of paper in the bottom right of the panel.
 
4. Name the graphic style the same as the graphic style name you chose for the animation in the widget options.
 
5. This will assign the graphic style name to the element and because the "SSOSA," widget has the same graphic style name it will trigger that element to animate.
 
Understanding Anchor Placement:
 
1. The anchor placement is what triggers the element to animate.

2. If ‘top-bottom’ is selected for example the element will animate when the top of the element reaches the bottom of the browser. If 'center-center' is selected the element will animate when the center of the element reaches the center of the browser.

3. Adding an offset will move the anchor placement up or down. If a positive number is entered it will move the anchor placement up. If a negative number is entered it will move the anchor placement down.

I've used the following images, icons or other files as listed.


Once again, thank you so much for purchasing this widget. I'd be glad to help you if you have any questions relating to this widget. If you have a more general question relating to this widget, you might consider visiting the forums and asking your question in the "Item Discussion" section.

-John Ramos

Muse For You

Coming Soon.