{"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":"2020-09-23T14:08:22","modified_gmt":"2020-09-23T14:08:22","slug":"animation","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/animation\/","title":{"rendered":"Animation"},"content":{"rendered":"<p>SLIDES<\/p>\n<p><a href=\"https:\/\/docs.google.com\/presentation\/d\/18TJiYIqbDEhNkdrdHAnQkaG8B_3DNZ7heUMBcM-U63Y\/edit?usp=sharing\">https:\/\/docs.google.com\/presentation\/d\/18TJiYIqbDEhNkdrdHAnQkaG8B_3DNZ7heUMBcM-U63Y\/edit?usp=sharing<\/a><\/p>\n<p>IN-CLASS TUTORIALS AND ESSENTIAL RESOURCES<\/p>\n<ul>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/0B1E0nJBU8bRka0NLemMyWTBUMTA\/view?usp=sharing\">Creating an Animation with After Effects<\/a><\/li>\n<li><a href=\"https:\/\/vimeo.com\/93206523\">The 12 Principles of Animation: The Illusion of Life on Vimeo<\/a><\/li>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/1cEdLId_6jZ96u4AOcwX6w6SYbNWmxHwC\/view?usp=sharing\">Storyboard template<\/a><\/li>\n<\/ul>\n<p>SUGGESTED RESOURCES<\/p>\n<ul>\n<li>Official Adobe tutorials\n<ul>\n<li><a href=\"https:\/\/helpx.adobe.com\/photoshop\/using\/video-animation-overview.html\">Adobe Photoshop User Guide \u201cVideo Animation Overview\u201d<\/a><\/li>\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<li><a href=\"https:\/\/helpx.adobe.com\/photoshop\/using\/creating-frame-animations.html\">Adobe Photoshop User Guide \u201cCreate Frame Animations\u201d<\/a><\/li>\n<li><a href=\"https:\/\/helpx.adobe.com\/after-effects\/how-to\/aftereffects-workflow-terminology.html\">Adobe After Effects Tutorials \u201cGet to know the After Effects interface\u201d<\/a><\/li>\n<li><a href=\"https:\/\/helpx.adobe.com\/after-effects\/using\/composition-basics.html\">Adobe After Effects User Guide \u201cComposition Basics\u201d<\/a><\/li>\n<li><a href=\"https:\/\/helpx.adobe.com\/after-effects\/using\/animation-basics.html\">Adobe After Effects User Guide \u201cAnimation Basics\u201d<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/0B1E0nJBU8bRkcGFNSnlaQU5JZGc\/view?usp=sharing\">Creating an Animated Gif tutorial<\/a><\/li>\n<li>Making-of videos:\n<ul>\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<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<li><a href=\"https:\/\/www.youtube.com\/watch?v=7ZO-KLSMSH0\">\u201cCoraline\u201d: Featurette<\/a><\/li>\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<li>Storytelling:<a href=\"https:\/\/www.khanacademy.org\/partner-content\/pixar\/storytelling\"> Pixar in a Box: The Art of Storytelling<\/a><\/li>\n<\/ul>\n<p>ANIMATORS WHO WORK ABSTRACTLY<\/p>\n<ul>\n<li>Oskar Fischinger <a href=\"https:\/\/vimeo.com\/55181698\">Kreise<\/a><\/li>\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<li>Ying Tan <a href=\"https:\/\/vimeo.com\/86576146\">Haiku.7<\/a><\/li>\n<\/ul>\n<p>SAMPLE ASSIGNMENTS AND RUBRIC<\/p>\n<p><strong>Animated words and emotions<\/strong><\/p>\n<p>Create an animation in After Effects 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\" target=\"_blank\" rel=\"noreferrer noopener\">this template<\/a>.\u00a0Make a composition in After Effects that is 10 seconds long, with the HDTV 1080 29,97 preset. Your composition should include solids, text, and shape layers. Animate some of these properties: opacity, position, scale and rotation. After you have completed and saved your project, add it to the Render Queue and render it out to Quicktime (.mov).<\/p>\n<p>Here are two examples:<\/p>\n<ul>\n<li><a href=\"https:\/\/vimeo.com\/249525380\">https:\/\/vimeo.com\/249525380<\/a><\/li>\n<li>https:\/\/vimeo.com\/249095449<\/li>\n<\/ul>\n<p>Upload the following to blackboard:<\/p>\n<ul>\n<li>A scan\/photo of the completed storyboard<\/li>\n<li>The After Effects project file (.aep)<\/li>\n<li>The rendered video file (.mov)<\/li>\n<li>A short statement. Use <a href=\"https:\/\/docs.google.com\/document\/d\/1hzeRzCAgW-F-8x2v4Mp7MvOsUPcsVxTLhnGR-5hTJ3o\/edit?usp=sharing\">this template<\/a>.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1qh_7hMNwYRBb4N2VioJ6JrJYl_JCzhu28ookfTM8qm0\/edit?usp=sharing\">Grading Rubric<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SLIDES https:\/\/docs.google.com\/presentation\/d\/18TJiYIqbDEhNkdrdHAnQkaG8B_3DNZ7heUMBcM-U63Y\/edit?usp=sharing IN-CLASS TUTORIALS AND ESSENTIAL RESOURCES Creating an Animation with After Effects The 12 Principles of Animation: The Illusion of Life on Vimeo Storyboard template SUGGESTED RESOURCES Official Adobe tutorials Adobe Photoshop User Guide \u201cVideo Animation Overview\u201d Adobe Photoshop Tutorials \u201cCreate an Animated Gif\u201d Adobe Photoshop User Guide \u201cCreate Frame Animations\u201d Adobe After Effects &hellip; <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/animation\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Animation&#8221;<\/span><\/a><\/p>\n","protected":false},"author":21,"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"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":4,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":80,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/wp-json\/wp\/v2\/pages\/45\/revisions\/80"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}