{"id":353,"date":"2022-01-31T03:36:53","date_gmt":"2022-01-31T08:36:53","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/?page_id=353"},"modified":"2022-01-31T03:36:53","modified_gmt":"2022-01-31T08:36:53","slug":"making-animated-gifs","status":"publish","type":"page","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/syllabus\/making-animated-gifs\/","title":{"rendered":"Making Animated GIFs"},"content":{"rendered":"
\n

Animated GIFs are durable and easy to view. In this course we will use animated GIFs as a quasi-archival format for animated visual material. (We will not use them\u00a0exclusively<\/em>\u00a0to document things, but we will always make them when possible.)<\/p>\n

Animated GIFs uploaded this WordPress should be absolutely no wider than 900 pixels.<\/em>\u00a0Preferably, they should be 600 pixels wide and under 5MB in file size.<\/p>\n

IMPORTANT:<\/h2>\n

When uploading and embedding animated GIFs in your WordPress posts, it\u2019s essential to select \u201cFull Size\u201d in the Attachment Display Settings of the media manager.\u00a0The reduced size versions are not animated!<\/em><\/strong><\/p>\n

\"\"<\/a><\/p>\n

There are plenty of online tutorials for making animated GIFs with Photoshop, Premiere, AfterEffects, or other video editors. You may also find the following free tools helpful:<\/p>\n

https:\/\/ezgif.com\/<\/a><\/strong>
\nEzGif.com<\/a>\u00a0is an online GIF maker, editor, and compressor. It provides tools for resizing, cropping, watermarking, and optimizing animated GIFs. It can also allow you to trim GIFs temporally (deleting frames), and change their frame rate. It\u2019s my preferred tool for reducing the file size of GIFs. It assumes that you\u2019re already starting with individual frames.<\/p>\n

https:\/\/giphy.com\/create\/gifmaker<\/a><\/strong>
\nGiphy.com<\/a>\u00a0provides an easy tool for converting an online video (from YouTube or Vimeo) directly to an animated GIF. Unfortunately, the GIFs it makes have fairly small dimensions; to make a larger GIF, you\u2019d have to\u00a0download the video file<\/a>, extract the fragment you wanted, and use other methods to convert the fragment to a GIF.<\/p>\n

https:\/\/www.cockos.com\/licecap\/<\/a><\/strong>
\nLICEcap<\/a>\u00a0is a badly-named free OSX app which can capture an area of your screen and save it directly to an animated GIF (it may no longer work in OSX Catalina, however).\u00a0GiphyCapture<\/a>\u00a0does the same thing and appears to be in good order. There are also similar apps just for Windows, such as\u00a0Screen-to-GIF<\/a>.<\/p>\n

http:\/\/gifmaker.me\/<\/a><\/strong>
\nGifmaker.me<\/a>\u00a0is a free online tool which allows you to create animated GIFs from image sequences. This can be handy if you\u2019ve used code to generate (and save out) a sequence of frames.<\/p>\n

https:\/\/image.online-convert.com\/convert-to-gif<\/a><\/strong>
\nOnline-convert.com<\/a>\u00a0offers a browser tool for converting videos into GIFs. There\u2019s a similar service available at\u00a0https:\/\/www.onlineconverter.com\/video-to-gif<\/a>, too.<\/p>\n<\/div>\n