---
title: How to make an SVG for VideoScribe in Adobe Illustrator
description: Want to make your own images to use in VideoScribe? Here's how to create SVGs in Adobe Illustrator that draw perfectly in VideoScribe.
image: https://blog.videoscribe.co/hubfs/Imported_Blog_Media/HowToSVGIllustrator1-1.png
---

[![VSD\_LOGO\_SMALL](https://blog.videoscribe.co/hs-fs/hubfs/VSD_LOGO_SMALL.png?width=250&height=53&name=VSD_LOGO_SMALL.png "VSD_LOGO_SMALL")](https://www.videoscribe.co/)

- [Home](https://www.videoscribe.co/en/)
- [Using VideoScribe](https://www.videoscribe.co/en/using-videoscribe/)
- [Pricing](https://www.videoscribe.co/en/pricing/)
- [Blog](https://blog.videoscribe.co/)
- [About](https://www.videoscribe.co/en/about/)
- [Help](https://support.sparkol.com/knowledge)
- [Login](https://www.videoscribe.co/en/login/)
- [Try for free](https://www.videoscribe.co/en/free-trial/)

- [Home](https://www.videoscribe.co/en/)
- [Using VideoScribe](https://www.videoscribe.co/en/using-videoscribe/)
- [Pricing](https://www.videoscribe.co/en/pricing/)
- [Blog](https://blog.videoscribe.co/)
- [About](https://www.videoscribe.co/en/about/)
- [Help](https://support.sparkol.com/knowledge)
- [Login](https://www.videoscribe.co/en/login/)
- [Try for free](https://www.videoscribe.co/en/free-trial/)

1. [Home](https://www.videoscribe.co/)›
2. [Blog](https://blog.videoscribe.co)›
3. [How-to Guides](https://blog.videoscribe.co/tag/how-to-guides)›
4. How to make an SVG for VideoScribe in Adobe Illustrator

# How to make an SVG for VideoScribe in Adobe Illustrator

Posted by [Ben Binney](https://blog.videoscribe.co/author/ben-binney) on April 1, 2015

![Ben Binney](https://blog.videoscribe.co/hubfs/ben.png)

![svgillustrator](https://blog.videoscribe.co/hs-fs/hubfs/svgillustrator.png?width=705&name=svgillustrator.png)

**There are thousands of free images in the VideoScribe library. Rather make your own? Here's how to create SVGs in Adobe Illustrator that draw perfectly in VideoScribe.**

These instructions are for creating basic, smooth line drawings in Adobe Illustrator that draw well in VideoScribe. They don’t cover any of the advanced things that you could potentially do with SVG images.

## 1) Create a reference image

Draw a sketch of what you would like your image to look like. Take a photo and upload it or scan it into your computer. Or, find an image online of something similar to what you want.

Save this reference image.

## 2) Open the image in Illustrator

Open your reference image as layer 1 of a new file in Adobe Illustrator. Then:

1. Go to the appearance panel
2. Set layer 1 to 40% opacity
3. Lock layer 1

This will help when you start tracing over it.

## 3) Create a new layer to trace onto

Create a new layer, layer 2. Then, from the toolbar on the left:

1. Set the colour fill of layer 2 to none
2. Choose any colour you like for the stroke, and any weight

Now, in the top toolbar:

1. Set the stroke to uniform
2. Choose the pen

## 4) Trace over your reference image

The pen tool will give you lines that look smooth and simple. Start tracing over the lines of your reference image onto layer 2.

Draw your lines in the order that you would like VideoScribe to draw them for you.

The pen tool works by creating a series of reference points as you draw. VideoScribe sees your reference points as the dots of a dot-to-dot picture. It draws the full image by connecting the 'dots' in the order you made them.

## 5) Delete your reference image

When you've completed your image, you no longer need your reference image (layer 1) – delete it now.

## 6) Save your SVG image

Your image must be saved in a certain way for it to draw well within VideoScribe.  
When you're happy with your image:

1. Click File
2. Select Save as
3. Choose SVG (svg) from the menu

This will open up another dialogue box:

1. Select Embed under Options \> Image Location
2. Select Presentation Attributes under Advanced Options \> CSS Properties
3. Leave all other options unchecked

It's really important that CSS Properties is set to Presentation Attributes. A 2015 Illustrator update by Adobe means that your image won't draw properly in VideoScribe without this setting.

And that's it folks. Follow these steps and your SVG images should draw beautifully in VideoScribe every time.

### Still unsure?

[Download an example SVG file](https://cloud-files-cdn.sparkol.com/clients/EngageBlog/Cat_example.svg) and use its settings as a guide for your own images.

## Adding colour?

If you want to add colour to your image, go back to the end of step 4 and:

1. Lock layer 2
2. Create a new layer - layer 3 - for the fill colour
3. Arrange your layers so that layer 3 sits directly below layer 2
4. Choose the blob brush tool
5. Set the stroke to none and the fill to the colour you want to use
6. Start applying colour

When you've added all your colour, follow the instructions at step 6 for saving your file.

That's it. In a future post, we'll look at how to make SVGs for VideoScribe in Inkscape.

 Topics: [How-to Guides](https://blog.videoscribe.co/tag/how-to-guides)

[![VideoScribe](https://blog.videoscribe.co/hubfs/VSD-Triangle%20(1).png "VideoScribe")](https://www.videoscribe.co/en/free-trial)

## Start your 7 day free trial today

Instant access, no upfront payments, no risk

[![GET STARTED](https://no-cache.hubspot.com/cta/default/5474140/fedeff97-352f-4443-a1ed-2d842315ae4a.png)](https://cta-redirect.hubspot.com/cta/redirect/5474140/fedeff97-352f-4443-a1ed-2d842315ae4a)

### Subscribe to our blog

### POPULAR POSTS

- ![8 Powerful storytelling techniques for unforgettable presentations](https://blog.videoscribe.co/hubfs/janko-ferlic-sfL_QOnmy00-unsplash-1.jpg)
  
  [8 Powerful storytelling techniques for unforgettable presentations](https://blog.videoscribe.co/8-classic-storytelling-techniques-for-engaging-presentations)
- ![The 12 brand archetypes, and how to bring yours to life in video](https://blog.videoscribe.co/hubfs/brand-archetypes_landscape.jpg)
  
  [The 12 brand archetypes, and how to bring yours to life in video](https://blog.videoscribe.co/12-brand-archetypes-all-successful-businesses-are-built-on)
- ![These 8 Christmas Movie Speeches Will Yank At Your Heartstrings](https://blog.videoscribe.co/hubfs/Christmas%20Movie%20Speeches.png)
  
  [These 8 Christmas Movie Speeches Will Yank At Your Heartstrings](https://blog.videoscribe.co/these-8-christmas-movie-speeches-will-yank-at-your-heartstrings)
- ![65% of People Prefer Visual Learning, Is Teaching Keeping Up?](https://blog.videoscribe.co/hubfs/Screenshot%202022-06-14%20at%2011.09.04.png)
  
  [65% of People Prefer Visual Learning, Is Teaching Keeping Up?](https://blog.videoscribe.co/65-of-people-prefer-visual-learning-is-teaching-keeping-up)
- ![Why the First 10 Seconds of Your Video Matter (And How to Nail Them)](https://blog.videoscribe.co/hubfs/Why%20first%2010%20seconds%20video%20matter.png)
  
  [Why the First 10 Seconds of Your Video Matter (And How to Nail Them)](https://blog.videoscribe.co/first-10-seconds-video-engagement-tips)

### YOU MIGHT ALSO LIKE

![How to build VideoScribe projects that are easy to update and maintain](https://blog.videoscribe.co/hubfs/Easy%20to%20maintain%20video%20projects.png)

[How to build VideoScribe projects that are easy to update and maintain](https://blog.videoscribe.co/how-to-build-videoscribe-projects-that-are-easy-to-update-and-maintain)

 June 17, 2026

![Blackboard animation videos? VideoScribe can do that too!](https://blog.videoscribe.co/hubfs/blackboard%20animation%20-%20videoscribe.png)

[Blackboard animation videos? VideoScribe can do that too!](https://blog.videoscribe.co/blackboard-animation-videoscribe-can-do-that-too)

 May 28, 2026

![Video Themes: How to Choose and Set One in VideoScribe](https://blog.videoscribe.co/hubfs/Video%20themes%20-%20videoscribe.png)

[Video Themes: How to Choose and Set One in VideoScribe](https://blog.videoscribe.co/how-to-choose-and-set-a-theme-for-your-videoscribe-video)

 May 25, 2026

### COMMENTS

[![Sparkol\_Brand mark\_White\_RGB](https://blog.videoscribe.co/hs-fs/hubfs/Sparkol_Brand%20mark_White_RGB.png?width=150&height=69&name=Sparkol_Brand%20mark_White_RGB.png "Sparkol_Brand mark_White_RGB")](https://www.sparkol.com/en/)

### Company

[About us](https://www.videoscribe.co/en/about/)

[Using VideoScribe](https://www.videoscribe.co/en/using-videoscribe/)

[Help and Support](https://help.videoscribe.co/knowledge)

[Pricing](https://www.videoscribe.co/en/pricing/)

[VideoScribe Legacy](https://www.videoscribe.co/videoscribe-legacy)

[Security](https://www.videoscribe.co/en/security/)

[VideoScribe by Sparkol](https://www.videoscribe.co/en/who-is-sparkol/)

### Partners

[Affiliates](https://ui.main.com/merchant-profile-terms/18788)

[Resellers](https://www.videoscribe.co/en/resellers/)

### Legals

[Terms of use](http://www.sparkol.com/legal?__hstc=174690109.1bad370ff82786bc535d3bdf9bc915a2.1733304386981.1767788977555.1767789106068.1165&__hssc=174690109.3.1767789106068&__hsfp=425688717)

[Privacy policy](https://www.sparkol.com/privacy?__hstc=174690109.1bad370ff82786bc535d3bdf9bc915a2.1733304386981.1767788977555.1767789106068.1165&__hssc=174690109.3.1767789106068&__hsfp=425688717)

[Cookies](https://www.sparkol.com/cookies)

### Inspiration

[Templates](https://www.videoscribe.co/en/templates/)

[Our blog](https://blog.videoscribe.co/)

[Academy](https://www.videoscribe.co/en/our-academy/)

### Get in Touch

Sparkol Limited - UK

T: +44 (0)117 428 6117

 

Sparkol Limited - USA

T: 646-475-1630

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Ben Binney",
    "url" : "https://blog.videoscribe.co/author/ben-binney"
  },
  "dateModified" : "2021-05-24T10:09:03.162Z",
  "datePublished" : "2015-04-01T09:34:49.000Z",
  "headline" : "How to make an SVG for VideoScribe in Adobe Illustrator",
  "image" : [ "https://blog.videoscribe.co/hubfs/Imported_Blog_Media/HowToSVGIllustrator1-1.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://blog.videoscribe.co/how-to-make-a-svg-for-videoscribe-in-adobe-illustrator",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://blog.videoscribe.co/hubfs/VideoScribe-Logo%20(1)-min.png"
    },
    "name" : "Sparkol"
  }
}
```

```json
{
  "@context" : "http://schema.org",
  "@type" : "Article",
  "author" : {
    "@type" : "Person",
    "name" : "Ben Binney"
  },
  "dateModified" : "October 1, 2026, 10:05:37 AM",
  "datePublished" : "2015-04-01 09:34:49",
  "description" : "Want to make your own images to use in VideoScribe? Here's how to create SVGs in Adobe Illustrator that draw perfectly in VideoScribe.",
  "headline" : "How to make an SVG for VideoScribe in Adobe Illustrator",
  "image" : {
    "@type" : "ImageObject",
    "url" : "https://cdn2.hubspot.net/hubfs/5474140/Imported_Blog_Media/HowToSVGIllustrator1-1.png"
  },
  "mainEntityOfPage" : {
    "@id" : "https://blog.videoscribe.co/how-to-make-a-svg-for-videoscribe-in-adobe-illustrator",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://5474140.fs1.hubspotusercontent-na1.net/hubfs/5474140/VideoScribe-Logo%20(1)-min.png"
    },
    "name" : "This email is sent to you by Sparkol Ltd on behalf of The Sparkol Group: home to VideoScribe, Sparkol Studio & Sparkol Academy https://www.sparkol.com/legal. Sparkol Ltd. is registered in England and Wales with registration number 06762963"
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "BreadcrumbList",
  "itemListElement" : [ {
    "@type" : "ListItem",
    "item" : "https://www.videoscribe.co/",
    "name" : "Home",
    "position" : 1
  }, {
    "@type" : "ListItem",
    "item" : "https://blog.videoscribe.co",
    "name" : "Blog",
    "position" : 2
  }, {
    "@type" : "ListItem",
    "item" : "https://blog.videoscribe.co/tag/how-to-guides",
    "name" : "How-to Guides",
    "position" : 3
  }, {
    "@type" : "ListItem",
    "name" : "<span id=\"hs_cos_wrapper_name\" class=\"hs_cos_wrapper hs_cos_wrapper_meta_field hs_cos_wrapper_type_text\" style=\"\" data-hs-cos-general-type=\"meta_field\" data-hs-cos-type=\"text\" >How to make an SVG for VideoScribe in Adobe Illustrator</span>",
    "position" : 4
  } ]
}
```