Muse Motion 2 Update - For Adobe Muse CC

Powered by GSAP from Greensock


Welcome to the Muse Motion 2 Update by Muse For You.

Muse For You - Muse Motion 2 Widget - Adobe Muse CC

Now with the new update to Muse Motion 2 the sequence widgets load faster and you can now add audio to each motion in a sequence as well.

The following updates were added to Muse Motion 2:

The sequence widget now comes in 3 parts. They are:

Muse For You - Muse Motion 2 - Widget Options - Adobe Muse CC

 

The "Beginning" widget allows you to set the instance number, delay, repeat, and repeat delay for the squence. It also allows for the sequence to play in reverse once it finishes playing forward. To have the sequence infinitely repeat set the "repeat" option to -1.

Muse For You - Muse Motion 2 - Widget Options - Adobe Muse CC

 

The "Middle" widget allows you apply the transformations to the element in the sequence. It also allows you to add audio to the element in the sequence. To add a new motion simply copy and paste this widget and change the graphic style name in the widget. Then apply the graphic style name to the element you would like to apply the motion to. The "Middle" widgets must be in between the "Beginning" and "End" widgets in Adobe Muse. 

Muse For You - Muse Motion 2 - Widget Options - Adobe Muse CC

 

The "End" widget oversees the overall timing of the sequence and when to trigger the sequence. It also allows you to add play buttons for the sequence. The graphic style name in the on scroll option is the graphic style name of the element you would like to trigger the sequence. When that element reaches a certain point within the browser the sequence will start playing.

Muse For You - Muse Motion 2 - Widget Options - Adobe Muse CC

You can now add audio to each element in the sequence. The audio will trigger when the element plays in the sequence. For each new audio in the sequence change the "Audio Instance Number." The first audio could have the instance number 1, second audio 2, third audio 3, and so on. Audio must be a .mp3.

Muse For You - Muse Motion 2 - Widget Options - Adobe Muse CC

The are the steps for applying the Muse Motion 2 widget to any element on your Adobe Muse website.

1. Select the element

Muse For You - Muse Motion 2 - Select Element - Adobe Muse CC

2. Apply a graphic style name to the element using the graphic styles panel in Adobe Muse.

Muse For You - Muse Motion 2 - Graphic Styles Panel - Adobe Muse CC

3. Make sure the widget has the same graphic style name in the widget options.

Muse For You - Muse Motion 2 - Assigning Graphic Style - Adobe Muse CC

Notice that the graphic style created in the graphic styles panel is the same as the graphic style name in the widget. Because the element has the graphic style name of the widget assigned to it you can apply any transformations to that element using the widget options.

Muse For You - Muse Motion 2- 2D Transformations Widget Options - Adobe Muse CC

Muse For You - Muse Motion 2 - Graphic Styles Panel - Adobe Muse CC

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