Storyline Animations
Jul 24, 2012
By
Joe Deegan
A little disappointed to see the limited animation options in Storyline. I miss motion paths and the wipe animation in particular. Has anybody come up with a creative solution for simulating a motion path animation in Storyline?
I'm trying to create a scene where a projector screen drops down from the ceiling. I would typically do this with motion paths or a wipe animation but I'm stuck in Storyline. Any ideas?
52 Replies
I have been experimenting with using a web object to load a HTML5 animation that has been made in Adobe Edge, this gives more animation options and interactions. This the only work around I have found for publishing to HTML5 for the iPad etc.
Hi Glyn,
Way to push it.
I have a couple of questions:
1. How is the layering? Can you place things above and below the web object?
2. Is there a timing issue with the object and other elements?
Hi Mark
Sorry for the delay in getting back to you.
You can place the Web Objects on the top layer. If you put it on a lower layer you cannot seem to load higher layers. I also have a problem with closing the layer that the Web Object is on, I am still working on this.
The Web Object and the main storyline slide have independent timelines. The Start and Pause buttons, as well as other interactions on the web object work as normal.
I will post a link to a test file here as soon as I have ironed out a couple of minor issues (that I have caused!).
In the meantime - Happy New Year to everyone.
Glyn
I have been working on embedding HTML5 animations and have found some restrictions, most of you probably know about these, but here they are;
You can see the example at lms.aviatas.com/Trials/EmbeddedHTML5Mobile/story.html
Sorry about the simple animations.
I have been using flv's to maintain transparency. The only issue I am running into is horribly slow load times. The file isn't even over 30 mb. Does anyone have a suggestion to making a presentation play faster when multiple flv's are running. It also takes some time to load like 35 seconds. Their are a lot of layers. Part of the issue here is it promotes user control so their is a lot of choice, and where there is a lot of choice there are a lot of triggers, variables, and slide layers. Any ideas to quicken load times other than dropping quality.
Are you talking about the entire atriculate course or the flv files that are near 30 mb?
A couple of tricks you might use is to make any assets you use correctly sized for your final output. I'm sure you know what happens when you increase the size of the image, it becomes very blurry and jagged. So most people tend to get the image larger then they need. Well if you get it to large and size it down, you still have the 5 mb file size to deal with. Most programs will recapture the image and lower the file size when you output it, but some don't. So I suggest that you trim the fat when it comes images and audio. variables and triggers shouldn't be a problems since they are just text and code.
The course at its worst quality is 30mb at its best its 55mb or so. Most of the animations and pictures are sized to the size of the slide i am producing to. I have a ton of slide layers appearing on hover over on the same slide the animations play. Once I publish out and view it online the course just chugs. Could it be too many layers and state changes on hover over?
That kind of file size is unacceptable, so while this works well and appears seamless I question it's validity in the real world where clients are wanting a smaller output to load quickly. The other issue is the lack of transparency with a .wmv file which means to use PowerPoint you would likely be restricted to PowerPoint dimensions. I will test this out though and see what the options are. Thanks for this post and the links guys. Very informative as usual. Like all of you, I am looking forward to the custom animations and motion paths being available in Storyline.
Some nice tests there. Annoyingly for us, we want to use the Flash output for desktops (ie6 solution) and HTML5 output for mobile. That means we can't add HTML5 animation objects. Definitely looking forward to extended animation functionality.
Is there a "estimated time of arrival" for more animation features in Storyline, especially customizable motion paths and wipes?
Hi Monica and welcome to the Heroes Community.
Articulate never "pre-announce" feature and function availability, however, I am sure it is being worked on.
Sorry that's not very positive, but you can be sure that the end-result will be
In the meantime, if I need to do this, I create in PowerPoint 2010 with all the animations I need, save to video format, and then just Insert > Video, it works perfectly and seamlessly.
Hope that helps - and once again a warm welcome to the Heroes Community.
Bruce
PS - apologies for saying again what I had forgotten I said back in July!
If you have Presenter, you can also save it out as a swf, which is full-screen and uses less bandwidth.
Honestly I always get a stock response of submit a feature request, or this is very popular I am sure its being worked on, but there is very little I see actually changing. The video work around is functional but not practical. I use the software to create a lot of learning games and have recently run into more problems with using videos. The .flv work around is crashing flash when multiple layers and states are involved. Without a motion tween or a way to more accurately define the speed of an object other than the 5 choices, it is extremely limiting. The software would be far more powerful with the motion tween available.
I would also like to see more animation options, including wipe and motion paths. I submitted a feature request and suggest that others do as well. Storyline is still a relatively new product, so it can be expected that more features are needed. I would rather have fewer features that work properly than have a lot of features that may not. I do wish Articulate would give us some idea when the next release will be available. It would be very helpful
Once you have everything all set:
This will create a video that you can then 'Insert" in Storyline.
Thanks Phil,
This assumes that I have a more recent version than Powerpoint 2007.
Yes - it does I'm afraid.
Bruce
Hi everyone, I think you can do a lot with the animation in Storyline. You just have to be a little creative. Here is an example of a storyline project in which the animation was done entirely in Storyline. I posted this example a while back but here it is again for those of you who are interested.
Example
Trying to expand the animation options in SL using the mouse cursor.
Since the cursor is very small (32x32) you can change the picture after you publish the file. The cursor is stored as "mouse_long number.png" inside the story_content folder. (make sure you give the new .png the same name)
Call me mad but since animated cursors can be inserted as well, it's quite easy to create and insert a walking character, driving car, flying plane etc. completely animated and without any transparency issues.
Hi Nick, great you liked my idea
I guess the mouse menu opens because you're missing the original cursor that I used in my project.
(didn't realize it wouldn't actually copy the cursor into SL)
I will attach an updated version of the project where I already selected a standard mouse cursor. All you will need to do is publish it and change the "mouse_long number.png" inside the story_content folder with a picture of your liking (let's say 256x256 in size)
You can also change or insert a mouse cursor yourself :
Let me know how creative you got with this:)
That's a pretty keen trick. You can do quite a bit with this method using slide to slide positioning. The cursor (or custom cursor) will follow the waypoint sequence from slide to slide. The down side is you can only have one on a slide at a time.
Mostly I've used Bruce's method of making little movies in PowerPoint, although sometimes the images are not very crisp. However, a post on this topic some time ago about using silences to trigger events got me thinking that one could almost do cell animation using them to change layers. One would need a pretty good educational reason to go to this trouble, but it lets you animate more than one thing at a time. Once you have a slide set up with numbered silences, you could use it anywhere you needed it, though you'd need to do your own tweening with the images. So, here's my contribution as a truly rococo solution.
--mlm
@Steve Yeah, too bad that you can't add more than one waypoint :(
@Margaret Triggers and states are indeed another great way to add some animations. However, I don't see a reason to use "silences" instead of shapes/objects. Am I missing something here?
If you duplicate your slide, the next slide will make another waypoint, sending the cursor from the end position on the previous slide to the end position on the duplicate slide. Making a slide advance automatically should produce a nearly seamless looking transition between waypoints.
mhhh, that makes for some interesting possibilities I think.
I still have to test how an animated cursor+changing the .png will work out.
How about using an animated picture as replacement for the .png, combined with an automatic slide advance....
EDIT: I found this great and 100% free cursor creator/editor program http://www.rw-designer.com/cursor-maker
This discussion is closed. You can start a new discussion or contact Articulate Support.