Forum Discussion
Importing objects from Adobe Illustrator
Hey everyone!
I have been looking over some discussions about importing from Adobe Illustrator. But, and this is a long shot, I was wondering if there was any way to import Illustrator files with distinct, selectable objects.
I'm asking this because I created diagrams using Illustrator and I would love to use them in my e-learning course, in such a way that the user could interact with the individual elements of each diagram. For example, if they hover over a slice of a doughnut chart, that slice would be highlighted and further information about it would pop up alongside it.
Unfortunately the diagrams are too complicated to recreate in Storyline, at least not without greatly simplifying them and also ruining their aesthetic 'look'.
So far the only solution I have come up with is to import an EMF version of a diagram from Illustrator and replace the text in the original diagram with interactive text boxes in Storyline. This means (continuing with the doughnut example from above) that when a user hovers over a slice's label, it reveals another layer (with another EMF file) in which that slice has been highlighted.
This solution can work but I would much prefer being able to interact with the objects/slices themselves rather than text boxes.
If you have any suggestions please let me know!
Your best bet is to export the elements that make up your diagram as png's, import them into Storyline and use them in object states or layers.
Hi Michael, thank you for your response.
Is there a particular reason you suggested exporting them in png format over emf? I have been using that to stop the image from rasterising.
Nope, PNGs turn fuzzy when you put them in Storyline.
A workaround that has been pretty successful for me:
- Save Illustrator file as a .svg file
- insert it into a PowerPoint slide
- save the PowerPoint
- go to storyline file and import that PowerPoint slide
- the file will import with all layers and just needs to be ungrouped (if applicable)
Thank you for sharing this workaround, Monique! I'm sure it will be helpful to our community members.
Enjoy your weekend ahead.
This has been my workflow as well.
Hi, Joshua -- Thanks for reaching out, and while I am not aware of a method I can suggest to assist with what you have in mind, I did want to mention that you would be welcome to share this query over in our Building Better Courses forum, as well.
Thank you Christie, I'll do just that!
Thanks, Joshua! And I thought I might stop in to link to your other post over here for anyone else who may be following along. Hopefully you'll get lots of great additional suggestions! :)
Hi Alta,
You can find out supported image types in this documentation.
AI is not one of those formats, but you should be able to export your items to a useable format.
This is STUPID that you cant import vector graphics (.ai .eps) into storyline. Yet another reason I hate working in this app.
Hello everyone!
If you're following along and looking for sharp images, I've got great news for you! We just released another update for Articulate 360 and included a few important fixes you'll see in the release notes.
The item you'll be interested in is:
New: Import scalable vector graphics (SVGs) to Storyline 360 so images stay sharp when learners zoom in and out.
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.thanks for this information - I'm relatively new to storyline - but am looking at building customised characters in Illustrator and then importing them into storyline - the SVG information is very useful! :)
