GIF problem with pink border

Hello,

Kindly upload your Storyline file to a web environment using Tempshare, you can check this link for the instruction:   http://blogs.articulate.com/word-of-mouth/get-your-storyline-projects-online-with-tempshare/#comments

Let us test if this will resolve your issue.

Thanks.

Thank you for your help :-)

Tempshare gave me some error message, so i uploaded file on Articulate Review:

https://360.articulate.com/review/content/4b16393c-778f-4da0-b2c1-3a9dec6c1ed0/review

Many Thanks

Hi, Ondřej. I appreciate you sharing these examples, and I'm so sorry you see that outline with your GIF files!

We have this issue on the radar and are looking into the next steps. I added this conversation to the bug report so we can keep you in-the-know on its progress!

Ok, thank you for your information. If you want, I can upload a source file. Is here any solution? When I try the same thing in new story file, everything is OK. But I need use the GIF in old one...

Hi there, Ondřej! 

While we tackle this bug in the HTML5 output, GIFs should work as expected in Flash. I know publishing to Flash as a workaround isn't ideal, so I'll take you up on your offer. We'll dig into your .story to see if we can offer other solutions! 🔎

Feel free to either add your project as a comment by using the Add Attachment button in your reply. Or, if the content is sensitive, you can upload it privately here. 

Ok :-) I saved a slide with GIF in separately .story file. 

I appreciate your help :-)

Good morning, Ondřej! 

Appreciate you sharing your slide. In addition to the publishing to Flash workaround, I found some other options for us to try!

• I cropped your GIF a bit and no longer see those pesky purple lines. Check out the HTML5 output here and the modified slide below.
• Another solution is to convert the GIF to an MP4 file, and then use triggers to loop the playback.

Let me know what you think! I'll keep you posted on our progress with the purple line issue, in the meantime.

Hello Katie,

The options with cropping is not good for me, because you can see in rotation a missing part. The second option with MP4 file isnt bad, beacuse a background on center is white. 

Thank you for your help :-)

Happy to help, Ondřej! 

If I can be of any other help, please don't hesitate to reach back out!

I Had this problem - a pink boarder around GIF imge that looked very wrong.

I solved by switching off the drop shadow in my design software (Adobe Photoshop)

Hope this helps.

Appreciate you sharing that workaround, Tilt!

I'm going to add it to our report, and will keep this conversation updated as new information becomes available. 

Hi Ondřej! 

Those purple lines are no more - Update 26 of Storyline 360 is live today and resolves this issue. Follow the steps here to update your Storyline 360 app! 

Thank you for the information

Hello everyone !

Is the fix included in the latest Storyline 3 update ? I'm having the same problem with Storyline 3 up to date.

Thank you in advance for your answer !

Maxime

Hi Maxime,

It has not been released in Storyline 3 yet. It will be included in the next update.

I appreciate you chiming in though. I've added this conversation so that we can update you here when that releases :)

Hello Leslie,

Thank you for letting us know ! For the moment, i've used the following solution : doing a small crop of the gif seems to remove the purple lines. 

Hope this helps !

Maxime

Thanks for sharing the solution that works for you in the meantime, Maxime. That could certainly help someone that runs across this conversation :)

Hey Everyone, 

Great news!

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 purple outlines. 

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.