I was wondering if object animations can be linked to user events in any way. For example, could an image fade out when the user clicks on it and a new image fade in on exactly the same coordinates? Similarly, clicking again on the image could restore the original image. If this works, we could have an interesting "flip images" efect.
You will see a very simple example of how to set up a STATE (click on the image, and then click on the images area - called BoxClicked), which is associated with the rectangle.
There is a TRIGGER (over to the right) that says "When a user clicks on the rectangle, change it to the other shape - the cylinder".
Thank you Alexandros. Thank you Bruce. Yes, that was exactly the idea!
@Alexandros, your example accomplishes a smooth transition between two images. Do you think that it would be possible from one image to a text box as well? Besides, I would be great if the text could be localized for multi-language support.
Please take a look at the following example from a Raptivity template:
The animation effect they implemented is awesome. If Storyline could do things like that, I honestly think that presentations would be an authentic delight to the eyes.
Thank you Bruce, the proposed example is an excellent workaround and it allows to do the job!
It does not make easy the multi-language support though. As far the text is entered as an image, it does not allow to export the localization strings into a file (the recommended procedure in the recent release Update 1) for submitting for translation by a professional translator.
It is a good ground anyway to try to get to there.
I am excited that templates, animations, ... ARE being developed. I constantly see example files being submitted onto the forum, particularly from experienced Super Heros like you Bruce. The question is, why is not anyone keeping an index of the available material? Not even Articulate staff. Their official web page is quite poor, including only a few examples, while plenty of them are being lost in the forum. I hope they (or someone else) can solve those little coordination issues, while I keep congratulating them for supporting this fantastic Community.
As you need multi-language support, this needs to go into the design process. In this instance, rather than using a state, I would use a layer - where the text does export for translation. If you end up using Raptivity in your projects I suspect that you will run into exactly the same translation issues.
In terms of examples, think of it like this:
Would you expect the Daler-Rowney paints site to keep an encyclopaedia of all paintings that people produced? Storyline is different - it's possible to build almost anything - it just relies on how creative you are.
I sometimes find it frustrating, because I would like things "pre-built - but we have to start a new way of thinking with this product. I do hope the animation options increase soon. I am not someone who can immediately think of new interactions, new ways to build concepts - my creativity usually lies in other areas. The way I learn is to work with others, and copy ideas when others post on the site.If people post something you like, you can "Favourite" the post, or just copy the (attached) file onto your PC for dis-assembly and re-use later on.
16 Replies
Yes! Though choices are not as robust as PowerPoint yet.
http://community.articulate.com/tutorials/products/adding-entrance-and-exit-animations-to-an-object.aspx
Most folks miss motion paths. This discusses that and offers some workarounds: http://www.articulate.com/support/kb_article.php?product=st1&id=vilad7faispm
Help?
Thank you Gerry, it helped me at least!
I was wondering if object animations can be linked to user events in any way. For example, could an image fade out when the user clicks on it and a new image fade in on exactly the same coordinates? Similarly, clicking again on the image could restore the original image. If this works, we could have an interesting "flip images" efect.
Or any workarounds exist?
Best regards
Hi Davin,
I'm pretty sure you can achieve that with storyline quite easily, using triggers and image states.
Thank you Alexandros.
I will try to get it, although I am quite new to Storyline and I do not think that it is the easiest exercise that I can do for a initiation.
Detailed steps for someone who has accomplished similar functionality would be appreciated!!
I suppose you're looking for something like this?
http://dl.dropbox.com/u/9629587/simpleswitch.story
Hi David
Have a look at the attached .story file.
You will see a very simple example of how to set up a STATE (click on the image, and then click on the images area - called BoxClicked), which is associated with the rectangle.
There is a TRIGGER (over to the right) that says "When a user clicks on the rectangle, change it to the other shape - the cylinder".
Hope this helps for starters.
I would really recommend having a look at the Tutorials at http://community.articulate.com/tutorials/products/articulate-storyline.aspx, and also at the Showcase, which shows what is possible.
Hope that helps, and I wish you luck with your project.
Bruce
Thank you Alexandros. Thank you Bruce. Yes, that was exactly the idea!
@Alexandros, your example accomplishes a smooth transition between two images. Do you think that it would be possible from one image to a text box as well? Besides, I would be great if the text could be localized for multi-language support.
Please take a look at the following example from a Raptivity template:
http://www.raptivity.com/elearning-interactivity-samples/flash-cards?tmpl=component&type=html5
The animation effect they implemented is awesome. If Storyline could do things like that, I honestly think that presentations would be an authentic delight to the eyes.
Best regards
David,
At the moment you need to look for different ways to do things in Storyline - animations ARE being developed.
Preview the attached, then place your mouse over the image.
This is VERY rough and quick, but you can use states to achieve many different effects.
Bruce
Thank you Bruce, the proposed example is an excellent workaround and it allows to do the job!
It does not make easy the multi-language support though. As far the text is entered as an image, it does not allow to export the localization strings into a file (the recommended procedure in the recent release Update 1) for submitting for translation by a professional translator.
It is a good ground anyway to try to get to there.
I am excited that templates, animations, ... ARE being developed. I constantly see example files being submitted onto the forum, particularly from experienced Super Heros like you Bruce. The question is, why is not anyone keeping an index of the available material? Not even Articulate staff. Their official web page is quite poor, including only a few examples, while plenty of them are being lost in the forum. I hope they (or someone else) can solve those little coordination issues, while I keep congratulating them for supporting this fantastic Community.
Best regards
Hi David,
As you need multi-language support, this needs to go into the design process. In this instance, rather than using a state, I would use a layer - where the text does export for translation. If you end up using Raptivity in your projects I suspect that you will run into exactly the same translation issues.
In terms of examples, think of it like this:
Would you expect the Daler-Rowney paints site to keep an encyclopaedia of all paintings that people produced? Storyline is different - it's possible to build almost anything - it just relies on how creative you are.
I sometimes find it frustrating, because I would like things "pre-built - but we have to start a new way of thinking with this product. I do hope the animation options increase soon. I am not someone who can immediately think of new interactions, new ways to build concepts - my creativity usually lies in other areas. The way I learn is to work with others, and copy ideas when others post on the site.If people post something you like, you can "Favourite" the post, or just copy the (attached) file onto your PC for dis-assembly and re-use later on.
Hope this helps.
Bruce
Hello Bruce, sorry I forgot to thank you for sharing your last views with the community.
Best regards
David
I imported slides with animation but I need to delete the animation. Storyline says there is no animation, but there is... Please help
Hi LynDee
Which animations are there - because Storyline does not support all animations?
Bruce
I have rectangles appearing around icons
I'm just going to delete the rectangle and add a new one. that should delete the animation.
OK - no worries.
Just shout and perhaps post the .story file if you run into any more problems.
Bruce
This discussion is closed. You can start a new discussion or contact Articulate Support.