Animating an Object
Jun 07, 2012
Hi everyone,
I was wondering if it would be possible to animate an object between different states. For example, I have a large image of a compass and I want the compass to slide down and reveal a map when the student clicks on "North" or "South". Right now I have it so that the first state changes to the second state at the bottom of the screen when the user clicks on North, but it's a very quick transition and I'm trying to make it more fluid. Does anyone have any ideas on how to get around this?
Thanks!
Daniela
10 Replies
Hi Daniela,
I would like more information about what you are trying to do because I admit that I don't fully understand (probably my language barrier...).
Could you post your slide or give me further information?
Thanks and have a nice day!
Annie
Sure, I can post it. I understand, I knew when I explained it that I didn't explain it very clearly. From what I have so far (unfinished) you can click on "north" and " east" and the compass will "move" to reveal the image underneath in those areas. What I want to accomplish is to have this move smoothly, maybe with an animation like fly-in so that it seems to be sliding around. Also, I can't figure out how to do it so that the user can reclick on the same spot and return it to normal, or click on the next North/South/East/West button and change fit the flow. Let me know if this makes more sense, hopefully it will be seeing the file.
Thanks so much for your input,
Daniela
Hi Daniela - I have uploaded a very rough example of one way to do this. Since Storyline does not have the ability to do this type of animation, I used PowerPoint to animate the movement of the compass and then saved the PowerPoint slide and a .wmf file (video).
In Storyline, I inserted a picture of the compass and then edited the states to add a new state called AnimateDown. In this state I inserted the .wmf video.
I added a trigger to the south text that tells SL to change the state of the compass picture to AnimateDown on click.
Hi Daniela,
I looked at it and thought about something.
I don't know how to make the compass move but found something interesting.
Using layers and fade in/fade out (very slowly) animation on the compass gives an interesting result. So you need 4 layers for each direction. What I would do first is to set the triggers on the compass on the base slide since you will be able to copy/paste it and the triggers will follow. Also, to take the compass back to its original position (base slide) I would probably add a hotspot in the middle of the compass.
So, once your triggers are set, you can copy and paste the compass to their respective area on the four slides and it should work smoothly.
I don't know if this solution suits you...
Post back if you want more information.
Have a nice day!
Annie
That's a cool way to do it too. I think I'll try to work with that, thanks! Do you know if there's a way to make it revert back to normal afterwards? Maybe I can place an "up/down" button.
Wow Nancy, that is a really good idea!
Thank you! Will surely try it!
Thanks Annie, that's interesting too I'll try it. Do you know how I would get the sequence of the trigger from all four layers to begin? Would I trigger them all to the "north" button to begin at the same time?
I think your best bet would be to create a second animation in PowerPoint showing the compass moving up and then create another state in storyline.
Thanks Annie, I'm glad I could give you a new approach.
Hi Daniela,
I have worked with tha fade in animation of the layers and it gives an interesting result.
I have put a hotspot in the middle to go back to the base slide (initial position).
Have a nice day!
This discussion is closed. You can start a new discussion or contact Articulate Support.