When VideoScribe has finished drawing an image the lines of the image can thicken and get darker. If you are creating your own SVG images, this article will give you tips on how to reduce this.
When VideoScribe has finished drawing an imported image the lines of the image can thicken and get darker.
The most common reason for this issue is due to the settings selected whilst creating and saving your SVG image.
We follow a few simple guidelines when creating images for the library which ensures that we get great results. When you are creating your images please work within the following parameters:
Step 1. Adjust the units and canvas size of your project
Make the units for your project pixels and set the artboard size to 1000 x 1000
Step 2. Adjust the stroke width
Ensure the numerical value for the width of your strokes are full values and not decimals e.g ‘4px’ instead of ‘4.234 px’.
Step 3. Ensure you have selected the correct SVG export options for your software
Make sure you use the below save settings if you are using Adobe Illustrator
Save your project to display the settings
- SVG Profile: SVG 1.1 (A)
- Fonts > Type: SVG (B)
- Advanced Options > CSS Properties: Presentation Attributes (C)
Please note: Ensure the ‘Responsive’ box is not checked, checking this box will cause the strokes to enlarge after the Draw animation.
Open your Document Properties
Make sure that the Display (D) and Custom Size (E) units of measurement are set to pixels within the document properties. Also, make sure that the ‘Scale’ is set to 1 (F).
If you have followed the advice in this article and are still having the same issue, please either post your SVG onto the community forum post Making SVG Images Draw Well or attach the image to a support ticket and the Sparkol support team will take a look.