Storyline works with vector graphics (shapes, cartoon characters, etc.) but I can't figure out a way to import them. I can insert an eps file in PowerPoint and import into Storyline, but the vector is converted to a raster. Can it be done somehow?

In story line 3 i can paste straight from illustrator and ungroup.

Hi everyone, I know this thread is old. I signed up just to comment. I may be late but here's how I managed to work-around importing vector into AS2 without raster conversion or compromising the quality of my vector images. This will not allow me to manipulate the shapes and colors after I've brought it into AS2, however. This will only preserve the integrity of my image regardless of how much I scaled it within AS2. Note: You will need Illustrator, Powerpoint, and Articulate Storyline 2. This was done on a Mac with AI installed native on OSX, PPT on Windows 7 of Bootcamp, and AS2 on Windows 7 of Bootcamp. You may find better or different results depending on your rig. There is a possibility this method may not work if you are running both AI and PPT native on OSX, though. Just a theory I haven't the luxury to test out. Chances are, however, if it works on mine, it should definitely work on yours. Design your shape (or even your entire scene/slide) in illustrator with as many art boards needed. Each artboard will represent different slides if you choose to do the majority of the designing in illustrator. Avoid clipping masks if possible... you'll thank me later. Save your work as AI (for backup). Save your art boards as EPS. Be sure to check the size of your slide (art board) and convert your pixel measurements to inches before saving it to EPS. This will save you some headaches later when jumping into Powerpoint. This step may take awhile for the app to process. Import your EPS file to a Powerpoint slide via drag and drop (be sure to adjust the size of your slide to match the measurement of your art board). You will notice that your images will look a bit jagged. That's just how Powerpoint is interpreting your file. Size up your image to the desired dimension. If done correctly to this point you should only just need to center your image to fit snuggly into your slide (give or take a few hundredth of an inch). Select your image, right-click, and choose "edit image". A warning appears telling you Powerpoint will convert the image to something more native than EPS. Accept it and you should now see the wonderfully clean vector-type image you had been expecting. Select your image, ungroup, clean up bounding boxes accordingly. You should be able to adjust fills, strokes, and whatever else within the constraints of Powerpoint to each and every object you ungrouped. Group any objects you will want AS2 to interpret as a single object such as logos and outlined text. Repeat steps 3-7 for each art board you want on their respective slides. Save your work as a Powerpoint presentation (.PPT). Start a new project in AS2 and adjust your dimensions accordingly. Click on the INSERT tab, click New Slide, click the Import tab, click on the Powerpoint logo, select your PPT file, click Open, click Select All, and finally click Import. Grab a beer. It may take awhile to load. Once it's in you'll see you have objects stacked up on your timeline ready to be triggered and sized to your liking without worrying about image quality. There you go. I hope this was helpful and I hope I didn't explain anything that was already mentioned. As far as importing actual text/font is concerned... you're on your own and I'm definitely all ears. Anyone else see the irony in having to learn so much about an eLearning software? Cheers

All vectors come in as images unfortunately, you can add a feature request. One of my hopes is that they add addtional editing features to objects such as combine shapes etc and make it an accomplished vector editor. At the moment, the only vectors are the objects and characters

Good suggestion, Gary! Unfortunately, Storyline converted it to a raster graphic as well.

Hi Andrew, Can you share a bit more about what issue you're encountering - this thread is a bit long, and I'm not sure which piece you're referring to. Did you try any of the solutions mentioned here about using Adobe Illustrator to export the image or using Fireworks?

Importing vector graphics | Articulate

74 Replies

PamRichmond
Community Member
13 years ago

Roger Mepham said:

I've always used Adobe Fireworks for image editing, it has great shadow and bevelling tools plus it plays well with both vector and bitmap images - its ideal for screen based graphics editing. The native PNG output imports properly into storyline and you get transparency and access to shadow, glow and mirror effects, or just copy and paste from Fireworks to Storyline

Just a note that it appears that Fireworks PNGs do retain their transparency and effects, but they are not treated as vectors once copied and pasted into Storyline. That is, when I paste the vector shape from Fireworks into Storyline and enlarge it, the edges become pixelated. The easiest solution in this case is to make the graphic as large (or larger than) needed in Fireworks before importing. I am a big fan of Fireworks and have been using it for years for web development. Glad to hear I can use it with Storyline, as I'm just getting started with Storyline.
LeslieMcKerchie
Staff
13 years ago
Thanks for sharing Pam!
AndrewProbert1
Community Member
13 years ago
I'm having the same issues when viewed in the player. Some of the vector icons I imported are way off.
AshleyT-Pollard
Staff
13 years ago

Hi Andrew,

Can you share a bit more about what issue you're encountering - this thread is a bit long, and I'm not sure which piece you're referring to. Did you try any of the solutions mentioned here about using Adobe Illustrator to export the image or using Fireworks?
Jerson-Campos
Community Member
13 years ago

Hey John,

I use CS5.5 and I don't have any issues with my wmf/emf graphics. Kevin, what version are you using?
SylviaWright
Community Member
11 years ago
Thanks to all of you on this. I've been looking for a way to work with vectors and using the wmf is working for me. MEGA THANKS!!!
AshleyT-Pollard
Staff
11 years ago
Glad this thread was helpful to you Sylvia!
P-YBeaulieu2
Community Member
11 years ago
Hello there.

I have been trying to insert and use vector files using this thread, and I can't get it to work.

For instance, here is a screenshot of the Charlene image posted in this thread, inserted in SL and then blown up. It is pixellated so guessing it has rastered somehow...

Thoughts? Thx
AshleyT-Pollard
Staff
11 years ago
Hi PY,

Are you viewing the HTML5 output perhaps? If so objects aren't vectored in HTML5 output. As a result, they may not appear as crisp in HTML5 as they do in Flash if you set the player to scale to fill the browser. To avoid scaling and reduction in image quality, we recommend locking your course player at optimal size.

Also, because objects aren't vectored in HTML5 output, they may look blurry or pixelated in zoom regions.
P-YBeaulieu2
Community Member
11 years ago
That is in Flash and yes, player is locked at 100% size.

This said, the browser scaling in Flash should not have impacted a vector image...correct?

Does someone have a sample SL file with a WMF vector behaving as expected?

Thanks

Forum Discussion

Importing vector graphics

74 Replies

Related Content

Graphic Design Essentials for E-Learning

Creating Your Own PowerPoint Graphics for Rise 360

Overview of Importing PowerPoint

Vector graphics resize when slides are copied and pasted.

Use Labeled Graphics to Create Interactive Markers in Rise 360

Learn

Connect

Discover

Community

Company

Trust Center