Swivel animation - inconsistencies

I was trying to reproduce something I saw recently - where a single image swivels onto the screen in sections.

It looked simple enough to do - I just duplicated the image and cropped it into sections. Added the swivel animation, then moved each section progressively along the timeline.

The inconsistencies happen when I add the swivel animation effect. The video shows the different results. The first animation in the video has the swivel animation set to 0.25, the second 0.50 and the third 1.00 - all created from one slide that I duplicated - the only thing I changed was the animation duration.

I really wanted to use the 0.25 duration, but it adds gaps around my cropped pieces of the image, whereas the other two durations don't.

These two images show how I've cropped the image in Storyline - and how it looks when I add the 0.25 duration swivel animation.

Here's the video where you can see all three slides and their effects.

Any explanation as to why this is happening would be appreciated...

8 Replies
Dianne  Hope

Thanks Wendy - I think I know where you're coming from with this, but I don't see how the duration could have any effect on the way Storyline crops the image smaller for the shorter animation - one measure is the duration it takes for the object to swivel and the other is the time between the objects appearing on the timeline.

With the last slide in the video you'll see that the objects, which have a 1.00 duration on the animation, are entering while the previous object is still swivelling because the objects are 0.5 seconds apart on the timeline - and they line up without any effect on the cropping of the image. The middle slide has 0.50 duration for the animation, and objects are 0.5 seconds apart - so this is how I would set this up if I was looking to have objects finish swivelling as the next object appears on the timeline.

Ahhh - I think I've just answered my own question - if the 0.25 duration on the swivel animation is too short for the object to completely swivel, then maybe it's stopping a fraction of a second before the swivel completes, in which case the image would appear to be 'cropped', when in fact it's not quite rotated all the way around...

It would be good to get someone from Articulate to confirm this, please!!

I've just changed the 0.25 duration to 0.30 - and this is indeed the problem - 0.25 for the width of my objects is not quite long enough for them to swivel completely around. At 0.30 they complete the swivel and look the same as the other slides with longer duration swivel...

Vincent Scoma

Hi Dianne,

I appreciate the details you provided on this! 

I see in the video what is taking place, and as Wendy mentioned, I am curious as well if there is a possible mismatch with the animation/timeline.

With your permission, may I ask if you could share your file to review the setup? You can share it publicly here, or you are always welcome to send it to me privately by uploading it here. I'll share my findings and delete it when I'm done troubleshooting!

Dianne  Hope

Thanks Vincent - I'm not sure what is meant by 'mismatch', but I've attached the file for you to review. I've learnt something about swivel animations with this file - I think it depends on the size of the object you're adding the swivel animation to if you want the swivel to complete in a short duration. Anyway, let me know what conclusion you come to.

Wendy Farmer
Dianne Hope

I'm not sure what is meant by 'mismatch'

Hi Dianne

I meant that the image doesn't have time to finish the swivel before the next image on the timeline appears. 

This is the first slide.  I triggered piece 2 to come on after the animation completes - it didn't make a lot of difference so I changed the duration from 0.25 to 0.26 and this is the result

 

Dianne  Hope

If you look at the last slide in my file, the swivel animation keeps going even if there's another object entering the screen before the animation has finished - so I think my theory stands - that it's not to do with the spacing of objects on the timeline, but more the time it takes for the object to swivel - so if the duration of the swivel animation is shorter than the time it actually takes for the object to swivel, an incomplete swivel will result - which may have happened to me before, but I haven't necessarily developed something like this where the images but up to each other. One thing I learnt as well - I've always just worked with the default duration options, so 0.10, 0.25, 0.50, 0.75 - I didn't realise that you could (although I should have done so!) actually have any duration you wanted...