Jump to content


Screenshots to video

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts



I'm building an animation that I want to record as video but for now but I can't record screen with a 100% smooth video for x reasons. So, what do you think about the idea to slow down the animation by using the time scale, take automated screenshots and then merge them into a video format and add audio ?


Does it make sense or it's a wrong way ?


Thanks :)


Link to comment
Share on other sites

Technically doable but sounds like a lot of work and very prone to errors. 


What type of animation are you doing? Depending on the type it might be best to recreate it in a video creation software and export it to video.

Link to comment
Share on other sites

Convert your animation to a sequence of images, and then to video. There are several threads about that.


This one links to most of them.









  • Like 1
Link to comment
Share on other sites

Ty Zach,


My goal is to build a pre-streaming video, showing some technics with GS collection and other things possibles with web technologies. The subject is web development and even, if I can make a simple video with specialized software i'll be able to put an image and do a rotation...(and probably have some problems with origins) but i'll not be able to do things easily like I do with web development.


Plus create web animations is very funny, especially with tools like GS toolbox offering SVG drawing, morphing and so many crazy stuff.

Lastly, this web animation will be interactive on the web version.


I was thinking about this because of movies like Avatar that require days to compute each frame. But I'm not an animation specialist and I just can suppose what is the big process behind.


To answer to the "lot of work", it's just automated screenshot script with NodeJS, then I crop images with a PHP script and probably FFMpeg have an short command to merge the final images, but for now all this is very theorical ^^ That can be effectively some work but if that is fine ill use this technic for other animations.


What kind of errors can I expect ?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.