Bouncy Balls in Adobe Muse – Muse Motion 2

Muse For You - Bouncy Balls in Adobe Muse - Web Design Ledger

 

Create a bouncy ball effect in Adobe Muse with the Muse Motion 2 Widget Powered by Greensock’s Animation Platform (GSAP). No Coding Skills Required.

Adobe Muse CC Logo Muse For You - Adobe Muse CC Greensock Logo

The Greensock Animation Platform (GSAP) is one of the most sophisticated animation platforms available for the web. With the Greensock Animation Platform you can create animation sequences and add animations to individual elements on your website. I was very excited when I first created the Muse Motion 2 widget for Adobe Muse. This gave you access to the Greensock Animation Platform without having to know any code. Developers spend hours fine tuning their code to get great animations. With the Muse Motion 2 widget the Greensock animations can be achieved with just changing a few settings in the widget.
Muse For You - Muse Motion 2 Widget Powered by Greensock's Animations Platform - Adobe Muse CC

In the video above I go over just how easy it is to create a bouncy ball effect in Adobe Muse using the Muse Motion 2 widget. Simply add a few circles, add the widget, set the settings in the widget, and apply the widget to the element. It took me less than 4 minutes to achieve this effect in Adobe Muse with the Muse Motion 2 widget.

Muse For You - Bouncy Balls in Adobe Muse - Web Design Ledger

This is the first video out of a series of videos I will be creating on how to create simple yet sophisticated animations with the Muse Motion 2 widget. I also show the Muse Motion 2 widget combined with the Muse Morph widget to transform SVG elements as they bounce. Hopefully this will inspire you for your own website :).

For more video tutorials and widgets for Adobe Muse visit http://museforyoushop.com.

Happy Musing :).

Read More at Bouncy Balls in Adobe Muse – Muse Motion 2

from Web Design Ledger http://webdesignledger.com/bouncy-balls-adobe-muse-muse-motion-2/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s