{"id":45,"date":"2019-07-01T18:29:14","date_gmt":"2019-07-01T18:29:14","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/?page_id=45"},"modified":"2025-10-24T16:00:07","modified_gmt":"2025-10-24T16:00:07","slug":"animation","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/animation\/","title":{"rendered":"Animation"},"content":{"rendered":"\n<p><a href=\"https:\/\/www.adobe.com\/products\/animate.html\" target=\"_blank\" rel=\"noreferrer noopener\">Download Adobe Animate<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/playlist?list=PLSqAxglrKGAwZO5PN-ATKeE2eSqqbjA94\" target=\"_blank\" rel=\"noreferrer noopener\">Animation playlist<\/a><\/p>\n\n\n\n<p>Videos<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Animation intro (on Brightspace)<\/li>\n\n\n\n<li><a href=\"https:\/\/youtu.be\/lPKBrId1e50?si=h8UHfjFwMUv8h642\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Animate basics<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/youtu.be\/5zHePtrHMTY?si=oozhprscuUdwu93M\" target=\"_blank\" rel=\"noreferrer noopener\">Animate Tweens<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/youtu.be\/zB1GiBk3Jrg?si=iLvnN-47u2gRzLNO\" target=\"_blank\" rel=\"noreferrer noopener\">Animate Symbols<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/youtu.be\/Cq-_Oa3QV8I?si=slHdHsflnGbUpiLH\" target=\"_blank\" rel=\"noreferrer noopener\">Draft post submission<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/youtu.be\/2wpvTO3wD4Q?si=8kYLe_IZJK7svjAd\" target=\"_blank\" rel=\"noreferrer noopener\">Storyboarding<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/youtu.be\/j2_p30U0Z08?si=oFr7zPNFsUi6bfZa\" target=\"_blank\" rel=\"noreferrer noopener\">Submit animation project<\/a><\/li>\n<\/ul>\n\n\n\n<p><a href=\"https:\/\/drive.google.com\/file\/d\/1cEdLId_6jZ96u4AOcwX6w6SYbNWmxHwC\/view?usp=sharing\">Storyboard template PDF<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-content\/uploads\/sites\/4098\/2025\/02\/storyboard.jpg\" data-type=\"attachment\" data-id=\"3436\">Storyboard template JPG<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Resources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/vimeo.com\/93206523\" target=\"_blank\" rel=\"noreferrer noopener\">The 12 Principles of Animation: The Illusion of Life on Vimeo<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=QOeaC8kcxH0\" target=\"_blank\" rel=\"noopener\">Toy Story &#8211; Storyboarding<\/a><\/li>\n\n\n\n<li>Production process: <a href=\"https:\/\/learn.toonboom.com\/modules\/animation-workflow\/topic\/pre-production\" target=\"_blank\" rel=\"noreferrer noopener\">pre-production<\/a>, <a href=\"https:\/\/learn.toonboom.com\/modules\/animation-workflow\/topic\/production\" target=\"_blank\" rel=\"noreferrer noopener\">production<\/a>, <a href=\"https:\/\/learn.toonboom.com\/modules\/animation-workflow\/topic\/post-production\" target=\"_blank\" rel=\"noreferrer noopener\">post-production<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.adobe.com\/learn\/animate\">Adobe Animate Tutorials<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/helpx.adobe.com\/photoshop\/how-to\/make-animated-gif.html\">Adobe Photoshop Tutorials \u201cCreate an Animated Gif\u201d<\/a><\/li>\n\n\n\n<li>Making-of videos:\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=F9EmxVv4Gh8\">The Bear and The Hare \u2013 Behind the 2D Traditional Animation<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=Nn0S2vmSCU0\">How Pixar created its most complex character yet for \u201cFinding Dory\u201d (CNET News)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=7ZO-KLSMSH0\">\u201cCoraline\u201d: Featurette<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=wVjMFU11hVA\">Stop Motion Animation Explained in 2 minutes<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Oskar Fischinger <a href=\"https:\/\/vimeo.com\/55181698\">Kreise<\/a><\/li>\n\n\n\n<li>Len Lye <a href=\"https:\/\/www.youtube.com\/watch?v=-DksmbDMDUU\">Clips from \u201cKaleidoscope\u201d, \u201cColour Flight\u201d and \u201cA Colour Box\u201d<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Project<\/h2>\n\n\n\n<p>Animating an emotion<\/p>\n\n\n\n<p>Create an animation in Adobe Animate that uses abstract shapes, colors, and text to describe an emotion. You will start by creating a storyboard to plan your sequence &#8211; use <a href=\"https:\/\/drive.google.com\/file\/d\/1cEdLId_6jZ96u4AOcwX6w6SYbNWmxHwC\/view?usp=sharing\" target=\"_blank\" rel=\"noopener\">this template<\/a>. Use Adobe Animate to make an animation between 10 and 30 seconds long. Use tweens to animated properties like position, size, color, opacity and others. The animation should have a beginning, middle and end.<\/p>\n\n\n\n<p>Upload the following to Brightspace:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The Adobe Animate project file (.fla)<\/li>\n\n\n\n<li>Create an Open Lab post with the MP4 file embedded.<\/li>\n\n\n\n<li>Project statement\n<ul class=\"wp-block-list\">\n<li>Project title<\/li>\n\n\n\n<li>Semester and year created<\/li>\n\n\n\n<li>Software and\/or languages used<\/li>\n\n\n\n<li>3-4 sentence description of your creative and technical process. For example: What emotion did you decide to animate? Why did you choose these colors\/shapes? How did you approach pacing\/timing? What was the most challenging part of the project and how did you solve it? etc.<\/li>\n\n\n\n<li>Story board file(s)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Download Adobe Animate Animation playlist Videos Storyboard template PDF Storyboard template JPG Resources Project Animating an emotion Create an animation in Adobe Animate that uses abstract shapes, colors, and text to describe an emotion. You will start by creating a storyboard to plan your sequence &#8211; use this template. Use Adobe Animate to make an&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/animation\/\">Continue reading <span class=\"screen-reader-text\">Animation<\/span><\/a><\/p>\n","protected":false},"author":34,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":25,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":5497,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/pages\/45\/revisions\/5497"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2025\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}