Forum Discussion
Editing SVG files in Storyline
this is my workflow for normal vector grafic
create/edit the vector graphic complete in Illustrator, save ai-file and export to svg* - some features are lost (shadows, ...) -> special svg feature had to be added with an xml-text-editor
import the svg file into storyline
if I want to change the image: back to illustrator - open ai-file, change it, save ai and export as svg again (overwite the old file with the same name) and click update in the storyline media library
there is no special svg editor in Photoshop - the Illustrator engine is integrated (as far as I know)
Jürgen
* add an invisible rectangle with full width/heigth to fix the svg width/height
Are you able to change the color of SVG graphics in Storyline, like you can if you insert icons from the library within Storyline?
Hi MEJohnson,
That’s a great question, happy to chime in here.
A quick note on how this behaves, SVGs imported into Storyline don’t work quite the same way as icons from the Content Library. Those built-in icons are already optimized to be fully editable, including color changes directly in Storyline.
With SVGs from external tools like Illustrator, you can insert them as-is, but to edit things like colors, you’ll first need to ungroup them so they convert into shapes. After that, you can adjust fills and outlines just like other objects in Storyline.
One thing to keep in mind is that once an SVG is converted this way, it’s no longer linked to the original file, so any future edits would need to be done manually or by reimporting an updated version.
