When ever I draw an image in inkscape with pencil/pen tool and fill the different colour it shows two boundary lines while drawing. Pls refer image 1. Once the drawing is complete, it gets fill entirely with the colour. Pls refer image 2. Also attached svg file.
I have looked solution in various forums but still unable to do. Since I am quite new to this, perhaps there could be some simpler method which I haven't tried yet.
Kindly advise and so share the information.
Looks to me like you have the whole SVG as one layer so it's picking up the colour where it overlaps the path of the outer line. If you have your fill on a second layer it should solve this. This is an AI example but shows you the theory behind it.
In addition to what Barry said, I believe the symptom you described is a symptom that occurs for people who are using Adobe Illustrator CC (2013 or newer) or the newest version of inkscape (approximately 2013 or newer). There is a solution but I will explain the symptom first.
The new versions of those two programs use updated pen and pencil tools, and the result is a bit of extra data in the SVG file that videoscribe interprets strangely. As videoscribe draws these stroked paths, it will also reveal a bit of any line or fill that either comes very close to or intersects the path.
The solutions (as of March 2016) are:
1) use a version of illustrator or inkscape older than 2013, or
2) use the following save settings in illustrator CC:
3) run your svg thorough a program like SVGCleaner that simplifies the SVG code, or
4) you can manually edit the SVG code in a text editor to remove a tag containing the word "viewbox"
related threads: Making SVG Images Draw Well (2015 update)
Here is a comparison between the original SVG (which I assume was saved in CC) and the same SVG resaved in CS4 (an older version of illustrator)
Hope that helps,
Thank you Mike. I have used older version of inkscape and this has resolved the issue.
Mike (or anyone else in the community),
Is there a similar save setting I can configure within Inkscape or do I have to find the older version of the product?
I don't think there is an option in the current inkscape save settings that will make it save in a way that videoscribe likes.
I recommend using version 0.48.5 from the inkscape.org download page. https://inkscape.org/en/download/
-Mike (videoscribe user)
I went back to Inkscape 0.48.5 but it's introduced a new issue. The fill somehow shrinking and off set. The SVG in Inkscape is on the left and the videoscribe image is the left. Any ideas?
I also tried the SVGCleaner (with the newer Inkscape) but it took out the fill all together. There are many options of what to remove or not remove but I couldn't figure out the right combination.
For a bit of context, I'm doing some prototyping to evaluate if we should purchase videoscrib for some of our training content. Thus I'm stuck with Inkscape for now.
So, I redid the layers so the lines are a separate one from the fill and it got better... but videoscribe still drew some of the fill with the exterior lines.
Paul, if you could attach your SVG file to the forum so we could take a closer look at the detail that would be great. Cheers, Barry
As Barry indicated, if you provide the SVG we may be able to determine if some other factor is causing the symptoms.
-Mike (videoscribe user)
Thanks for everyone chipping in to help the new guy.
I think I sorted it out.
I did uninstall the old version so I did some process testing. When I create a new blank file first then build paste in the videoscribe export it seems to work fine. If open the export first and edit within the file it seems to have more issues. So maybe there are some artifacts lingering from export... I'm going to work on a different graph from scratch to confirm my hunch. I post the files and results after so future users have can get additional help on this topic.