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 am trying to create a gif of a growing line, which changes direction. I drew the line using the path tool, so I need a way to animate drawing process of a Beziér curve. Essentially I need to create a similar animation to the the following one (just the red line and the black dot, however the black dot is optional):


share|improve this question
up vote 2 down vote accepted

In Photoshop, you have to do this the (somewhat) old-fashioned way, frame by frame, if you want to have the line animate in a mathematically precise way. That means extending the line piece by piece making it slightly longer in each frame, using the grid as a guide.

If all you need is a "reveal" of the line and you don't need mathematical precision, then you can draw the line, mask it out, and animate the mask. This allows you to take advantage of tweening and easing equations so you have good control over the animation.

share|improve this answer
Wouldn't it be great if you could make an object tween in a curved path? – Johannes Sep 2 '12 at 6:38
That's what After Effects is for... :) – Alan Gilbertson Sep 3 '12 at 18:27
Ah. I was afraid this would be the answer! Thanks! – omninonsense Sep 4 '12 at 6:07

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.