Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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):

animation

share|improve this question

1 Answer 1

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! –  destiel starship Sep 4 '12 at 6:07

Your Answer

 
discard

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.