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 want to draw an animated signature.

The way that I draw it it's to cover it manually with a mask layer and keyframe each frame.

There is a more efficient way?

share|improve this question
up vote 3 down vote accepted

2 (quicker) options:


(update) Also, I haven't tried this yet, but it might be worth a go:

share|improve this answer
@Magnetic_dud In addition to Justin's great tools and suggestions, I'd like to add few tiny extra techniques from a somewhat related post – George Profenza Apr 18 '12 at 22:23

erasing pieces looks the easiest. Draw the signature, then add keyframe, delete a piece, add frame, delete a piece... and so on then when there is no pieces to draw select all keyframes and reverse them (Right-click > Reverse Frames)

share|improve this answer

The tutorial found here seems to show a fairly good (yet still fairly labor intensive) method for doing this. Using a vector shape would definitely seem like the right way to go in any case since you'll have more control and can even fool around with the actual display of the signature. The nice thing about having a vector shape is you can also set other objects (in this case, the pen) to follow the same path.

share|improve this answer
I tried this tutorial, but, maybe due to my inexperience, I can't get it to work as intended – Magnetic_dud Jan 16 '12 at 16:11

As far as I know you can with some very intricate programming knowledge and math but using a mask or a erasing pieces than reversing the frames is much more time efficient.

  1. plot keyframes
  2. use a drawing API
  3. be able to curve it the way you want to form a letter

Do you see where I'm going with it. In some cases it's easier to draw the animations than programmatically making them.

share|improve this answer

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.