Articulate Storyline – How To Add Animations To An Object States

State_Animation-Articulate_Storyline_360

Animations play an important role in an eLearning course as it will make the course look engaging. Using animations conceptual elements can be presented in an easy and effective way.

In this blog we will demonstrate you on how to add animations to the “States”.

Step 1

Create an image or shape.

State_Animation-Articulate_Storyline_360_Img01

Step 2

Select the image which you want to animate and click on “states”. Then click on “EDIT STATES”.

State_Animation-Articulate_Storyline_360_Img02

Next, create states by clicking “New or Duplicate” state icon. Let’s use hover, down and visited states.

State_Animation-Articulate_Storyline_360_Img03

Step 3

Select a state and then create a shape.

State_Animation-Articulate_Storyline_360_Img04

It is not possible to add animation to the object in a “State”. We can animate the same object by duplicating the object.

Normal Object:

State_Animation-Articulate_Storyline_360_Img05

Duplicate Object:

State_Animation-Articulate_Storyline_360_Img06

Step 4

Finally add animations to the object.

State_Animation-Articulate_Storyline_360_Img07

Once done, click on “DONE EDITING STATES”.

Now preview the slide to see the output.

[video_lightbox_youtube video_id=”DanHcWW295w” width=”900″ height=”506″ anchor=”https://www.swiftelearningservices.com/wp-content/uploads/2018/01/you-tube-Buttons-3-1.png”]

Note: In “States”, we cannot create Motion path animations. Adding animations to object in states can be done in Articulate Storyline 2 and Storyline 3 versions.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

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