Flygon / How To Make Animated Gif
Showing a short segment of gameplay can be useful both for tutorial pages and for illustration of submissions. One way to do this is, in lieu of an all-out streaming video, is to create an animated GIF. This page documents one method for creating such an animation from a TAS.
The following tools are required:
First, you should dump an AVI using the CamStudio codec for the segment of movie that you wish to turn into an animated GIF. Don't be worried about capturing too much or too little; this can be clipped down in the next step.
Next, you want to open up the dumped AVI in VirtualDub. You can trim off excess footage by selecting the segments that should be removed using the menu options
Set selection start and
Set selection end and then deleting them by using the Delete button on your keyboard.
From here on, you can optionally reduce the frame rate, which is recommended for tutorial related purposes such as showing off a trick or engine bug that requires high precision. Adjusting the frame rate is done through the
Frame rate... selection item under the
Video menu - select
Change frame rate to (fps) and set the frame rate to what is desired. For example, if you wanted to half the speed for a standard game you would change the fps to
30 instead of
60.
To export the GIF, go to the
File menu and select
Export > Animated GIF.... Set the path, filename, and how you want the file to loop and upload the end result to a good image host.
It is recommended that your GIF be 120 frames or shorter unless the imagery inside the GIF is simple so as to reduce the file size. For example,
this animation is 700ish kilobytes despite being rather short - this would be bandwidth intensive for weaker internet connections. Also, many web browsers don't play GIFs at full speed if they're faster then 30fps.
(TODO: Get exact fps, assuming it's standard across browsers)
TODO: Explain at some point disabling background layers that have large amounts of scrolling... or freezing the scrolls inside the emulator. I dunno... do something regarding this
Flygon/HowToMakeAnimatedGif last edited by
Flygon on 2010-07-18 04:01:21
Page info and history | Latest diff | List referrers | View Source
