{"id":62,"date":"2019-01-24T16:35:26","date_gmt":"2019-01-24T16:35:26","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/?page_id=62"},"modified":"2019-01-28T17:01:00","modified_gmt":"2019-01-28T17:01:00","slug":"adobe-after-effects-cameras-lights","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/adobe-after-effects-cameras-lights\/","title":{"rendered":"Adobe After Effects: Cameras &amp; Lights"},"content":{"rendered":"<p>We can emphasize the 3D aspect of our layers by adding lights and cameras to our Compositions.<\/p>\n<p>We&#8217;ll use both in this tutorial.\u00a0You can watch the finished example below and download the .aep file\u00a0<a href=\"https:\/\/drive.google.com\/open?id=1xZeBOyI2u1nEBP-NT8y7uNgAidPWn1g8\">here<\/a>.<\/p>\n<p><a href=\"https:\/\/vimeo.com\/286898672\">https:\/\/vimeo.com\/286898672<\/a><\/p>\n<p>We&#8217;ll start off with the Composition we made in the <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/adobe-after-effects-3d\/\">3D layers tutorial<\/a>. You can download the starting file <a href=\"https:\/\/drive.google.com\/open?id=1bUTSnV5p7WsiY7rXXIbBWJmW5IVm-LNp\">here<\/a>.<\/p>\n<p>Let&#8217;s start by adding a light to our Composition:<\/p>\n<ul>\n<li>Go to\u00a0<em>Layer &gt; New &gt; Light&#8230;<\/em><\/li>\n<li>Set the light to your desired properties. Here we&#8217;ll use:\n<ul>\n<li>Light Type: Spot<\/li>\n<li>Color: Light yellow (#FFF5CA)<\/li>\n<li>Intensity (the brightness of the light): 100%<\/li>\n<li>Cone Angle (the angle of the cone surrounding the source of a light &#8211; only for Spot): 90 degrees<\/li>\n<li>Cone Feather (the edge softness of a spotlight &#8211;\u00a0only for Spot): 50%<\/li>\n<li>Falloff (how a light\u2019s intensity is lessened over distance): None<\/li>\n<li>Cast Shadows (specifies whether the light source causes a layer to cast a shadow): On\n<ul>\n<li>Shadow Darkness: 10%<\/li>\n<li>Shadow Diffusion: 10px<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<figure id=\"attachment_773\" aria-describedby=\"caption-attachment-773\" style=\"width: 277px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-773\" src=\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-3-28-52-pm.png\" alt=\"Screen Shot 2018-08-23 at 3.28.52 PM\" width=\"277\" height=\"640\" \/><figcaption id=\"caption-attachment-773\" class=\"wp-caption-text\">Light Settings window<\/figcaption><\/figure>\n<p>Once you hit OK, you&#8217;ll notice that a Light layer has been added to the Timeline.<\/p>\n<p>In order for Casts Shadows to work, the layer casting the shadow must have that option enabled. Let&#8217;s turn it on for the green circle and the Text Layer:<\/p>\n<ul>\n<li>Toggle the greenEllipse layer&#8217;s Material Options tab.<\/li>\n<li>Set Cast Shadows to &#8220;On&#8221;<\/li>\n<li>Repeat for the Text layer<\/li>\n<\/ul>\n<figure id=\"attachment_775\" aria-describedby=\"caption-attachment-775\" style=\"width: 1070px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-775\" src=\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-3-32-34-pm.png\" alt=\"Screen Shot 2018-08-23 at 3.32.34 PM\" width=\"1070\" height=\"236\" \/><figcaption id=\"caption-attachment-775\" class=\"wp-caption-text\">Green circle&#8217;s Cast Shadows option turned On<\/figcaption><\/figure>\n<p>Hit the <em>Spacebar<\/em>to preview your animation. You&#8217;ll notice that both layers now cast a shadow.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-780\" src=\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-3-41-04-pm.png\" alt=\"Screen Shot 2018-08-23 at 3.41.04 PM\" width=\"520\" height=\"337\" \/><\/p>\n<p>To remove the Cast Shadow from view until the green circle starts to rotate, shift the beginning of the layer in the Timeline to the start of the rotation (0;00;02;00)<\/p>\n<figure id=\"attachment_779\" aria-describedby=\"caption-attachment-779\" style=\"width: 1910px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-779\" src=\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-3-39-53-pm.png\" alt=\"Screen Shot 2018-08-23 at 3.39.53 PM\" width=\"1910\" height=\"220\" \/><figcaption id=\"caption-attachment-779\" class=\"wp-caption-text\">greenEllipse Timeline shifted to start at 0;00;02;00<\/figcaption><\/figure>\n<p>Next, let&#8217;s adjust the position of our light. It could change overtime, but we&#8217;ll keep it in the same location for the entirety of the animation:<\/p>\n<ul>\n<li>Activate the Light layer<\/li>\n<li>In the Top view, you&#8217;ll see the Point of Interest and the X,Y and Z control points. Adjust each one until you get the desired effect (in this example the Point of Interest is in the center of the green circle, and the light is positioned just outside the Composition). You can make further\/more precise adjustments by toggling the Transform tab of the Light layer and adjusting the numerical values.<\/li>\n<\/ul>\n<figure id=\"attachment_784\" aria-describedby=\"caption-attachment-784\" style=\"width: 391px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-784\" src=\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-3-47-27-pm1.png\" alt=\"Screen Shot 2018-08-23 at 3.47.27 PM\" width=\"391\" height=\"320\" \/><figcaption id=\"caption-attachment-784\" class=\"wp-caption-text\">Top View showing, with Point of Interest and Light Position Controls<\/figcaption><\/figure>\n<p>Next, we&#8217;ll add a camera to our Composition:<\/p>\n<ul>\n<li>Go to\u00a0<em>Layer &gt; New&#8230; &gt; Camera<\/em><\/li>\n<li>You can change the type of camera and lens, but we&#8217;ll keep the default setting:\n<ul>\n<li>Type: Two-Node Camera<\/li>\n<li>Preset: 50mm<\/li>\n<li>Units: Millimeters<\/li>\n<li>Measure Film Size: Horizontally<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<figure id=\"attachment_787\" aria-describedby=\"caption-attachment-787\" style=\"width: 1450px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-787\" src=\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-24-at-10-48-58-am.png\" alt=\"Screen Shot 2018-08-24 at 10.48.58 AM\" width=\"1450\" height=\"990\" \/><figcaption id=\"caption-attachment-787\" class=\"wp-caption-text\">Camera Setting window<\/figcaption><\/figure>\n<p>Once you hit OK, you&#8217;ll notice that a Camera layer has been added to the Timeline.<\/p>\n<p>Once again, the 2 Views Layout is useful here. You can clearly see the camera&#8217;s position in the Top view.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-789\" src=\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-24-at-10-51-43-am1.png\" alt=\"Screen Shot 2018-08-24 at 10.51.43 AM\" width=\"426\" height=\"476\" \/><\/p>\n<p>We&#8217;ll shift the camera towards the end of the animation: we&#8217;ll move it&#8217;s position back and forth.<\/p>\n<ul>\n<li>Set the Time Indicator to where you&#8217;d like the camera move to start (0;00;06;00)<\/li>\n<li>Toggle the Transform tab of the Camera layer<\/li>\n<li>Click on the little Stop Watch next to to Point of Interest AND Position Property and keep the values as they are<\/li>\n<li>Set the Time Indicator to where you&#8217;d like the camera move to end (0;00;08;00)<\/li>\n<li>Click and drag the Camera&#8217;s little red arrow in the Top view and move it towards the left (so that the elements are still visible but on the right side of the Composition in the Active Camera view). You&#8217;ll notice that a new Keyframe was created on both the Point of Interest and Position properties&#8217; Timeline.<\/li>\n<\/ul>\n<figure id=\"attachment_791\" aria-describedby=\"caption-attachment-791\" style=\"width: 1642px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-791\" src=\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-24-at-11-30-14-am.png\" alt=\"Screen Shot 2018-08-24 at 11.30.14 AM\" width=\"1642\" height=\"838\" \/><figcaption id=\"caption-attachment-791\" class=\"wp-caption-text\">Top and Active Camera views with the Camera shifted to the left of the Composition<\/figcaption><\/figure>\n<ul>\n<li>We&#8217;ll stay at this position for 1 sec before shifting the camera back to the center:\n<ul>\n<li>Set the Time Indicator 1 second further (0;00;09;00)<\/li>\n<li>Add a Point of Interest AND Position Keyframe by clicking on the little diamonds at the very left of the properties<\/li>\n<\/ul>\n<\/li>\n<li>Let&#8217;s move the camera back to its original position:\n<ul>\n<li>Select and Copy (<em>Command + C<\/em>) the starting Keyframes (at 0;00;06;00) of the Position and Point of Interest properties.<\/li>\n<li>Set the Time Indicator to when you&#8217;d like the Camera to reach its final position (when the green circle has receded behind the yellow one &#8211; 0;00;10;22)<\/li>\n<li>Past the 2 Keyframes (<em>Command + V<\/em>)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<figure id=\"attachment_790\" aria-describedby=\"caption-attachment-790\" style=\"width: 2688px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-790\" src=\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-24-at-11-28-32-am.png\" alt=\"Screen Shot 2018-08-24 at 11.28.32 AM\" width=\"2688\" height=\"342\" \/><figcaption id=\"caption-attachment-790\" class=\"wp-caption-text\">Point of Interest and Position property of the Camera layer (and its their Keyframes)<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>We can emphasize the 3D aspect of our layers by adding lights and cameras to our Compositions. We&#8217;ll use both in this tutorial.\u00a0You can watch the finished example below and download the .aep file\u00a0here. https:\/\/vimeo.com\/286898672 We&#8217;ll start off with the Composition we made in the 3D layers tutorial. You can download the starting file here. &hellip; <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/adobe-after-effects-cameras-lights\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Adobe After Effects: Cameras &amp; Lights&#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-62","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/pages\/62","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=62"}],"version-history":[{"count":4,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":170,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/pages\/62\/revisions\/170"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}