Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm looking for some software that will allow me to create an animation of a given image being drawn in real time. For example, I have a jpeg. It's a picture of my pet dog, and I want some software that will create an animation (flash/gif/avi) of the image, but not the image fading in, rather, the image being drawn section by section. Anybody come across something like this?

share|improve this question
Are you thinking screen capture software? If so superuser might be an even better site for this question... – JamesHenare Feb 6 '11 at 4:21
no not screencapturing software. i want to actual create an animation from a jpeg. the animation shows the thing being drawn real-time kinda thing. i'm actually thinking of creating a flash animation instead since i cant find anything. – brux Feb 6 '11 at 14:25
I think this question is a bit unclear. You might get better results if you edit it to make it more clear. – PearsonArtPhoto Feb 8 '11 at 19:20
I believe that OP means that you take an already finished image/picture. And the software will make it look like it's being painted, from scratch. – Johannes Feb 9 '11 at 4:56
up vote 6 down vote accepted

There are several ways to fake this (very, very convincingly) in AfterEffects; I would suggest that. If you're using a raster image it'll be more difficult but what you'd essentially do is use the scribble and paint effects to fill in areas. If you have vector art (or can convert it to vector art using something like Live Trace in Illustrator) you can actually have After Effects fill the lines over time based on the vectors.

In any case, it's not a "click here and have the picture drawn" type of thing - to get a good accurate representation you may want to consider converting your artwork to vector artwork and going from there.

share|improve this answer

Corel Painter can actually do something like click here and have the image painted (Ok, adjusting some sliders required plus also setting up the scene a little). Here's a tutorial for doing it, and a little more: Corel Painter Auto-painting tutorial.

Now you might want to record it using another program that captures the screen as video file. I'll check a freeware for you later, kinda busy ATM.. (I'm quite sure Corel Painted doesn't supply such feature. Not 100% tho.)

share|improve this answer

You can do this with Flash as well, by using masks and applying shape tweens to those masks to expose the drawing a bit at a time. But probably more painstaking than using aftereffects.

Also, there is an Android app that does this called Paint Joy Pro, but at the moment there is no way to export the animation.

share|improve this answer

There's also a few ways to do it with javascript, though none of them trivial to implement:

share|improve this answer
Thx. Really helpful. – Mayo Mar 30 at 17:56

You should check out They have a lightweight software that costs $12/month. I once had a project that involved whiteboard animation for an ad agency and the software was really helpful and quite easy to use. You can also check out tutorials on youtube for using the software

share|improve this answer
Hi Temitope, welcome to GDSE and thanks for your answer. If you have any questions, please see the help center or ping one of us in the Graphic Design Chat once your reputation is sufficient (20). Keep contributing and enjoy the site! – Vincent Mar 30 at 9:58

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.