Weird GIF issue in Storyline 360 FIXED
Nov 11, 2016
By
Darren Wall
Hi, I've got a GIF of a walking animation on a layer, this lay appears when a button is pressed and hides when the timeline is finished. I've previewed the GIF outside of SL however no line appears, yet when I insert it as a picture it has a purple outline around the animation whenever it plays in preview. Has anyone came across this yet?
Edit - Fixed, GIF displays purple outline when published in html5, (hence why it also displays in preview) Changed it to flash and outline disappeared.
18 Replies
Hi there Darren, you beat us to the punch! Thanks so much for popping back in with an update. Glad you got it sorted out!
Wait, what? how do I change it to flash? I'm a storyline newbie! Please help! My lovely GIF looks terrible in Storyline360
Hi Member Services,
I'm not sure what Darren did here, but it could have been publishing with Flash first instead of HTML5.
You can check the end of the URL in Storyline 360 to see if users are viewing Flash (story_flash.html) vs. HTML5 (story_html5.html).
I'm also not sure if Darren is still subscribed here, as the post is a bit older - but you could always use the "contact me" button on his profile to reach out to him directly!
I guess the bottom line is: why are my GIFs looking so odd in Storyline360? Is this a common issue? When I tried to insert it as a flash movie....it does not show up in the preview. So essentially....what is the solution? Are you just not able to incorporate GIFs into these projects? Cause I can w/o a problem in Powerpoint.
Best Regards,
Member Services
Hi,
GIFs are supported file types, but if you insert it as a Flash movie you may not see it in preview as that is showing you the HTML5 version.
Can you share an example of what's looking odd in Storyline 360? It would be helpful to see the original .GIF file and your .story file where you've inserted it.
Also, looks like your email signature came through when you replied via email! No worries, this Peek video will show you how to remove it if you'd like!
Hi. There is still an unresolved bug with gifs. There is a pink rectangle in the lower-right corner of the animated gif.
Hi Daniel,
That's right -- we've still got our eye on the issue where a small pink/purple rectangle appears in the lower-right corner of an animated gif in HTML5. I've tagged this thread to be updated if we get any new information on that bug.
That purple box is the exact issue is one thing I came to seek help on.
I also cannot put a gif with an alpha channel into Storyline without slight white outlines (or purple glows) appearing. It makes putting backgrounds behind my characters of any vibrant color impossible. I have tried higher quality output and not stretching the gif dimensions at all to no avail. The best I can do at the moment is to ensure the color behind them is white or very light colored.
And I can't seem to place some gifs without noticing some color distortions and popping despite once again being from high quality and created with the exact dimensions in mind.
Any ideas other ideas?
Really sorry you ran into this, Matt. I know your goal is to produce high-quality work, and the issues with GIFs are impacting your design. Our team is looking at ways we can improve GIF rendering in Storyline – if we get an update, you'll be one of the first to know about it!
Hi Matt,
Our team resolved one of the issues with animated GIFs, where they had purple outlines in published output, in today's Update 26 of Storyline 360. Follow the steps here to update your Storyline 360 app!
and for storyline 3?
Did you solve it?
Hello Miguel,
This issue should be corrected in the next update to Storyline 3. I've attached this conversation to the report so that we can update you here.
Hi all,
Great news!
If there's anything else I can answer, please let me know.
Thanks Ashley!
Hey Everyone! Another Update here!
We just released the newest version of Storyline 3, Update 7 this morning! This release includes a fix for the issue where a transparent animated gif had a purple dot at the bottom right.
The next step is to update Storyline 3 by downloading the latest update here.
As always, we are happy to answer any questions you have by posting in this discussion or you can contact our Support Engineers directly.
Hi there, I am sitting with a white blurry border around my gif when I upload it into Storyline. The gif looks really fine if I play it anywhere else, but I can't get rid of the white blur. Any suggestions?
Good morning, Mareliza!
I'd love to look into this with you. A few questions to help us determine next steps:
This discussion is closed. You can start a new discussion or contact Articulate Support.