Forum Discussion
Vectors (EMF, WMF) rasterized when imported
I'm new to Storyline so may have missed something key.
I'm creating shapes in Illustrator, exporting them as WMF, then inserting them as a picture to Storyline. The results are rasterized. It's even worse with EMF.
Suggestions gratefully received!
- RichardMaranta1Community Member
This is a feature I would love as well. Articulate has been very slow to add new features to Storyline 360. For how expensive it is, the rate of improvement has not been good in my opinion. I have been using it since version 1 and before (presenter etc.) and I am not impressed with what they have offered in terms of upgrades, and new features over the last few years since release. If you look at the game development industry, there are more and more open-source software packages that push the larger companies to improve. Though I like the product and the community, I am afraid they are becoming more and more like Adobe with large fees and very little innovation year over year. My warning would be that all it takes is one good open-source package that competes with Articulate and there could be a mass exodus of developers. I apologize if this sounds negative but I am getting frustrated with the lack of improvement and new features given that I am a sole proprietor and pay for my own software.
- DiarmaidCollinsCommunity Member
Hi Ed. Just chucking my tuppence in, for what it is worth, but the key to getting crisp WMF files imported into Storyline is to blow them up HUGE in whatever vector programme you create the files in, first, before exporting. I generally create my files at 100% and before exporting, blow up to 500% - this results in super crisp images at no extra file size, really flat graphic (no gradients).
- GenevièveJacqueCommunity Member
That trick did it for me! Thank you! :D
It's just really damning that we then need to apply the math Rule of three on every object to have the perfect proportion ratio between every illustrations. I would have much prefer to create my illustrations with the right size from the start. Oh well!- DiarmaidCollinsCommunity Member
Glad that helped! :)
Hello everyone,
I wanted to pop in to let you know that there was an enhancement included in the latest update to Storyline 360 that you may be interested in:
Enhanced: SVG images on PowerPoint slides import into Storyline 360 as native shapes. You can customize their fill colors, line styles, and shape effects. Details here.
Just launch the Articulate 360 desktop app on your computer and click the Update button for Storyline 360. Details here.
Please let us know if you have any questions, either here or by reaching out to our Support Engineers directly.- raylaurencelle-Community Member
Hmm... I have a PowerPoint with imported SVG images originally created in Illustrator. PowerPoint treats them as shapes allowing me to change color and outlines, etc. When I imported the PPT into the latest version of Storyline they were converted into pictures. I have to say these complaints about Storyline not supporting vector goes back many years. I would also include the problem with text being poorly rasterized when animation is applied. Storyline is a good authoring tool but it would be truly awesome if it would fix these issues.
- BenMcKenna-ba88Community Member
Unfortunately I don't believe Storyline currently supports importing vector images. It's bizarre given how the shapes created within Storyline 360 are .svgs.
Saying that, someone did post a neat trick on these forums a while back on how you can import custom shapes from Illustrator into Storyline using your clipboard. I can't find the post now, so I'll try my best to explain it:
- Open Illustrator
- Copy your graphic/object to your clipboard
- Open one of your slides in Storyline, then paste from your clipboard
(The pasted image might look pixelated and ugly at this point) - Right click the pasted picture > Ungroup
(Even though it may look like a normal picture in Storyline, it actually allows you to do this for some reason) - Storyline will ungroup the components of the image into freeform shapes and empty images. Simply delete the objects you don't need, and keep the freeform shape/s that you want.
It's not a perfect solution because it doesn't seem to handle complex graphics very well. But I think it's the best solution until we get official support for vector graphics.
I just wanted to jump into this discussion to share that we just released Storyline 360 (Build 3.57.26407.0) today, which includes the option to import scalable vector graphics (SVGs) to Storyline 360 so images stay sharp when learners zoom in and out.
Thank you to everyone who continued sharing how important this feature was in Storyline 360. Now all you need to do is update Storyline 360 in your Articulate 360 desktop app!
If you run into any issues, don't hesitate to reach out in this discussion or in a support case.
- MarkDiGiacomo-aCommunity Member
Wow! That's fantastic. Thank you!
- EdMcLean-f33352Community Member
Hi Ben. Thank you for taking the time to help. I'll give this a try.
I am confused by this article from Articulate themselves which says "If you're using vector drawings (EMF/WMF files), they can be scaled up or down without losing quality."
Hi Ed,
Glad that Ben was able to pop in and help you out a bit here.
We've seen a similar conversation in the past, but the issue did not happen consistently across users. There is a great tip here if you'd like to check it out.
- EdMcLean-f33352Community Member
Hi Diarmaid. Thanks very much for that. I'll try it!
- MarkDiGiacomo-aCommunity Member
Since SL uses vector graphics when they're produced using basic shapes, it seems like it could handle WMF or other vector files that are imported. Would be great for Articulate to get this feature worked out.
Hey there, Mark. While you're right, we don't currently support importing SVG files, we do allow you to add EMF and WMF files as pictures.
There's a lot of complexity in supporting the full EMF spec, which we aren't currently doing. Many EMF vectors will work fine, but some may look weird or cause Storyline to behave strangely when they're ungrouped.
Are you having any issues with these file types in Storyline? If so, let me know specifically what you're importing and what's happening. I'll be glad to help!
- MarkDiGiacomo-aCommunity Member
When I pull in an EMF, it's extremely pixellated with rough edging, etc. Doesn't work at all.
Hi Mark,
Do you have an image you could share with us to do some testing around? As Crystal mentioned earlier, some may look weird or cause odd issues in Storyline, so it would help to see your example as our team looks at adding continued image support.
- MarkDiGiacomo-aCommunity Member
Note the jagged edging. It looks even worse when published. It's large (high res) and pure vector prior to processing as an .emf file.
- DiarmaidCollinsCommunity Member
Hi Mark. Apologies for butting in, but if I could be so bold and make a few suggestions? I find that the simpler the illustration the better the import. Once a gradient is introduced into a WMF graphic it seems to behave like a bitmap when imported.
If I was to import that image you have there, I would recreate the background pie chart stuff as shapes within Storyline itself - relatively easy and straightforward.
I'd then import each of the characters individually having removed any gradient from each image. Being honest, there isn't really much need for gradients when the overall look/feel of the image is flat.
Maybe try that and see if you get a better result?