{"id":618,"date":"2019-10-01T16:01:13","date_gmt":"2019-10-01T16:01:13","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-f2019\/?page_id=618"},"modified":"2024-09-04T17:48:07","modified_gmt":"2024-09-04T17:48:07","slug":"week-12","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-fall-2024\/week-12\/","title":{"rendered":"Week 12"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Effects in After Effects<\/h2>\n\n\n\n<p>As the software&#8217;s name suggests, After Effects includes a lot of effects&#8230; much more than we have time to explore in this course. Some of these effects are better suited for live action video footage, some are specifically for text (see the <a href=\"http:\/\/openlab.bmcc.cuny.edu\/ani-260-fall-2024\/week-13\/\">week 13 page<\/a>), but others present easy ways of adding some interest to your character animations.<\/p>\n\n\n\n<p>Here area few examples of traditional character animations that have been enhanced with After Effects:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/vimeo.com\/338887123\"><em>Senjo<\/em><\/a> by&nbsp;Tamerlan BEKMURZAYEV Camille BOZEC Antoine CARRE Ada HERNAEZ Pauline MAUVIERE Alexandra PETIT, 2019<\/li>\n\n\n\n<li><em><a href=\"https:\/\/vimeo.com\/333256188\">Cravings<\/a><\/em> by&nbsp;Kim Mcmahon, 2019<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Seeing the Effects panel<\/h3>\n\n\n\n<p>Change the workspace to have a better view of the effects panel:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to&nbsp;<em>Window &gt; Workspace&nbsp;<\/em>and select&nbsp;<em>Effects<\/em><\/li>\n<\/ul>\n\n\n\n<p>The effects are organized into folders. <a href=\"https:\/\/helpx.adobe.com\/after-effects\/using\/generate-effects.html\">This page from Adobe<\/a> provides a detailed overview of all the effects. Each effect has its own set of properties which can be adjusted&nbsp;in the&nbsp;effects control panel (where the project panel is usually located).&nbsp;You can also change the effect over the course of the animation (when the effect appears\/disappears, changes etc.) with keyframes within the timeline.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adding a lens flare effect<\/h3>\n\n\n\n<p>A lens flare evokes the quality of a real camera and can add depth to your animation. In order to apply a lens flare effect to your entire composition:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to&nbsp;<em>Layer &gt; New &gt; Adjustment Layer<\/em><\/li>\n\n\n\n<li>Rename the new layer&nbsp;<i>lens flare&nbsp;<\/i><\/li>\n\n\n\n<li>In the timeline, position the new adjustment layer below the camera and above the other layers.<\/li>\n\n\n\n<li>In the effects panel, enter the&nbsp;<em>Generate&nbsp;<\/em> folder and drag and drop the <em>Lens Flare<\/em> effect onto the adjustment layer in the timeline.<\/li>\n\n\n\n<li>Look at and edit the options in the Effects Control panel (i.e: position of the flare)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Adding a brush stroke effect<\/h3>\n\n\n\n<p>If your animate character has very smooth lines, adding a brush strokes effect can give your animation a more hand-drawn\/organic feel:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the effects panel, enter the&nbsp;<em>Stylize&nbsp;<\/em> folder and drag and drop the <i>Brush&nbsp;Strokes<\/i>&nbsp;effect onto the .swf layer that contains the character&#8217;s strokes.<\/li>\n\n\n\n<li>Look at and edit the options in the Effects Control panel (i.e: brush size)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Creating a vignette<\/h3>\n\n\n\n<p>A vignette can focus the viewer&#8217;s attention on a detail or the center of the action. In this case, we won&#8217;t be using an effect but a masked solid layer:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"color: #000000\">In your composition, create a new solid above your footage by going to <em>Layer &gt; New &gt; Solid&nbsp;*Keyboard shortcut: Cmd + Y<\/em>. This solid will become your vignette &#8211; so keep that in mind when setting the solid color (you can also always change the color of the solid after it has been created by dragging a Fill&nbsp;effect onto it). Make sure the solid is the same size as your composition by clicking the&nbsp;<em>Make Comp Size&nbsp;<\/em>button.&nbsp;<\/span><\/li>\n\n\n\n<li><span style=\"color: #000000\">Next, click and hold on the Shape tool in the toolbar and select the Ellipse tool (or whatever shape you want your vignette to be).<\/span><\/li>\n\n\n\n<li><span style=\"color: #000000\">Double click on the Ellipse tool. It will automatically create a mask vignette that is the size of your composition.<\/span><\/li>\n\n\n\n<li><span style=\"color: #000000\">Next, in the Mask settings on the solid layer, click the drop down box that says <em>Add<\/em> and select <em>Subtract<\/em> instead.&nbsp;&nbsp;<\/span><\/li>\n\n\n\n<li><span style=\"color: #000000\">If you wish to resize or reshape the vignette, click on the red points to adjust the shape to your liking.<\/span><\/li>\n\n\n\n<li><span style=\"color: #000000\">Last, adjust the Mask Opacity <em>*Keyboard shortcut: T<\/em>&nbsp;and the Mask Feathering <em>*Keyboard shortcut: F<\/em>&nbsp;until the vignette is semitransparent and has the look you desire.<\/span><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Creating a particle effect<\/h3>\n\n\n\n<p>You may want to add particles around your character or in the background (i.e: to suggest an explosion, bubbles floating around etc.)<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"color: #000000\">In your composition, create a new solid above your footage by going to <em>Layer &gt; New &gt; Solid&nbsp;*Keyboard shortcut: Cmd + Y<\/em>. &nbsp;Set its color to black.&nbsp;<\/span><\/li>\n\n\n\n<li>Rename the new layer <em>particles.<\/em><\/li>\n\n\n\n<li>In the timeline, position the new layer where you want it to be (i.e: between the character and the background).<\/li>\n\n\n\n<li>In the Effects search panel, find the <em>CC Particle World<\/em> effect (inside the&nbsp;<em>Simulation<\/em> folder) and rag onto the new solid.<\/li>\n\n\n\n<li>The Particles are generated from a central point call the&nbsp;<em>Producer.&nbsp;<\/em>You can click and drag it around your composition to place it where you&#8217;d like the particles to emanate from.<\/li>\n\n\n\n<li>The particles can take on a lot of different shapes, colors and types of motion. Play around with the options in the effects control panel.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Creating a smoke effect<\/h3>\n\n\n\n<p>It is fairly easy to create a smoke layer in After Effects &#8211; you could apply it to the entire composition or constrain it to a small area, have it last for the entirety of the animation, or just a portion of it.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"color: #000000\">In your composition, create a new solid above your footage by going to <em>Layer &gt; New &gt; Solid&nbsp;*Keyboard shortcut: Cmd + Y<\/em>. &nbsp;<\/span>Set its color to a light grey (i.e: #BDBDBD)<\/li>\n\n\n\n<li>Rename the new layer <em>smo<\/em>ke.<\/li>\n\n\n\n<li>In the Effects search panel, find the <em>Fractal Noise<\/em> effect (in the&nbsp;<em>Noise and Grain<\/em> folder) and drag and drop it onto the new solid.<\/li>\n\n\n\n<li>Place your Time Indicator to the beginning of the layer.<\/li>\n\n\n\n<li>In the Effects control panel, click on the <em>Evolution<\/em> stopwatch.<\/li>\n\n\n\n<li>Go to the last frame of the layer and change the value of the <em>Evolution<\/em> setting. If you preview your animation, you will notice that the fractal noise pattern shifts overtime, creating a smoke like effect.<\/li>\n\n\n\n<li>You could decrease the opacity of the entire layer and have it cover the entire composition to evoke fog, but if you wish to constrain it to a certain area, you will need to apply a Mask to it:\n<ul class=\"wp-block-list\">\n<li>Make sure the smoke layer is selected<\/li>\n\n\n\n<li>Select one of your shape tools (i.e: ellipse) or the pen tool to draw the shape you want the smoke to be constrained to.<\/li>\n\n\n\n<li>Toggle &nbsp;the layer\u2019s <em>Masks<\/em>&nbsp;and <em>Mask 1<\/em> tabs and increase the value of &nbsp;<i>Mask Feather.&nbsp;<\/i><\/li>\n\n\n\n<li>Look at the other Mask properties: it&#8217;s shape, opacity and scale could also change overtime.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Final project \u2013 step 6: adding an effect to the walk cycle<\/h2>\n\n\n\n<p>Add at least 2 effects to your walk cycle. Pick from the ones explained above or find something else that will enhance your animation online and\/or by exploring the effects panel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Format<\/h3>\n\n\n\n<p>Use the following composition settings: 24fps,  1920 x 1080px.&nbsp;Save your .aep file and export your animation to Quicktime (review rendering instructions on the <a href=\"http:\/\/openlab.bmcc.cuny.edu\/ani-260-fall-2024\/week-9\/\">week 9 page<\/a>). Upload your animation to Vimeo or Youtube.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Submission<\/h3>\n\n\n\n<p>Create a new post on your Open Lab portfolio. Your post should include a <strong>link to your Vimeo or Youtube video<\/strong> as well as a <strong>short description<\/strong>&nbsp;(what did you add\/change from the previous version. Reflections on your process, challenges, goals etc. are also welcome).<\/p>\n\n\n\n<p>On Brightspace, review the rubric and submit the Open Lab link and all production files, including .aep, .swf and .ai.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Effects in After Effects As the software&#8217;s name suggests, After Effects includes a lot of effects&#8230; much more than we have time to explore in this course. Some of these effects are better suited for live action video footage, some are specifically for text (see the week 13 page), but others present easy ways of&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/ani-260-fall-2024\/week-12\/\">Continue reading <span class=\"screen-reader-text\">Week 12<\/span><\/a><\/p>\n","protected":false},"author":34,"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-618","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-fall-2024\/wp-json\/wp\/v2\/pages\/618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-fall-2024\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-fall-2024\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-fall-2024\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-fall-2024\/wp-json\/wp\/v2\/comments?post=618"}],"version-history":[{"count":32,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-fall-2024\/wp-json\/wp\/v2\/pages\/618\/revisions"}],"predecessor-version":[{"id":2330,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-fall-2024\/wp-json\/wp\/v2\/pages\/618\/revisions\/2330"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-fall-2024\/wp-json\/wp\/v2\/media?parent=618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}