{"id":581,"date":"2020-10-19T16:31:25","date_gmt":"2020-10-19T16:31:25","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/?page_id=581"},"modified":"2021-04-08T16:22:55","modified_gmt":"2021-04-08T16:22:55","slug":"create-a-background","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/create-a-background\/","title":{"rendered":"Create a background"},"content":{"rendered":"\r\n<h1 class=\"wp-block-heading\">Final project \u2013 step 5: creating a background<\/h1>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Subject<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Create a\u00a0<strong>background<\/strong>\u00a0for your walk cycle. You can create it in Animate (as a\u00a0<strong>separate<\/strong>\u00a0layer on your walk cycle file file), or Illustrator (saved as .ai) or your favorite<strong>\u00a0vector<\/strong>\u00a0digital imaging software (if you create it in Photoshop, Procreate our another raster program it will get pixelated if zoomed into). The background\u00a0should be the\u00a0<strong>same height as your walk cycle (720px)<\/strong>, but\u00a0<strong>considerably wider (at least: 3000px)<\/strong>. The reason for this larger width is that we will move the background to give the impression of the character moving across the screen.You might want to consider using more than one layer in order to animate each layer separately.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Format<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Either an Illustrator (.ai) file (3000px * 720px aspect ratio) or a separate layer on your walk cycle Animate (.fla) file (the background should extend way beyond the width of the stage to span at least 3000px).<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Submission<\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Create a new post on your Open Lab portfolio. Your post should include a JPG or PNG version of your background\u00a0as well as a\u00a0<strong>short description<\/strong>\u00a0(what did you add\/change from the storyboard, for example. Reflections on your process, challenges, goals etc. are also welcome).<\/p>\r\n\r\n\r\n\r\n<p>This assignment is due next week. Submit the following files on the following platforms:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Blackboard: .ai file or .fla file and a link to your OpenLab post.<\/li>\r\n<li>OpenLab discussion board: Reply to the \u201cBackground Final Project\u201d discussion post with a link to your OpenLab post<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p>Here is an example of a background created in Illustrator with the correct aspect ratio (notice that it is very long. The .ai file is on Blackboard.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"541\" class=\"wp-image-577\" src=\"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-content\/uploads\/sites\/539\/2020\/10\/bg-01.png\" alt=\"reeds in marsh\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-content\/uploads\/sites\/1311\/2020\/10\/bg-01.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-content\/uploads\/sites\/1311\/2020\/10\/bg-01-300x79.png 300w, https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-content\/uploads\/sites\/1311\/2020\/10\/bg-01-1024x271.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-content\/uploads\/sites\/1311\/2020\/10\/bg-01-768x203.png 768w, https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-content\/uploads\/sites\/1311\/2020\/10\/bg-01-1536x406.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure>\r\n","protected":false},"excerpt":{"rendered":"<p>Final project \u2013 step 5: creating a background Subject Create a\u00a0background\u00a0for your walk cycle. You can create it in Animate (as a\u00a0separate\u00a0layer on your walk cycle file file), or Illustrator (saved as .ai) or your favorite\u00a0vector\u00a0digital imaging software (if you create it in Photoshop, Procreate our another raster program it will get pixelated if zoomed [&hellip;]<\/p>\n","protected":false},"author":82,"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-581","page","type-page","status-publish","czr-hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/pages\/581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/users\/82"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/comments?post=581"}],"version-history":[{"count":5,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/pages\/581\/revisions"}],"predecessor-version":[{"id":919,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/pages\/581\/revisions\/919"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/media?parent=581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}