{"id":522,"date":"2022-10-11T19:13:06","date_gmt":"2022-10-11T23:13:06","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/?page_id=522"},"modified":"2022-11-01T19:27:51","modified_gmt":"2022-11-01T23:27:51","slug":"animation","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/modules\/animation\/","title":{"rendered":"Module 3: Animation"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-secondary-color has-foreground-background-color has-text-color has-background has-link-color wp-elements-db23ed63fd74fb40c73adfe91638ba76 is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)\">\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"alignwide wp-block-heading\" id=\"warble-a-film-about-hobbyist-bird-watchers-1\" style=\"font-size:clamp(3rem, 6vw, 4.5rem)\"><em>Animation Intro<\/em><\/h1>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video alignwide\"><video controls src=\"https:\/\/www.dropbox.com\/s\/8at7jcv7uxjyo4q\/DigitalImageIntro.mp4?raw=1\"><\/video><\/figure>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p><strong>What You Will Need for the Module<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:35%\">\n<ul class=\"wp-block-list\"><li>Space to save image files (on computer, USB drive or in the cloud)<\/li><li>Dropbox or OneDrive account<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/quizlet.com\/\" target=\"_blank\">Quizlet Account<\/a><ul><li>We use this in each module<\/li><\/ul><\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:35%\">\n<ul class=\"wp-block-list\"><li><strong>Computer<\/strong> that can run Adobe<\/li><li><strong>Computer Software:<\/strong><ul><li>Adobe AfterEffects <\/li><li>Optional: Photoshop and Illustrator<\/li><\/ul><\/li><\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-53a80aa\" data-block-id=\"53a80aa\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-53a80aa-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v2 stk-column stk-block stk-7db899f\" data-block-id=\"7db899f\"><style>@media screen and (min-width:768px){.stk-7db899f{flex:1 1 33.3% !important}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-7db899f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-7db899f-inner-blocks\">\n<figure class=\"wp-block-image aligncenter size-medium is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/machine-learning-300x300.png\" alt=\"icon of computer with brain imposed over it.\" class=\"wp-image-190\" width=\"300\" height=\"300\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/machine-learning-300x300.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/machine-learning-150x150.png 150w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/machine-learning.png 512w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption><a href=\"https:\/\/www.flaticon.com\/free-icons\/cognitive\" target=\"_blank\" rel=\"noreferrer noopener\">Cognitive icons created by Eucalyp &#8211; Flaticon<\/a><\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v2 stk-column stk-block stk-3fc1354\" data-block-id=\"3fc1354\"><style>@media screen and (min-width:768px){.stk-3fc1354{flex:1 1 66.7% !important}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3fc1354-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3fc1354-inner-blocks\">\n<h2 class=\"has-x-large-font-size wp-block-heading\" id=\"learn\" style=\"margin-top:0px;margin-right:0px;margin-bottom:1rem;margin-left:0px\">What We&#8217;ll Learn<\/h2>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase;margin-top:0px;margin-right:0px;margin-bottom:0rem;margin-left:0px\">History and theory of animation<\/h3>\n\n\n\n<p>We will learn some of the history of the moving image and animation and some of the key animation principles.<\/p>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase;margin-top:1rem;margin-right:0px;margin-bottom:0rem;margin-left:0px\">Creating animations<\/h3>\n\n\n\n<p>We will use Adobe AfterEffects to create an animation to describe an emotion. Along the way we will go over the basics of the animation process and learn to use the basics of AfterEffects.<\/p>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase;margin-top:1rem;margin-right:0px;margin-bottom:0rem;margin-left:0px\">Classes<\/h3>\n\n\n\n<ol class=\"wp-block-list\"><li>10\/11: Intro, Moving Image, Animation and AfterEffects<\/li><li>10\/13: Using AfterEffects<\/li><li>10\/18: Animation Workshop 1<\/li><li>10\/20: Animation Workshop 2<\/li><li>10\/25: Animation Workshop 3<\/li><li>10\/27: Animation Workshop 4<\/li><li>11\/1 Animation Workshop 5<\/li><\/ol>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase;margin-top:1rem;margin-right:0px;margin-bottom:0rem;margin-left:0px\">project and quiz<\/h3>\n\n\n\n<ol class=\"wp-block-list\"><li>11\/8: Animation Project Due (date was changed)<\/li><li>11\/17: Animation Quiz (in class)<\/li><\/ol>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-252ea6c\" data-block-id=\"252ea6c\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-252ea6c-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v2 stk-column stk-block stk-db3e75b\" data-block-id=\"db3e75b\"><style>@media screen and (min-width:768px){.stk-db3e75b{flex:1 1 33.3% !important}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-db3e75b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-db3e75b-inner-blocks\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/technical-support.png\" alt=\"icon of computer with tools, text and gears on it.\" class=\"wp-image-195\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/technical-support.png 512w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/technical-support-300x300.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/technical-support-150x150.png 150w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><figcaption><a href=\"https:\/\/www.flaticon.com\/free-icons\/support\" title=\"support icons\">Support icons created by Freepik &#8211; Flaticon<\/a><\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v2 stk-column stk-block stk-5020a65\" data-block-id=\"5020a65\"><style>@media screen and (min-width:768px){.stk-5020a65{flex:1 1 66.7% !important}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5020a65-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-5020a65-inner-blocks\">\n<h2 class=\"has-x-large-font-size wp-block-heading\" id=\"setup\" style=\"margin-top:0px;margin-right:0px;margin-bottom:1rem;margin-left:0px\">Setup and Materials<\/h2>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase;margin-top:0px;margin-right:0px;margin-bottom:0rem;margin-left:0px\">software: After Effects<\/h3>\n\n\n\n<p>You will need to download and install Adobe Creative Suite on your computer. You should already have this from using Photoshop and Illustrator. <strong>Install After Effects.<\/strong> If you don&#8217;t have room on your computer, you may need to uninstall Photoshop.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/servicedesk.bmcc.cuny.edu\/TDClient\/33\/Portal\/KB\/ArticleDet?ID=1070\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Access Instructions<\/a>: You will use your CUNYfirst username and password.<\/li><\/ul>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase;margin-top:1rem;margin-right:0px;margin-bottom:0rem;margin-left:0px\">hardware<\/h3>\n\n\n\n<p>You will need a computer that can run Adobe After Effects software. AE will run if you have 8GB or ram but better if you have 16GB. <\/p>\n\n\n\n<p>Please let Prof Stein know if your computer can&#8217;t run After Effects or you don&#8217;t have a way to take pictures.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-b34bae3\" data-block-id=\"b34bae3\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b34bae3-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v2 stk-column stk-block stk-489963c\" data-block-id=\"489963c\"><style>@media screen and (min-width:768px){.stk-489963c{flex:1 1 33.3% !important}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-489963c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-489963c-inner-blocks\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/project.png\" alt=\"icon of paper with the word project and representation of a document\" class=\"wp-image-191\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/project.png 512w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/project-300x300.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/project-150x150.png 150w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><figcaption><a href=\"https:\/\/www.flaticon.com\/free-icons\/project\" title=\"project icons\">Project icons created by Freepik &#8211; Flaticon<\/a><\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v2 stk-column stk-block stk-476d5d3\" data-block-id=\"476d5d3\"><style>@media screen and (min-width:768px){.stk-476d5d3{flex:1 1 66.7% !important}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-476d5d3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-476d5d3-inner-blocks\">\n<h2 class=\"has-x-large-font-size wp-block-heading\" id=\"project\" style=\"margin-top:0px;margin-right:0px;margin-bottom:1rem;margin-left:0px\">Module Media Project<\/h2>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase;margin-top:0px;margin-right:0px;margin-bottom:0rem;margin-left:0px\">Animated words and emotions<\/h3>\n\n\n\n<p><\/p>\n\n\n\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 \u2013 use<a href=\"https:\/\/drive.google.com\/file\/d\/1cEdLId_6jZ96u4AOcwX6w6SYbNWmxHwC\/view?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">&nbsp;this template<\/a>.&nbsp;Make 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\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Requirements<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Storyboard<\/strong><\/li><li><strong>3 layer types<\/strong>. You can use more.<ul><li>Shapes<\/li><li>Solids<\/li><li>Text<\/li><\/ul><\/li><li>Animates at least <strong>three of these properties<\/strong><ul><li>position<\/li><li>scale<\/li><li>rotation<\/li><li>opacity<\/li><\/ul><\/li><li>1<strong>0 seconds long<\/strong> (can be longer)<\/li><li><strong>Original After Effects file<\/strong><\/li><li><strong>Rendered .mov file<\/strong><\/li><li><strong>Uses Abstract shapes, colors and text to describe an emotion<\/strong><\/li><\/ul>\n\n\n\n<p>Here are two examples:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/vimeo.com\/249525380\">https:\/\/vimeo.com\/249525380<\/a><\/li><li><a href=\"https:\/\/vimeo.com\/249095449\">https:\/\/vimeo.com\/249095449<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase;margin-top:1rem;margin-right:0px;margin-bottom:0rem;margin-left:0px\">DUE DATE<\/h3>\n\n\n\n<p>Tuesday, November 8 (date was changed! from 11\/1)<\/p>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase;margin-top:1rem;margin-right:0px;margin-bottom:0rem;margin-left:0px\">Turning it in<\/h3>\n\n\n\n<p>You will submit the following 4 files to Blackboard:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Storyboard (you can scan or take a photo of it if you hand drew it)<\/li><li>The After Effects file (.aep)<\/li><li>The rendered video file (.mov)<\/li><li>A short statement. Use&nbsp;<a href=\"https:\/\/docs.google.com\/document\/d\/1hzeRzCAgW-F-8x2v4Mp7MvOsUPcsVxTLhnGR-5hTJ3o\/edit?usp=sharing\">this template<\/a>.<\/li><\/ol>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\" style=\"font-style:normal;font-weight:300;text-transform:uppercase;margin-top:1rem;margin-right:0px;margin-bottom:0rem;margin-left:0px\">Grading rubric<\/h3>\n\n\n\n<p>The grading rubric takes into account the files used, format, the copyright of the content and the quality of the project. View the full <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1qh_7hMNwYRBb4N2VioJ6JrJYl_JCzhu28ookfTM8qm0\/edit?usp=sharing\">Grading Rubric<\/a>.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-stackable-columns alignwide stk-block-columns stk-block stk-ba6d150\" data-block-id=\"ba6d150\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ba6d150-column alignwide\">\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v2 stk-column stk-block stk-266b2ec\" data-block-id=\"266b2ec\"><style>@media screen and (min-width:768px){.stk-266b2ec{flex:1 1 33.3% !important}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-266b2ec-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-266b2ec-inner-blocks\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/resources.png\" alt=\"\" class=\"wp-image-193\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/resources.png 512w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/resources-300x300.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/08\/resources-150x150.png 150w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><figcaption><a href=\"https:\/\/www.flaticon.com\/free-icons\/cognitive\" target=\"_blank\" rel=\"noreferrer noopener\">Cognitive icons created by Eucalyp &#8211; Flaticon<\/a><\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v2 stk-column stk-block stk-2811df7\" data-block-id=\"2811df7\"><style>@media screen and (min-width:768px){.stk-2811df7{flex:1 1 66.7% !important}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2811df7-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2811df7-inner-blocks\">\n<h2 class=\"has-x-large-font-size wp-block-heading\" id=\"resources\" style=\"margin-top:0px;margin-right:0px;margin-bottom:1rem;margin-left:0px\">Tutorials and Resources<\/h2>\n\n\n\n<h3 class=\"has-large-font-size wp-block-heading\" style=\"text-transform:uppercase\">SLIDES<\/h3>\n\n\n\n<p><a href=\"https:\/\/docs.google.com\/presentation\/d\/18TJiYIqbDEhNkdrdHAnQkaG8B_3DNZ7heUMBcM-U63Y\/edit?usp=sharing\">Animation Lesson Slides<\/a><\/p>\n\n\n\n<h3 class=\"has-large-font-size wp-block-heading\" style=\"text-transform:uppercase\">Animation history and principles<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/vimeo.com\/93206523\">The 12 Principles of Animation: The Illusion of Life on Vimeo<\/a><ul><li>based on the book<em><a rel=\"noreferrer noopener\" href=\"https:\/\/www.amazon.com\/Illusion-Life-Disney-Animation\/dp\/0786860707\" target=\"_blank\">The Illusion of Life<\/a><\/em> by Frank Thomas and Ollie Johnston<\/li><\/ul><\/li><li><a href=\"https:\/\/drive.google.com\/file\/d\/1cEdLId_6jZ96u4AOcwX6w6SYbNWmxHwC\/view?usp=sharing\">Storyboard template<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"has-large-font-size wp-block-heading\" style=\"text-transform:uppercase\">TUTORIALS AND ESSENTIAL RESOURCES<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Official Adobe tutorials:<ul><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><li><a rel=\"noreferrer noopener\" href=\"https:\/\/helpx.adobe.com\/after-effects\/how-to\/create-shape-layers.html\" target=\"_blank\">Create a Shape Layer<\/a> [in class 10\/11]<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/helpx.adobe.com\/after-effects\/how-to\/animate-shape-layers.html\" target=\"_blank\">Animate a Shape Layer<\/a> [in class 10\/11]<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/helpx.adobe.com\/after-effects\/how-to\/add-animation-to-shape-layers.html?playlistPath=\/services\/playlist.helpx\/products:SG_AFTEREFFECTS_1_1\/learn-path:key-techniques\/set-header:build-animate-shapes\/playlist:topic\/en_us.json\" target=\"_blank\">Add animation properties to shape layers<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/helpx.adobe.com\/after-effects\/how-to\/creating-animating-text.html\" target=\"_blank\">Create and Animate Text<\/a> [in class 10\/13]<\/li><li><a href=\"https:\/\/helpx.adobe.com\/after-effects\/using\/composition-basics.html\">Adobe After Effects User Guide \u201cComposition Basics\u201d<\/a><\/li><li><a href=\"https:\/\/helpx.adobe.com\/after-effects\/using\/animation-basics.html\">Adobe After Effects User Guide \u201cAnimation Basics\u201d<\/a><\/li><\/ul><\/li><li><a href=\"https:\/\/drive.google.com\/file\/d\/0B1E0nJBU8bRka0NLemMyWTBUMTA\/view?usp=sharing&amp;resourcekey=0-Q4Pi4sDoW1I4Ee7vTJk6sw\">Creating an Animation with After Effects<\/a><\/li><li><a href=\"https:\/\/drive.google.com\/file\/d\/1cEdLId_6jZ96u4AOcwX6w6SYbNWmxHwC\/view?usp=sharing\">Storyboard template<\/a><\/li><\/ul>\n\n\n\n<p>I will add more as we go along. Please feel free to suggest resources that helped you.<\/p>\n\n\n\n<p><\/p>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Digital Images Posts<\/h2>\n\n\n\n<div class=\"wp-block-query alignwide is-layout-constrained wp-block-query-is-layout-constrained\"><ul class=\"is-flex-container columns-3 alignwide wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-920 post type-post status-publish format-standard hentry category-final-project tag-animation\">\n\n\n<h2 class=\"wp-block-post-title has-x-large-font-size\"><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/2022\/12\/21\/final-project\/\" target=\"_self\" >Final Project<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Perfect Match A love story of a square Director\/Scriptwriter\/Producer\uff1a Yingyi Ma Introduction\uff1a When people are first immersed in love, they will become blind and do some foolish things, and the results are often unsatisfactory. However, all &hellip; <\/p><\/div>\n\n<div class=\"wp-block-post-date has-small-font-size\"><time datetime=\"2022-12-21T19:12:35-05:00\"><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/2022\/12\/21\/final-project\/\">December 21, 2022<\/a><\/time><\/div>\n<\/li><\/ul>\n\n\n<hr class=\"wp-block-separator has-css-opacity alignwide is-style-wide\"\/>\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<div class=\"wp-block-stackable-heading aligncenter stk-block-heading stk-block stk-32xjnco\" id=\"strong-span-style-color-1611-ed-class-stk-highlight-perfect-match-span-strong\" data-block-id=\"32xjnco\"><h1 class=\"stk-block-heading__text has-text-align-center\"><strong><span style=\"color: #1611ed\" class=\"stk-highlight\">Perfect Match<\/span><\/strong><\/h1><\/div>\n\n\n\n<p class=\"has-text-align-center has-large-font-size\"><span style=\"color: #fd6780\" class=\"stk-highlight\">A love story of a square<\/span><\/p>\n\n\n\n<div class=\"wp-block-stackable-divider stk-block-divider stk-block stk-rlcwg8b\" data-block-id=\"rlcwg8b\"><style>.stk-rlcwg8b{margin-bottom:20px !important}<\/style><hr class=\"stk-block-divider__hr\" \/><\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-td5hvru\" data-block-id=\"td5hvru\"><figure class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-946\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/12\/Perfect-Match-Poster.jpg\" width=\"1448\" height=\"2048\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/12\/Perfect-Match-Poster.jpg 1448w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/12\/Perfect-Match-Poster-212x300.jpg 212w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/12\/Perfect-Match-Poster-724x1024.jpg 724w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/12\/Perfect-Match-Poster-768x1086.jpg 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-content\/uploads\/sites\/2563\/2022\/12\/Perfect-Match-Poster-1086x1536.jpg 1086w\" sizes=\"auto, (max-width: 1448px) 100vw, 1448px\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center\">Director\/Scriptwriter\/Producer\uff1a Yingyi Ma<\/p>\n\n\n\n<div class=\"wp-block-stackable-separator alignfull stk-block-separator stk--no-padding stk-block stk-m08nli6\" data-block-id=\"m08nli6\"><style>.stk-m08nli6{margin-bottom:0px !important}<\/style><div class=\"stk-block-separator__inner\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1600 200\" class=\"stk-separator__layer-1\" preserveAspectRatio=\"none\" aria-hidden=\"true\"><path class=\"wave-1_svg__st2\" d=\"M1341.4 48.9c-182.4 0-254.2 80.4-429.4 80.4-117.8 0-209.7-67.5-393.5-67.5-142.2 0-212.6 38.8-324.6 38.8S-10 64.7-10 64.7V210h1620V102c-110.6-40.2-181-53.1-268.6-53.1z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-large-font-size\">Introduction\uff1a<\/p>\n\n\n\n<p>When people are first immersed in love, they will become blind and do some foolish things, and the results are often unsatisfactory. However, all &hellip;<\/p>","protected":false},"author":16,"featured_media":0,"parent":161,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-no-separators","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"openlab_post_visibility":"","footnotes":""},"class_list":["post-522","page","type-page","status-publish","hentry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":"Animation Intro What You Will Need for the Module Space to save image files (on computer, USB drive or in the cloud)Dropbox or OneDrive accountQuizlet AccountWe use this in each module Computer that can run AdobeComputer Software:Adobe AfterEffects Optional: Photoshop and Illustrator Cognitive icons created by Eucalyp &#8211; Flaticon What We&#8217;ll Learn History and theory of animation We will learn some of the history of the moving image and animation and some of the key animation principles. Creating animations We will use Adobe AfterEffects to create an animation to describe an emotion. Along the way we will go over the&hellip;","category_list_v2":"","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/author\/cstein\/"},"comments_num_v2":"0 comments","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"Christopher Stein","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/author\/cstein\/"},"uagb_comment_info":0,"uagb_excerpt":"Perfect Match A love story of a square Director\/Scriptwriter\/Producer\uff1a Yingyi Ma Introduction\uff1a When people are first immersed in love, they will become blind and do some foolish things, and the results are often unsatisfactory. However, all &hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-json\/wp\/v2\/pages\/522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-json\/wp\/v2\/comments?post=522"}],"version-history":[{"count":10,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-json\/wp\/v2\/pages\/522\/revisions"}],"predecessor-version":[{"id":688,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-json\/wp\/v2\/pages\/522\/revisions\/688"}],"up":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-json\/wp\/v2\/pages\/161"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-1900-fa22\/wp-json\/wp\/v2\/media?parent=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}