Mobile app version of vmapp.org
Login or Join
Gloria351

: Create animated gif of an arrow being hand-drawn I want to hand-draw an arrow, on either an ipad or the trackpad of a macbook, and generate an animated gif which 'replays' the drawing in real

@Gloria351

Posted in: #Animate #Animation #Gif

I want to hand-draw an arrow, on either an ipad or the trackpad of a macbook, and generate an animated gif which 'replays' the drawing in real time.

I want the animation to look like an arrow being drawn in black marker pen on a whiteboard - so just a black line with a pea-sized circular brush stroke, and ideally on a transparent background so it can be overlaid on other things on a webpage, though I could live with a white background as a workaround.

Basically, I want the arrow to end up looking like this

Are there any tools, free or paid, which will allow me to generate such an animated gif, and export it?

I had a look at this question but it seems like the OP's requirement is in the opposite direction to mine (generate a drawing animation from an already-completed drawing). So not sure if that accepted answer is applicable for the reverse direction (I don't really understand it to be honest, but if it is, I will learn!) or if I should use that solution from a finished version of the arrow, but this seems a pretty complex workaround.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Gloria351

3 Comments

Sorted by latest first Latest Oldest Best

 

@Odierno310

I would do this by drawing the arrow how I like and then erasing the final arrow one little chunk at a time in the opposite sequence that they are drawn. Maybe 30 or 40 chunks total. I would use photoshop's gif/animation feature. As I erase I create a new layer. Put these layers in order and tweak the settings. Reasonable playback speed should fool the eye. Take smaller eraser bites if necessary.

10% popularity Vote Up Vote Down


 

@Gretchen549

You could draw the arrow by creating a motion tween in Adobe Flash CC and then save it in the ".gif" format. All you need to do is, go to "publish settings" and check the "gif" checkbox and publish to your hard drive.

10% popularity Vote Up Vote Down


 

@Caterina889

Essentially what you do is grab a screen video of the work, then convert those video frames to a gif image. As far as I'm aware, there's no "automatic" gif creation software for recording screen movies. Everything generates a video file. There are several apps which can use that video file to generate a gif though.



This meta question may be relevant: How to embed screen capture videos as animated gifs in answers?

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme