{"id":230,"date":"2019-08-16T15:41:03","date_gmt":"2019-08-16T15:41:03","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-f2019\/?page_id=230"},"modified":"2020-01-30T18:48:55","modified_gmt":"2020-01-30T18:48:55","slug":"week1","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/week1\/","title":{"rendered":"Week1"},"content":{"rendered":"<h1><strong>Overview of Course and Class Site<\/strong><\/h1>\n<ul>\n<li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/syllabus\/\">Syllabus, grading, weekly breakdown<\/a><\/li>\n<li>Bookmark this site (<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/\">https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/<\/a>)\u00a0and professor&#8217;s email address (<a href=\"mailto:apinkas@bmcc.cuny.edu\">apinkas@bmcc.cuny.edu<\/a>)<\/li>\n<\/ul>\n<hr \/>\n<h1><strong>Open Lab<\/strong><\/h1>\n<p>Open Lab \u00a0is\u00a0an online platform where the College\u2019s students, faculty and staff can come together to learn, work, play and share ideas. The platform was first started at CUNY&#8217;s City Tech and was launched at BMCC in Spring 2019.\u00a0This site was created on Open Lab and will be your main resource throughout the semester. You will post your work on this site once you&#8217;ve created an account. You can also browse Open Lab to look up other courses, to connect with faculty and students and to create a portfolio.<\/p>\n<h3>Creating an Account<\/h3>\n<ol>\n<li>To create an account on OpenLab, you will need to be able to access your BMCC email account. \u00a0If you don\u2019t have one, have never used one, or have forgotten your username and\/or password for an existing account, you\u2019ll need to contac\u00a0the BMCC helpdesk : 212-220-8379\u00a0<a>helpdesk@bmcc.cuny.edu ;\u00a0<\/a>RoomS141 (199 Chambers Street). You may also reset your password by going to\u00a0<a href=\"https:\/\/cunyportal.cuny.edu\/\">https:\/\/cunyportal.cuny.edu\/<\/a>and clicking on \u201cAccount &amp; Password Reset\u201d.<\/li>\n<li>Once you are sure you can access your BMCC email account, go to the\u00a0<a href=\"https:\/\/openlab.bmcc.cuny.edu\">OpenLab homepage<\/a>\u00a0(<a href=\"https:\/\/openlab.bmcc.cuny.edu\">https:\/\/openlab.bmcc.cuny.edu<\/a>).\u00a0\u00a0Click on the<strong>\u00a0Sign Up\u00a0<\/strong>button on the right of the screen.<\/li>\n<li>On the next screen, fill in the following fields (apart from the <strong>BMCC<\/strong>\u00a0email address, all of this information can be changed later by visiting\u00a0<strong>Settings<\/strong> under\u00a0<strong>My OpenLab)<\/strong>:\n<ol>\n<li>User name (this can\u2019t be changed, so choose wisely)<\/li>\n<li>BMCC email address<\/li>\n<li>Password for your OpenLab account (this doesn\u2019t have to be your BMCC email account password\u2013in fact, it\u2019s always good to use different passwords for all sites)<\/li>\n<li>Display name (this is the name displayed on your profile page, and used to sign posts or comments; it can be changed after signing up)<\/li>\n<li>Your first and last name (these will not be displayed on the site)<\/li>\n<li>Your account type (student, alumni, faculty, or staff)<\/li>\n<\/ol>\n<\/li>\n<li>Once you\u2019ve done that, click\u00a0<strong>Complete Sign Up<\/strong>.<\/li>\n<li>\u00a0At this point, a confirmation email will be sent from the OpenLab to your BMCC email account. \u00a0Visit your BMCC email account, and look for an email from the OpenLab.<\/li>\n<li>Click the link you find in the email from us, and you\u2019re officially a member of the OpenLabAfter clicking on the link, you will be at the activation page shown below.\u00a0 Your activation key will be prefilled, and all you need to do is click the <strong>Activate<\/strong> button.<\/li>\n<li>You do not need to go through this process again. \u00a0When you want to come back to the OpenLab, simply go to the\u00a0<a href=\"https:\/\/openlab.bmcc.cuny.edu\">OpenLab homepage<\/a>\u00a0(<a href=\"https:\/\/openlab.bmcc.cuny.edu\">https:\/\/openlab.bmcc.cuny.edu<\/a>), and log in with the username and password you created in step three.<\/li>\n<\/ol>\n<h3><strong>Joining this Course on Open Lab<\/strong><\/h3>\n<p>Now that you have created an account, \u00a0you can join this course site. This means the course will appear in your &#8220;My Courses&#8221; tab for easy access. You&#8217;ll be able top post to it as well.<\/p>\n<ol>\n<li>Go to the <a href=\"https:\/\/openlab.bmcc.cuny.edu\/groups\/mmp260-1301-f2019\/\">MMP260 course site<\/a> (<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/\">https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/<\/a>)<\/li>\n<li>Click on the <strong>+Join<\/strong> button under the course photo<\/li>\n<\/ol>\n<h3>Creating a Portfolio\/Profile<\/h3>\n<p>By creating a Portfolio on OpenLab, you will be setting up a Portfolio Site and an associated Portfolio Profile page. \u00a0Think of your portfolio as a place to save, share and organize your work &#8211; in this course and beyond. The steps below will take you through naming your Portfolio, writing a short description, and uploading an avatar for your Portfolio Profile page.\u00a0 You will also choose a URL for the Portfolio Site and Privacy Settings for both the Profile and Site.<\/p>\n<ol>\n<li>After logging in, click <strong>My OpenLab<\/strong> in the main menu. Then click <strong>+ Create a Portfolio<\/strong> in the right-hand menu.<\/li>\n<li>On the first Portfolio creation page, you will see a space to enter your <strong>Portfolio name<\/strong>. \u00a0It will already have a name filled in, based on your first and last name, but you can change that if you wish. \u00a0We recommend that you follow this format: FirstName LastName\u2019s Portfolio or Professor LastName\u2019s Portfolio (for example, Jane Smith\u2019s Portfolio or Professor Smith\u2019s Portfolio).<\/li>\n<li>Next, enter a <strong>description<\/strong> of your Portfolio. \u00a0You can always <a href=\"https:\/\/openlab.citytech.cuny.edu\/blog\/help\/changing-privacy-and-other-settings-on-an-eportfolio\/\">change this<\/a> later, so if you don\u2019t have a description prepared, just type something in as a placeholder.<\/li>\n<li>Check the appropriate boxes for your <strong>school<\/strong> and <strong>department<\/strong>. \u00a0These are required.<\/li>\n<li>Click <strong>Create a new Portfolio site<\/strong> and choose a site URL. \u00a0Like your name, this text box will already be filled in, based on your name. \u00a0However, you can enter a different site URL if you wish. \u00a0Once created, the URL cannot be changed, so consider it carefully.<\/li>\n<li>When you are finished, click <strong>Create Portfolio and Continue<\/strong>.<\/li>\n<li>Next, set your privacy settings for your profile and portfolio site. When you are finished, click <strong>Next Step<\/strong>.<\/li>\n<\/ol>\n<h3>Adding a Post\/Project to your Portfolio<\/h3>\n<p>In this course, you will create a portfolio post for each new assignment and link to it on Blackboard (and\/or the discussion board when appropriate &#8211; see below). The following steps walk your through how to create a new post:<\/p>\n<ol>\n<li>Go to the\u00a0<a href=\"https:\/\/openlab.bmcc.cuny.edu\">OpenLab homepage<\/a>\u00a0(<a href=\"https:\/\/openlab.bmcc.cuny.edu\">https:\/\/openlab.bmcc.cuny.edu<\/a>) and log in.<\/li>\n<li>Go to\u00a0<strong>My Profile<\/strong>. Click on the link to your <strong>Portfolio site<\/strong> will be on the top right.<\/li>\n<li>Click on the little \u00a0<strong>+<\/strong> icon on the top of the page. This will create a new post.<\/li>\n<li>Give your post a title (this will be displayed in bold at the top of the page that will be generated<\/li>\n<li>Create your post. It may contain text, images, videos and other types of media.<\/li>\n<li>To finish and submit your post click on\u00a0<strong>Publish.<\/strong><\/li>\n<li>By default, your new post will automatically appear on your portfolio&#8217;s home page.<\/li>\n<li>You can edit and delete a post (or page &#8211; such as\u00a0<strong>About Me<\/strong> on the main menu<strong>)<\/strong> by going back to its\u00a0<strong>Edit<\/strong>\u00a0mode (found on the side and bottom of the page\/post). The title and content can be edited and\u00a0<strong>Move to Trash\u00a0<\/strong>(on the right) will delete the post\/page.<\/li>\n<\/ol>\n<h3>Replying to a Discussion Post<\/h3>\n<p>Go to the discussion page of this Open Lab site (<a href=\"https:\/\/openlab.bmcc.cuny.edu\/groups\/mmp260-1300-s2020\/forum\/\">https:\/\/openlab.bmcc.cuny.edu\/groups\/mmp260-1300-s2020\/forum\/<\/a>). Click on the discussion you want to contribute to. For example, this week you&#8217;ll reply to the &#8220;Introductions&#8221; post. Read the prompt and type your response in the reply box below. When you are done, click <strong>submit<\/strong>.<\/p>\n<hr \/>\n<h1><strong>What is animation?<\/strong><\/h1>\n<h3>Definition<\/h3>\n<p><span style=\"font-weight: 400\">Animation is the <strong>rapid succession of still sequential images, shown at a steady rate that create the illusion of movement<\/strong>. <\/span><\/p>\n<p><span style=\"font-weight: 400\">This illusion is made possible by a physical phenomenon called &#8220;<strong>persistence of vision<\/strong>&#8220;:\u00a0<\/span>If a sequence of still images is displayed fast enough, our brain will stop seeing individual steps and start seeing motion instead. This illusion is referred to as the persistence of vision.\u00a0The human eye and brain can only process 10-12 separate images per second. If another image replaces it within a fifteenth of a second, it will bridge the two, creating the illusion of continuous motion.<\/p>\n<h3>History<\/h3>\n<p><strong>Pre-film era<\/strong>:\u00a0Before the advent of cinema in the 1890s, inventors were putting still images into motion with optical toys such as the <a href=\"https:\/\/youtu.be\/-3yarT_h2ws\">zoetrope<\/a>. A strip with sequenced imaged was placed on the inner surface of cylinder with slits on the side. As the cylinder spins, the user looks through the slits at the pictures across. The scanning of the slits keeps the pictures from simply blurring together.<\/p>\n<p><span style=\"font-weight: 400\"><strong><a href=\"http:\/\/100photos.time.com\/photos\/eadweard-muybridge-horse-in-motion\">Eadweard Muybridge<\/a><\/strong>, although not an animator himself, was a key figure in the development of the medium (as well as live-action film).\u00a0<\/span><span style=\"font-weight: 400\">His multi-camera motion studies of animal and humans, created <\/span><span style=\"font-weight: 400\">in the 1870s and 80s,<\/span><span style=\"font-weight: 400\"> advanced the understanding of movement.\u00a0<\/span><span style=\"font-weight: 400\">His books of photographs continue to be used as references by animators to this day.<\/span><\/p>\n<p>Here are a few <strong>key films\/animators<\/strong> from the very early days of animation:<\/p>\n<ul>\n<li>George Melies, \u201c<a href=\"https:\/\/www.youtube.com\/watch?v=BNLZntSdyKE\">A Trip to the Moon<\/a>\u201d (1902)<\/li>\n<li>Emile Cohl, <a href=\"https:\/\/www.youtube.com\/watch?v=aEAObel8yIE\">\u201cFantasmagorie\u201d<\/a>\u00a0(1908)<\/li>\n<li>Winsor McCay <a href=\"https:\/\/www.loc.gov\/item\/00694024\/\">\u201cGertie the Dinosaur\u201d<\/a>\u00a0(1914)<\/li>\n<li>Otto Messmer, <a href=\"https:\/\/archive.org\/details\/FelixTheCatFelixInHollywood1923\">\u201cFelix in Hollywood\u201d\u00a0<\/a>(1923)<\/li>\n<\/ul>\n<p><strong>The Walt\u00a0Disney Studio\u00a0<span style=\"font-weight: 400\">was founded in 1923 and quickly came to dominate the medium. Not only did the studio create memorable characters such as Mickey Mouse, it also invented and perfected development and production tools that are still used today.<\/span><\/strong><\/p>\n<p><span style=\"font-weight: 400\">In <strong>traditional 2D animation<\/strong>, each frame is created by hand.\u00a0<\/span><span style=\"font-weight: 400\">Animators often use their own expressions as a reference for their characters. <\/span><span style=\"font-weight: 400\">1 second of animation requires 24 frames\/drawings.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Up until the mid-1990\u2019s the lead animator would animate the character on sheets of paper.\u00a0<\/span><span style=\"font-weight: 400\">These drawings would then be cleaned up and painted unto sheets of<strong> celluloid<\/strong>.\u00a0<\/span><span style=\"font-weight: 400\">Finally, the character cell would be overlayed over a background and shot on <strong>film<\/strong>.\u00a0 <\/span><\/p>\n<p><span style=\"font-weight: 400\"><a href=\"https:\/\/www.youtube.com\/watch?v=8d4-AUwkKAw\"><strong>The multiplane camera<\/strong> <\/a>was a large analog piece of equipment developed at the Disney studios in the 1930s to impart live action-like effects (i.e: depth-of-field, parallax and zooming) to 2D animation. <\/span><span style=\"font-weight: 400\">The multiplane became obsolete with digital scanning, compositing and editing tools in the early 1990s.<\/span><\/p>\n<p><span style=\"font-weight: 400\"><strong>The 12 principles<\/strong>: Two of Disney\u2019s master animators, Ollie Johnston and Frank Thomas, described the 12 most important principles to create appealing animations in a a book called \u201cThe Illusion of Life: Disney Animation\u201d in 1981. While these rules were already present in very early animations, Frank and Ollie formalized them. These principles are essential to any animator\u2019s education and practice. This video offers a great overview of all 12 principles:\u00a0<\/span><a href=\"https:\/\/youtu.be\/gyGEwyWLbHk\"><span style=\"font-weight: 400\">\u201cComplete 12 Principles of Animation Frank Thomas and Ollie Johnston as described by Alan Becker\u201d<\/span><\/a><\/p>\n<h3>Animation Today<\/h3>\n<p><span style=\"font-weight: 400\">While 2D animation is still popular today, the computer almost always comes into play (i.e: for scanning, compositing, sequencing and\/or to color each frame).\u00a0<\/span><span style=\"font-weight: 400\">Often, animators draw the frames directly within the digital environment with a tablet.<\/span><\/p>\n<p>Here a few interesting contemporary examples:<\/p>\n<ul>\n<li><a href=\"https:\/\/vimeo.com\/124763659\">\u201cA Man too Good to be True\u201d<\/a>\u00a0(2015) \u2013 from the New York Times\u2019 \u201cModern Love\u201d series<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=IJNR2EpS0jw\">\u2018Dumb Ways to Die\u2019<\/a>(2012) \u2013 Australian public service announcement campaign by Metro Trains<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=79DijItQXMM\">\u201cYou\u2019re Welcome\u201d<\/a>sequence from Disney\u2019s Moana (combination of 2D and 3D) (2016)<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?time_continue=55&amp;v=vpyeQeTDGFA\">\u201cPaper\u201d<\/a>\u00a0(2015) \u2013 Honda \u201cAdd\u201d by PES<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=uN-PXHVT0Qg\">\u201cThe Girl Without Hands\u201d<\/a>(2016) \u2013 full feature film by Sebastien Laudenbach<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?time_continue=6&amp;v=cwvIzFqrd7U\">\u201cCatch Me If You Can\u201d<\/a>(title sequence) (2002)<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=e4dZhQaTJMk\">\u201cYour Name\u201d<\/a>(trailer) (2016) \u2013 by Makoto Shinkai<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=RM7lw0Ovzq0\">\u00a0\u201cThe Story of O.J\u201d<\/a>(2017) \u2013 Music Video from Jay-Z\u2019s 4:44 album<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=i6FlG0WMXrE\">\u201cAlto\u2019s Odyssey\u201d <\/a>(trailer) (2017) \u2013 Mobile Game<\/li>\n<\/ul>\n<hr \/>\n<h1><strong>Assignment: Flipbook<\/strong><\/h1>\n<h3>Subject<\/h3>\n<p>Create a 30 page (minimum) flipbook from index cards and a binder clip (distributed in class). Try drawing lightly with a pencil first to test the movement of your drawings, when it is right you might want to trace over with a marker. You can use color or black and white.\u00a0You might create a transformation of some kind (a ball turns into bird, which turns into the sun, which turns into an airplane, etc.), or depict a cataclysmic event, like a tornado or a volcano. Try and focus on the movement, don\u2019t worry about each drawing being perfect. Animation is the <em>relationship\u00a0<\/em>between the drawings.<\/p>\n<h3>Submission<\/h3>\n<p>Bring your completed flipbook with you to class next week. We will review them together and learn how to document them on Open Lab.<\/p>\n<p><strong>The grading rubric for this assignment can be found\u00a0<a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1PkOVZd8-KQZe9QSws_UrRJGWbZfgy5QexWdW4q1NsL4\/edit?usp=sharing\">here<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview of Course and Class Site Syllabus, grading, weekly breakdown Bookmark this site (https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/)\u00a0and professor&#8217;s email address (apinkas@bmcc.cuny.edu) Open Lab Open Lab \u00a0is\u00a0an online platform where the College\u2019s students, faculty and staff can come together to learn, work, play and share ideas. The platform was first started at CUNY&#8217;s City Tech and was launched at &hellip; <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/week1\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Week1&#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-230","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages\/230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/comments?post=230"}],"version-history":[{"count":29,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages\/230\/revisions"}],"predecessor-version":[{"id":822,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages\/230\/revisions\/822"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/media?parent=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}