QUESTION: What is the best way to make SVG images that draw properly in VideoScribe? ANSWER: I believe the tips below will help you get the best results with the fewest problems (such as improperly drawn images, visual glitches, interface and timeline problems, slow downs, freezing, crashing or failure to save, load, or render). Some terms or phrasing used in this thread may be slightly different among various versions of inkscape or illustrator.
TIP 0) If you want the simplest method for making SVG images for VideoScribe, here it is:
- Use inkscape or Illustrator. If you use other programs you will probably have unexpected results.
- Use the pen tool or the pencil tool to create BASIC stroked paths with no styles, no masks, no paintbrush tool, no calligraphy pen, no effects of any kind.
- If you use the pen tool, please click&drag when you create each point (instead of just clicking) so that the control handles for each point will be extended and the paths will draw more smoothly.
- Delete any extra layers or other parts that will not be drawn (instead of just hiding them) before you save your SVG for videoscribe.
- If you use a version of inkscape or Illustrator created after 2012, see TIP 7 later in this thread for information about the best save settings to prevent glitches.
- Use "SAVE AS... SVG". Don't "Export for web".
That's all you really need to know if you want to keep it simple!
(Continue reading for more complex techniques) -Mike (videoscribe user)
We updated the VideoScribe image library yesterday and introduced 184 new icon images, this took us to over 7,000 images available within the free library! Watch the video below to see them in action and if you have any image requests you can let us know in the What images would you like to see? forum.