March 29, 2024
Muse For You - Bouncy Balls in Adobe Muse - Web Design Ledger

Bouncy Balls in Adobe Muse – Muse Motion 2

 

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 :).

Share

John is an Adobe Muse ninja who spends most of his time creating Adobe Muse video tutorials and widgets for Adobe Muse. He is the creator of Muse For You. Visit Museforyoushop.com for more Adobe Muse video tutorials and widgets.

Leave a Reply

Your email address will not be published. Required fields are marked *