{"id":68,"date":"2019-01-24T16:36:41","date_gmt":"2019-01-24T16:36:41","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/?page_id=68"},"modified":"2019-01-24T16:36:41","modified_gmt":"2019-01-24T16:36:41","slug":"adobe-after-effects-introduction","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/adobe-after-effects-introduction\/","title":{"rendered":"Adobe After Effects: Introduction"},"content":{"rendered":"<p><strong>What is Adobe After Effects<\/strong><\/p>\n<p>After Effects is part of the Adobe Creative Suite (like Animate, Photoshop, Illustrator, InDesign , Premiere etc.) It is often cited as the industry standard for Motion Graphics (a term which encompasses a wide variety of projects, but where typography usually plays a central role). While After Effects is very versatile and could also be used for character animation, we will focus on its typography and more abstract shapes and effects in this course.<\/p>\n<p><strong>Interface<\/strong><\/p>\n<p>The After Effects Interface can be setup differently for different usage. The preferred workspace for text driven Motion Graphics is \u201cText\u201d (go to\u00a0<em>Windows &gt; Workspaces &gt; Text<\/em>).<\/p>\n<p>The most important windows when animating are:<\/p>\n<ul>\n<li><strong>The Project Panel\u00a0<\/strong>is where the compositions you create are listed (they can be grouped inside subfolders)<\/li>\n<li><strong>The Timeline<\/strong>\u00a0is where you control action through time. It is composed of layers<\/li>\n<li><strong>The Composition Window<\/strong>\u00a0is where you\u2019ll place and adjust your visual elements<\/li>\n<li><strong>The Character and Paragraph Panels<\/strong>are where you can set the size, font, color etc. of your text<\/li>\n<li><strong>The Effects Panel\u00a0<\/strong>is where you can find\/add effects to your layers<\/li>\n<li><strong>The\u00a0Tool Palette<\/strong>\u00a0is where you\u2019ll find tools to create and edit visual elements. The properties to the right of the palette will change according to the activated tool. While you can import files from Photoshop and Illustrator into Animate you can also build all your content directly in the software.<\/li>\n<\/ul>\n<figure id=\"attachment_502\" aria-describedby=\"caption-attachment-502\" style=\"width: 2948px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-502\" src=\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/interface.png\" alt=\"interface\" width=\"2948\" height=\"1814\" \/><figcaption id=\"caption-attachment-502\" class=\"wp-caption-text\">Adobe After Effects&#8217; Interface<\/figcaption><\/figure>\n<p>You may want to adjust some of these elements before moving forward. You can save these adjustments by going to\u00a0<em>Window &gt; Workspaces &gt; New Workspace.<\/em><\/p>\n<p><strong>Key concepts<\/strong><\/p>\n<p>After Effects can be broken down into 6 main concepts:<\/p>\n<ol>\n<li><strong>Compositions:<\/strong>You can think of Compositions as &#8220;scenes&#8221;. Each composition has its own Timeline. All compositions in a project can be accessed through the Project Panel.<\/li>\n<li><strong>Layers:\u00a0<\/strong>Each new shape or text you create is placed on a separate layer. Each layer has its own Timeline.<\/li>\n<li><strong>Animation: <\/strong>Animation properties (such as scale, rotation, position etc.) can be found on each layer of the Timeline by toggling the little arrow to the left of the layer&#8217;s name. Each time one of these properties is changed, a new Keyframe is created on that layer&#8217;s Timeline.<\/li>\n<li><strong>Effects:\u00a0<\/strong>After Effects includes effects (such as Fractal Noise, Color matting, Channels etc.) They\u00a0can be found in the Effects Panel, applied to layers and combined to dramatically change the look of a layer.<\/li>\n<li><strong>3D: <\/strong>While individual layers are 2D, they occupy a 3Dimensional space:\u00a0Each layer in the Composition are positioned along the x (horizontal), y (vertical) AND z (depth) axis. You can use the camera to reveal the 3dimensional aspect of your composition.<\/li>\n<li><strong>Rendering:\u00a0<\/strong>We must render our projects to share them with the world (i.e: exporting to Quicktime).<\/li>\n<\/ol>\n<p><strong>Creating a New Composition<\/strong><\/p>\n<p>To create a new HD video Composition:<\/p>\n<ul>\n<li>Go to <em>Composition\u00a0&gt; New (<\/em>or <em>Command + N)<\/em><\/li>\n<li>Set the Preset dropdown to HDTV 1080 29.97 (unlike traditional character animation, the standard frame rate for motion graphics is 29.97).<\/li>\n<li>You can set the approximate duration of your animation in the\u00a0<em>Duration\u00a0<\/em>box (although you can also always add\/remove frames later).<\/li>\n<li>Set the background color by clicking on the color swatch at the bottom of the Window.<\/li>\n<\/ul>\n<figure id=\"attachment_499\" aria-describedby=\"caption-attachment-499\" style=\"width: 1168px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-499\" src=\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-13-at-1-53-15-pm.png\" alt=\"Screen Shot 2018-08-13 at 1.53.15 PM\" width=\"1168\" height=\"1054\" \/><figcaption id=\"caption-attachment-499\" class=\"wp-caption-text\">Composition Settings Window<\/figcaption><\/figure>\n<p>Before going any further, save your project:<\/p>\n<ul>\n<li>Go to\u00a0<em>File &gt; Save As\u00a0<\/em>and give your file an appropriate name and location.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>What is Adobe After Effects After Effects is part of the Adobe Creative Suite (like Animate, Photoshop, Illustrator, InDesign , Premiere etc.) It is often cited as the industry standard for Motion Graphics (a term which encompasses a wide variety of projects, but where typography usually plays a central role). While After Effects is very &hellip; <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/adobe-after-effects-introduction\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Adobe After Effects: Introduction&#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-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":1,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/pages\/68\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/media?parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}