{"id":993,"date":"2020-06-06T15:36:13","date_gmt":"2020-06-06T19:36:13","guid":{"rendered":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/?p=993"},"modified":"2020-10-22T13:02:45","modified_gmt":"2020-10-22T17:02:45","slug":"free-software-for-animation","status":"publish","type":"post","link":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/2020\/free-software-for-animation\/","title":{"rendered":"Free Software for Animation"},"content":{"rendered":"\n<p>Once a year I teach Animation &amp; Interaction at <a rel=\"noreferrer noopener\" href=\"https:\/\/www.mk24.nl\/afdeling\/mkstart\/\" target=\"_blank\">MKstart<\/a> in Amsterdam. When I started teaching this class over 10 years ago, I used Flash. I&#8217;d make some very tiny animations with them during the first few classes and then some mini games during the last few classes. I loved it, they loved it, it was great. When Flash died, eventually I switched to Animate. The brush tool is still the same, the regular crashes are the same, but working in Canvas has made Animate more buggy and unreliable. I haven&#8217;t found any good alternatives so I use it anyway.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>The students are not expected to have the software themselves. They use the school laptops during class. This year, because Corona, I was in New York, my students were at home&#8211;without school laptops&#8230;<\/p>\n\n\n\n<p>The students do not have a lot of money, they do not have very fancy computers and the school doesn&#8217;t have enough money to fix those problems. The first thing I decided was to focus on one of the two subjects. The second thing was that it would be animation.<\/p>\n\n\n\n<p>I made a website for them where they would be able to find all the classes online with examples and were they could upload what they&#8217;d made if they wanted to. I also added a list of free software that might come in handy and instead of just copying and pasting from everyone else&#8217;s lists of free software, I tried all of them to see if they would work for my class.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What did I look for?<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>suitable for 2D drawing \/ animation<\/li><li>options for people who can&#8217;t install any software on their machine<\/li><li>software for turning a series of photos into a movie<\/li><li>software that doesn&#8217;t rely on a webcam<\/li><li>flipbook software<\/li><li>software with timelines<\/li><li>drawing software<\/li><li>image manipulation software<\/li><li>easy and intuitive to use because if they&#8217;re all using different software, I won&#8217;t have time to explain it all<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">The list<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Animation &#8211; online<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Make a video from pictures, StopMotion:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.kapwing.com\/tools\/image-to-video\" target=\"_blank\">Kapwing<\/a> <\/li><li>Very simple animation software:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/brush.ninja\/\" target=\"_blank\">Brush Ninja<\/a> <\/li><li>Make a digital flipbook, also very simple:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/flipanim.com\/\" target=\"_blank\">FlipAnim<\/a> <\/li><li>Make a pixel animation with <a rel=\"noreferrer noopener\" href=\"https:\/\/www.piskelapp.com\/\" target=\"_blank\">Piskel<\/a> <\/li><li>Converting a series of PNGs is also possible at <a rel=\"noreferrer noopener\" href=\"https:\/\/imagetovideo.com\/sequence-to-video\/\" target=\"_blank\">imagetovideo.com<\/a><\/li><li>You can also convert a series of pictures to an animated GIF, for example with <a rel=\"noreferrer noopener\" href=\"https:\/\/ezgif.com\/maker\" target=\"_blank\">EZGIF<\/a><\/li><li>At <a rel=\"noreferrer noopener\" href=\"https:\/\/ezgif.com\/apng-maker\/\" target=\"_blank\">EZGIF<\/a> you can also make a APNG (Animated PNG), which sometimes leads to a more lightweight file with good or better quality than a GIF: worth a try<\/li><li>Another service that converts pictures to a GIF: <a rel=\"noreferrer noopener\" href=\"https:\/\/makeagif.com\/pictures-to-gif\" target=\"_blank\">Make a GIF<\/a><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Image editing online<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/doka.photo\/\" target=\"_blank\">Doka.Photo | Free Online Image Editor | Powered by Doka.js<\/a>&nbsp;&#8211; A free photo editor, nice to use<\/li><li>Another online photo editing app: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.fotor.com\/\" target=\"_blank\">Fotor<\/a><\/li><li>Online vector \/ drawing app: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.designer.io\/\" target=\"_blank\">Gravit Designer<\/a> (not just for designing apps or websites!) works in most browsers but you can download it as well<\/li><li>Online vector \/ drawing app <a rel=\"noreferrer noopener\" href=\"https:\/\/vectr.com\/\" target=\"_blank\">Vectr<\/a> is a little simpler than Gravit but also good. Can be used in the browser but I think it can be downloaded as well.<\/li><li>Online vector \/ drawing app <a rel=\"noreferrer noopener\" href=\"https:\/\/boxy-svg.com\/\" target=\"_blank\">Boxy SVG<\/a> works in Chrome and Chrome-based browsers (Opera, Vivaldi, Brave, new Edge).<\/li><li>Online vector \/ drawing app <a rel=\"noreferrer noopener\" href=\"https:\/\/editor.method.ac\/\" target=\"_blank\">Method Vector Editor<\/a> <\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.photopea.com\/\" target=\"_blank\">Photopea<\/a> is a Photoshop clone online<\/li><li>The free version of <a rel=\"noreferrer noopener\" href=\"https:\/\/pixlr.com\/editor\/\" target=\"_blank\">Pixlr<\/a> E has some limitations but a lot of options as well and it&#8217;s really nice to use<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Animation and image editing online<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/krita.org\/\" target=\"_blank\">Krita<\/a> is wonderful software for drawing and animation, it has vector options and very good brushes<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/inkscape.org\/\" target=\"_blank\">Inkscape<\/a> is vector drawing software<\/li><li><a href=\"https:\/\/www.gimp.org\/\">Gimp<\/a> is photo editing software in which you can also draw and make some very simple animations<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.pencil2d.org\/\" target=\"_blank\">Pencil2D Animation<\/a> is 2D animation software<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.synfig.org\/\" target=\"_blank\">Synfig<\/a> is also 2D animation software<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.blender.org\/\" target=\"_blank\">Blender<\/a> is very extensive animation software (though 3D, just to good not to mention)<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/opentoonz.github.io\/e\/\" target=\"_blank\">OpenToonz<\/a> is also 2D animation software<\/li><li>MorevnaProject <a rel=\"noreferrer noopener\" href=\"https:\/\/morevnaproject.org\/opentoonz\/\" target=\"_blank\">OpenToonz<\/a> is a different version of the same software as OpenToonz<\/li><\/ul>\n\n\n\n<p>Those are my lists. One of my students really liked using Krita although he didn&#8217;t use the timeline, he would just string the separate drawings together in the video software that came with his computer.<\/p>\n\n\n\n<p>At least two student drew the frames by hand, took photos of their drawings with their phones and made them into a movie using Kapwing or free video editing software. Some of them used FlipAnim some used Pixlr.<\/p>\n\n\n\n<p>Some students had crappy computers, but they did have iPads with Apple pens and Procreate (or their parents or sisters did), which has some timeline options that work pretty good for simple animations.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Once a year I teach Animation &amp; Interaction at MKstart in Amsterdam. When I started teaching this class over 10 years ago, I used Flash. I&#8217;d make some very tiny animations with them during the first few classes and then some mini games during the last few classes. I loved it, they loved it, it &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Free Software for Animation\" class=\"read-more button\" href=\"https:\/\/www.blindemanwebsites.com\/today-i-learned\/2020\/free-software-for-animation\/#more-993\" aria-label=\"Read more about Free Software for Animation\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[32,156,161,170,166,167,169,165,150,153,163,149,14,152,171,151,160,157,154,158,168,159,155,138,162],"class_list":["post-993","post","type-post","status-publish","format-standard","hentry","category-new-things","tag-animation","tag-blender","tag-boxy-svg","tag-brush-ninja","tag-doka-photo","tag-ezgif","tag-flipanim","tag-fotor","tag-free","tag-gimp","tag-gravit-designer","tag-image-editing","tag-images","tag-inkscape","tag-kapwing","tag-krita","tag-method-vector-editor","tag-opentoonz","tag-pencil2d-animation","tag-photopea","tag-piskel","tag-pixlr","tag-synfig","tag-teaching-online","tag-vectr","infinite-scroll-item"],"_links":{"self":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts\/993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/comments?post=993"}],"version-history":[{"count":1,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts\/993\/revisions"}],"predecessor-version":[{"id":1095,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts\/993\/revisions\/1095"}],"wp:attachment":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/media?parent=993"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/categories?post=993"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/tags?post=993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}