3D Layer option turned on<\/figcaption><\/figure>\nThe Composition will look the same but we’ll now be able to use the layer’s Y axis (depth). A second\/bird’s eye view of the composition is useful when positioning elements in 3dimensional space. Let’s change the view of our Composition window:<\/p>\n
\nSet the view layout dropdown to “2 Views – Horizontal”<\/li>\n Click on the new view (on the left) and make sure 3D view dropdown is set to “Top”<\/li>\n<\/ul>\n2 Views layout enabled with 2nd view set to “Top”<\/figcaption><\/figure>\nWe’ll now adjust the Y position of each layer:<\/p>\n
\nActivate the yellowEllipse layer. You’ll see a little blue arrow appear in the Top view, representing its Y position.<\/li>\n Click and drag the blue arrow until you are happy with the Y position of the ellipse (provide a little space between the edge of the window and the ellipse)<\/li>\n Do the same for the greenEllipse and Text layers (bringing both forward a bit – make sure the Text is in front of the green ellipse)<\/li>\n<\/ul>\nTop and Front views with Text layer activated<\/figcaption><\/figure>\nLet’s animate! We’ll start by pulsating the yellow circle. The process is the same as if the 3D was turned off.<\/p>\n
\nSet the Time Indicator to where you’d like the pulsing to start (0;00;00;00)<\/li>\n Toggle the Transform tab of the yellowEllipse layer<\/li>\n Click on the little Stop Watch icon next to the Scale property<\/li>\n Set the Time Indicator to where you’d like the circle to reach its smallest point (0;00;01;00)<\/li>\n Set the value of one of the Scale parameters to 98% (they will all change to 98% since the “preserve aspect ratio” link is turned on).<\/li>\n Copy the two keyframes (select them both and click Command + C<\/em>)\u00a0and copy them (Command + V<\/em>) every two seconds (starting at\u00a00;00;02;00)<\/li>\n<\/ul>\nScale property of the yellowEllipse layer and its Keyframes (from 100% to 95% and back every 2 seconds)<\/figcaption><\/figure>\nNext, we’ll have our green circle appear by rotation:<\/p>\n
\nHide the Text Layer to focus on the green circle<\/li>\n Set the Time Indicator to where you’d like the circle to start appearing on the screen\/rotate (0;00;02;00)<\/li>\n Toggle the Transform tab of the greenEllipse layer<\/li>\n Click on the little Stop Watch icon next to the Y Rotation property and set the value so that the circle disappears (0x+90.0)<\/li>\n Set the Time Indicator to where you’d like the circle to stop rotating (0;00;05;00) and set the value to how many rotations you want the ellipse to undergo, making sure it faces the viewer at the end (3x+0.0)<\/li>\n Let’s add an Easy Ease to the Keyframes to make the animation more dynamic:\n\nSelect the two Keyframes and press F9<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\nY Rotation and its 2 Keyframes (with Easy Ease applied)<\/figcaption><\/figure>\nNext, we’ll have our text layer fade in and move towards the viewer until it is out of view:<\/p>\n
\nReveal the Text Layer<\/li>\n Set the Time Indicator to where you’d like the Text to start fading in (0;00;05;00)<\/li>\n Toggle the Transform tab of the Text layer<\/li>\n Click on the little Stop Watch icon next to the Opacity property and set the value to 0%<\/li>\n Set the Time Indicator to where you’d like the Text to be fully opaque (0;00;06;00)<\/li>\n Set the value of the Opacity property to 100%<\/li>\n Set the Time Indicator to where you’d like Text to start moving forward (0;00;08;00)<\/li>\n Click on the little Stop Watch icon next to the Position property and leave the value as it is.<\/li>\n Set the Time Indicator to where you’d like Text to be out of view (0;00;08;15)<\/li>\n Set the third value of the Position property (the Y axis) to a large negative number, so that it is beyond the Composition view (~-2,700)<\/li>\n<\/ul>\nThe Text layer’s Position and Opacity properties (2 Keyframes each)<\/figcaption><\/figure>\nFinally, we’ll have the green circle recede behind the yellow one.<\/p>\n
\nSet the Time Indicator to where you’d like the green circle to start moving backwards (0;00;09;00)<\/li>\n Toggle the Transform tab of the greenEllipse layer<\/li>\n Click on the little Stop Watch icon next to the Position property and leave the value as it is.<\/li>\n Set the Time Indicator to where you’d like the green circle to reach it’s final position (behind the yellow circle) (0;00;11;00)<\/li>\n in the Top View, click and drag the blue arrow until the green circle is behind the yellow one<\/li>\n<\/ul>\nTop View (green circle behind the yellow one)<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"By default, After Effects layer exist on a 2D plane: an X and Y axis. However a third dimension can be added to any layer, adding a Y axis and whole set of parameters to the Transform properties. We’ll explore 3D space in After Effects in this simple tutorial.\u00a0You can watch the finished example below … Continue reading “Adobe After Effects: 3D”<\/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-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/pages\/49","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=49"}],"version-history":[{"count":2,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":168,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/pages\/49\/revisions\/168"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-s2019\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Screen](\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-12-48-53-pm.png\")
![\"Screen](\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-12-52-02-pm.png\")
![\"Screen](\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-12-56-32-pm.png\")
![\"Screen](\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-2-03-02-pm.png\")
![\"Screen](\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-2-09-41-pm.png\")
![\"Screen](\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-2-18-19-pm1.png\")
![\"Screen](\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-2-27-26-pm.png\")
![\"Screen](\"https:\/\/mmp260.files.wordpress.com\/2018\/08\/screen-shot-2018-08-23-at-2-32-36-pm.png\")