Sparkol Help

Topic not covered?

Start a new topic

Is this videos scribe? Or can be achieved in it?

I found this cool video in YouTube https://youtu.be/ySe8MREJYi8 and the first thing that came to my mind was VideoScribe, but I think I’m mistaken... I would like to make this in video scribe but I think is gonna be impossible ? Any thoughts?

Its possible with videoscribe but you will have to be able to make all of your own art and then make SVGs out of it with reveal paths that will reveal the artwork. For each drawing, you would need to make an SVG for the line art, an svg for the color flats, and additional svg's for each additional pass of shading and highlights, and then you would have to align them in videoscribe.


Here is an example done with videoscribe: https://youtu.be/vGwsqA6BDow

I think I used 5 SVGs, 1) line art with no color 2) line art with color flats on the characters 3) line art with shaded color on the characters 4) line art, shaded characters and flat background colors 5)lineart with shaded color on everything. Each SVG is an image made in photoshop embedded in an SVG file with a stroked path used to show the "drawing hand" where to go.

There are threads about aligning multiple SVGs. IE: http://help.videoscribe.co/support/discussions/topics/11000020739. and there are threads about how to make SVGs with embedded drawings and reveal storkes.  Practice with a simple drawing like a smiley face first, until you understand how to do it. then try more complex images.


Another option is that you could use make a multi layered photoshop illustration and then use a screencapture program to record yourself with timelapse video revealing each layer with an opacity mask or something like that.

If you don't understand any of that, then start with the basic tutorials on the instant answers page.

-Mike(videoscribe user)



Thank you Mike Wow the video example you shared is awesome! Thank you for taking your time the share your process and helping. I’ll try to follow your tips .. and I’ll also try the photoshop option. Thanks again
How do you manage to achieve the gradient look? Did you use illustrator? Or photoshop... keep watching the video... is really awesome
I see you said is photoshop... sorry! I try using photoshop ... I use illustrator but never try using photoshop I’ll give it a try ... Thank you again Mike!

Hi, yes I made the whole drawing on layers in photoshop. Then I saved 5 different images as jpg files:

1) line art with no color

2) line art with color flats on the characters

3) line art with shaded color on the characters

4) line art, shaded characters and flat background colors

5)lineart with shaded color on everything.


Then I imported all images into illustrator and added a transparent stroked path for each layer, which is what lets videoscribe "draw" the art. Then I saved each layer seperately as SVGs that are exactly the same size, so they will align perfectly in videoscribe when imported. To make them all exactly the same size (including the transparent strokes) you have to encircle them in  an ellipse or other shape that is then saved inside each SVG file (as described in the link above that describes aligning SVGs).


-Mike (videoscribe user)

Nice work Mike!

Thanks Barry!


Our social team really liked it when I showed them... https://www.facebook.com/151926501558013/posts/2210805652336744/

Oh that's neat! Much appreciated.



Login to post a comment