With Event Animation you can create your own functions and interactions. It is easy to use. We think we developed an easier and new way to work with Widgets inside of Adobe Muse.
What to expectYou the user design first and make your layout changes on each wanted breakpoint. After that you can add your animation, functions or even interactions with this widget.
What is in the packageThis widgets Comes with the following mucow items: – Event Animation IN options – Event Animation OUT options – ALL INITIAL Library. (required)
How does it workUse any HTML <tag> or CSS .class, #id on your designed page and select it with Event Animation. Here are a few examples:
- html – The html tag is the main tag of your page. Select this and make it animate
- h1 or p – Select this tag to make all your headlines and text move on different triggers.
- #ul123 – This generated CSS IDs generated by the Muse code.
- .button – Select this CSS class to make a lovely mouseover.
The basic way to start would be creating a class (selector) name in any of the Muse style panels. This can be the Character, Paragraph or Graphic Panel. Make sure you name your elements in a logical way. Here are a few examples:
- btn_buy or btn_home (reads buy button and home button)
- s1_sl1 (reads Section 1 and Subline 1)
- s5_trigger1 (reads Section 5, rectangle trigger 1)
Once your class names are set you can add these names inside the widgets inputfields. Always with a dot and multiple with a comma (eg. .btn, .btn2).
Event Animation uses a four step system to generate interactions or animation. You can even combine more then one Event widget to generate even more complex ideas. Use a flowchart to keep track of your ideas.
- IF: select Action
- ON: action Class (selector)
- DO: select Animation (IN/OUT)
- TO: target Class (selector)
The extra optionsThere are trigger settings. A Hide or show option. Also animation duration, delay and repeat options.
How to installAdding your widgets to the Muse library.
- Unzip the file. Double click on your .mulib file to automactily import the widget inside the Library of Adobe Muse.
- Inside of muse, locate the Library panel (select window > library). There you will find on the bottom left an import button. Click on this and locate the .mulib file and import.
Rejoice you are all set. Enjoy yourself with this newly and innovative product. We hope it brings you as much fun as it has done for us. And don’t forget more to come on the animation front soon.