Editing SVG files in Storyline
Jul 26, 2022
Good morning!
I am trying to figure out how to use SVGs in storyline. Specifically, I have some branded asset shapes that I have in illustrator and exported to SVG. I want to upload those SVGs into storyline so that we can edit the colors quickly, but every time I try to follow the instructions in this article, https://community.articulate.com/articles/storyline-360-managing-a-project-s-assets-with-the-media-library?&_ga=2.77903191.2114359384.1658762007-1896457346.1571854278#edit, my Storyline file closes/crashes after I hit save to the Illustrator file. Can anyone tell me if there is an additional step that I am missing? Or is it not actually possible to edit SVGs straight back into Storyline from Illustrator? Thank you!
6 Replies
Hi, Margaret!
Having your Storyline file close/crash after pressing save in Illustrator sounds frustrating! I have a few questions to better understand your issue.
In the meantime, here is an article about SVG Support in Storyline 360. In the article, it mentions Photoshop by name as the SVG editor. If you have Photoshop, give that a try and hopefully you get a better result.
Thanks for reaching out!
Hello, thanks for reaching out.
First, to answer your questions.
1. I honestly don't know if the save finishes. It's like the saving process is what causes it to crash.
2. The .SVG that I just tested is 1KB.
3. I have attached a copy of the SVG and the test storyline file I was just messing with.
I have tested the functionality just now in Photoshop and I don't know how that is supposed to work. When I saved it from Photoshop it just converted it to a .psd file instead of as a .svg.
Additionally, I have looked at that other article. That is the one that I used to lead me to the article I referenced in my initial post.
I will also add I am not real experienced in using SVGs, so if there are some steps to the process that I am missing, please let me know. Also, please let me know if I should open a support case for this.
I use SVGs a lot but I use the Asset Exporter in Illustrator and then usually select the image and replace it. I think I have also used the Media Library to Reimport.
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
I also do all the SVG editing from inside Illustrator.
Thanks for the feedback! All of that makes complete sense, but I was trying to shortcut the step of updating the image in Media Library. The first article I linked to says that you should see the updates you made in Illustrator immediately updated in your Storyline file, but that's where Storyline keeps crashing on me. So anyway, if what I am trying to do isn't possible, it's not a big deal, jut want to make sure I am not messing something up myself.