I am working on an eLearning projext that requires a lot of GIF files from the client to be integrated into the learning.
While searching the forums I found several posts where people got help in making GIF files work and a few saying that GIF files need to be converted to SWF files.
Which is correct?
Can I insert a GIF file into Storyline? If so How?
You may want to share an example of the GIF or .story file here so that folks could take a look at what you're seeing and how it's behaving and offer any advice.
here is the slide from my project. When previewing, the last image is animated (the other three are static). But when zooming on this fourth image, the zoomed image is no longer animated...
Thanks for sharing this here. I don't believe there is a way to override this behavior within Storyline, as the zoom is for images/pictures only and will stop the animation. Potentially someone in the community has a workaround to offer, or you may want to look at simulating the zoom behavior by showing a larger version of the animated Gif on a layer perhaps when clicking?
Hi all, I'm having the same issue now, an animated gif made in Photoshop, plays back ok in Browsers but Articulate just shows it as a static image. Did anyone find a solution? I've remade it as an mp4 but would rather have transparency around edges....besides, which would be better for mobile? Animated gifs or mp4?
In regards to playing as a static image, are you seeing this while previewing or during the publish? you'll want to confirm that you're viewing the published output in the intended environment.
Further to this, I've found that the MP4 replays if the user clicks on it. Is there anyway it can be told to play once and once only? I've right clicked and looked at video editor - nothing. I thought about introducing a variable that if user clicks and that's true it wont play again, but I think it will still play one frame then stop again?
I was having issues with the gif not playing, but I tried adding the .gif extension to the end of my filename and dragged and dropped it onto the project instead of using one of the "insert" options. That fixed the issue for me and it played and looped automatically. Happy gifing!
I also found out (this may have been posted earlier) that if you try to do any editing other than re-sizing the .gif you will lock it at the initial frame. I wanted to make mine a circular shape instead of a square, so I instead added a donut smart shape the same color as the background around the outside of the .gif to give it the same effect.
Hey all! I'm (more than a little) late to the party, but another workaround I've used is to record the gif playing on my screen (trim it up real nice after recording) and using the recorded video rather than a .gif. With all of the uncertainty of the file playing "nice" with other systems, it has worked for me to use this method! :)
Hi, Jessica -- Thanks so much for sharing your suggestion, and as you can see with some posts here in the community, the party never ends, so you're right on time! :) Your contribution is appreciated and I am sure it will be helpful for others who come across this thread in the future!
I wanted to provide an update here, as Storyline 2 Update 10 was just released, and included a number of fixes which you can see in the release notes available here. The items you all may be particularly interested in are the following: Fixed issue where a non-looping GIF would unexpectedly loop in Storyline and it fixed the issue where an animated GIF wouldn't always start playing at the beginning of the animation when it appeared on the slide. You can download the latest update here, and after downloading and installing the latest update you’ll want to republish any existing content to ensure that the updates and fixes are applied.
Let us know if you have any questions, either here or by reaching out to our Support Engineers directly.
109 Replies
Hi Annie,
You may want to share an example of the GIF or .story file here so that folks could take a look at what you're seeing and how it's behaving and offer any advice.
Hi Ashley,
here is the slide from my project. When previewing, the last image is animated (the other three are static). But when zooming on this fourth image, the zoomed image is no longer animated...
Thanks!
HI Annie,
Thanks for sharing this here. I don't believe there is a way to override this behavior within Storyline, as the zoom is for images/pictures only and will stop the animation. Potentially someone in the community has a workaround to offer, or you may want to look at simulating the zoom behavior by showing a larger version of the animated Gif on a layer perhaps when clicking?
Hi Ashley,
Thanks for the prompt response. I am always amazed at how quickly someone responds when I post something :-)
I like the idea of simulating the zoom behavior. I don't have many animated Gifs to deal with, so this is an acceptable workaround.Cheers!
Happy that will help you Annie and feel free to let us know if you need anything else.
Actually, I might try this instead of using layers...
Cool - that's a good one too!
Hi all, I'm having the same issue now, an animated gif made in Photoshop, plays back ok in Browsers but Articulate just shows it as a static image. Did anyone find a solution? I've remade it as an mp4 but would rather have transparency around edges....besides, which would be better for mobile? Animated gifs or mp4?
Hi Steven,
I know there was an issue recently reported with GIF scaling in HTML5 - so if you're able to use the MP4 that'll give you the best results across platforms.
In regards to playing as a static image, are you seeing this while previewing or during the publish? you'll want to confirm that you're viewing the published output in the intended environment.
Hi Ashley, It was on viewing the published files in the HTML5 version.
Further to this, I've found that the MP4 replays if the user clicks on it. Is there anyway it can be told to play once and once only? I've right clicked and looked at video editor - nothing. I thought about introducing a variable that if user clicks and that's true it wont play again, but I think it will still play one frame then stop again?
Hi Steven!
Have you considered utilizing a trigger to play the video?
When I utilize this method, the video does not replay.
Hello Leslie,
Thanks for the tip but that doesn't prevent it replaying - maybe because its actually an animated gif not really a video file?
What I have done is replaced the mp4 with a graphic of the final frame when the animation is finished, that works.
Glad you were able to find a solution Steven. Thanks for the update.
Actually your method does work now thanks Leslie, so now I have two solutions! Cheers
Great! Thanks for the update :)
Steven,
You could also consider covering the video with a hotspot. This would prevent the user from being able to click it.
Mike
Hi all -
I was having issues with the gif not playing, but I tried adding the .gif extension to the end of my filename and dragged and dropped it onto the project instead of using one of the "insert" options. That fixed the issue for me and it played and looped automatically. Happy gifing!
Blake
That's certainly a solution I haven't heard before Blake, so thanks for sharing it here!
I also found out (this may have been posted earlier) that if you try to do any editing other than re-sizing the .gif you will lock it at the initial frame. I wanted to make mine a circular shape instead of a square, so I instead added a donut smart shape the same color as the background around the outside of the .gif to give it the same effect.
Cheers,
Blake
Hi my friend, i has the same problem too, but the solution is in the output of the file.
https://www.youtube.com/watch?v=U5goYYhneVo
this is the tutorial
Hey all! I'm (more than a little) late to the party, but another workaround I've used is to record the gif playing on my screen (trim it up real nice after recording) and using the recorded video rather than a .gif. With all of the uncertainty of the file playing "nice" with other systems, it has worked for me to use this method! :)
Hi, Jessica -- Thanks so much for sharing your suggestion, and as you can see with some posts here in the community, the party never ends, so you're right on time! :) Your contribution is appreciated and I am sure it will be helpful for others who come across this thread in the future!
Hi all,
I wanted to provide an update here, as Storyline 2 Update 10 was just released, and included a number of fixes which you can see in the release notes available here. The items you all may be particularly interested in are the following: Fixed issue where a non-looping GIF would unexpectedly loop in Storyline and it fixed the issue where an animated GIF wouldn't always start playing at the beginning of the animation when it appeared on the slide. You can download the latest update here, and after downloading and installing the latest update you’ll want to republish any existing content to ensure that the updates and fixes are applied.
Let us know if you have any questions, either here or by reaching out to our Support Engineers directly.
So I just updated to the latest and greatest and now my GIF only plays one time where it will loop 3x in a browser.
I went from unlimited loop to play once.
What needs to happen gang?