Introduction to Motion Design: Animated GIFs

Giphy - https://giphy.com/ - allows to uopload images, video and to introduce text and stickers and other effects, allows to download as GIF, MP4 and share in social media.

 

Toonator -  http://toonator.com/ - allows you to easily draw and bring animated images to life. Create your drawing frame by frame, using the plus icon to add the next frame in your sequence. Once you’ve finished, hit the play button to watch your animation come to life. You can save your image as a file, or copy the HTML code to embed the animation on your site.

​

imgflip - https://imgflip.com/ -  takes your ready-made images and animates them. Upload your images, arrange them in the right order and adjust the speed. Click generate when you’ve got it just right. Minor drawback – your finished GIF will have a small imgflip watermark on it, unless you have a pro account.

​

GIFMaker - http://gifmaker.me/ - Compatible with Windows, Mac and Linux, GIFMaker works in roughly the same way as imgflip. You can adjust your canvas size, animation speed and select the number of times you want the image to play. You can also add music to play along with your image if you’re uploading to YouTube.

​

Make a GIF

Another straightforward pictures-to-gif maker, similar to imgflip and GIFMaker. But you can also create GIFs from YouTube videos and your webcam. Make a GIF doesn’t put a watermark on your image and the extension for Google Chrome is quite handy.

Keep your file size down

​

Keep the file size of your finished GIF as small as possible to avoid any problems with the import or playback. The GIFs available in the VideoScribe library are under 300kb and we recommend keeping your own files at or below this size.

​

Compressor.io will reduce your file size by up to 90% without causing a noticeable difference in image quality.

ezgif‘s optimise tool will also reduce the size of your animated GIFs – either by reducing the number of colours used or removing frames that aren’t essential to the final effect.

​

Find out more about using animated GIFs in VideoScribe.