{"id":1094,"date":"2025-02-14T20:22:51","date_gmt":"2025-02-14T20:22:51","guid":{"rendered":"http:\/\/demoblogs.ecuad.camrose\/?page_id=1094"},"modified":"2025-02-14T20:22:51","modified_gmt":"2025-02-14T20:22:51","slug":"3d-layers","status":"publish","type":"page","link":"https:\/\/palette.ecuad.ca\/mrose\/resources\/digital-animation-methods-and-software\/after-effects\/3d-layers\/","title":{"rendered":"Notes on 3D Layers"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Note<\/strong> &#8211; You can find information on establishing a camera and animating a camera move by going to\u00a0<a href=\"https:\/\/palette.ecuad.ca\/mrose\/resources\/digital-animation-methods-and-software\/after-effects\/camera-moves\/\" target=\"_blank\" rel=\"noreferrer noopener\">this page<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To make a layer three-dimensional, go to the Main Menu &gt; Layer &gt; 3D Layer, or refer to the Composition Timeline and click on the 3D toggle (but make sure that \u201cSwitches\u201d are active).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In regular 2D mode, when you expand the default Transform features of a layer, and refer to something like Position, you will find that the category consists of two values that indicate the \u201cX\u201d and \u201cY\u201d coordinates of the layer.&nbsp; Moving or changing the \u201cX\u201d will shift a layer East or West, Left or Right.&nbsp; Similarly, moving or sliding the \u201cY\u201d will shift a layer North or South, Up or Down.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The X-Y coordinates represent the pixel dimensions in a field.&nbsp; For example, when you work with a 1080p composition, the dimensions of the comp are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>1920 pixels wide, or 1920 pixels along the X-Axis<\/li>\n\n\n\n<li>1080 pixels high, or 1080 pixels along the Y-Axis<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The values begin at the top-left corner of the field or composition:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Y-Axis = Pixel 0 at the top-left of the composition<\/li>\n\n\n\n<li>Y-Axis = Pixel 1080 at the bottom-left of the composition<\/li>\n\n\n\n<li>X-Axis = Pixel 0 at the top-left of the composition<\/li>\n\n\n\n<li>X-Axis = Pixel 1920 at the top-right of the composition<\/li>\n\n\n\n<li>Bottom-Right = Y at 1080, X at 1920<\/li>\n\n\n\n<li>And so on<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The Centre of the field is:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>X = 960 pixels<\/li>\n\n\n\n<li>Y = 540 pixels<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These are, therefore, the two values in the Position section of each layer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Turn on the 3D switch and a third, \u201cZ\u201d value joins the mix:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>X = 960<\/li>\n\n\n\n<li>Y = 540<\/li>\n\n\n\n<li>Z = 0<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Slide or change the values for Z:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Position:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Slide to the left or go into increasing negative values and the plane\/layer will move towards the Active Camera (or viewer).\u00a0 It will increase in scale.<\/li>\n\n\n\n<li>Slide to the right or go into increasing positive values and the plane\/layer will move away from the Active Camera (or viewer).\u00a0 It decreases in scale.<\/li>\n\n\n\n<li>X Rotation = Default \/ begins at 0x, +0.0\u00ba\u00a0 Adjust the slider to 0x +90.0\u00ba and the plane will move towards you and flatten like a ground plane.<\/li>\n\n\n\n<li>Y Rotation = Default \/ begins at 0x, +0.0\u00ba\u00a0 Crank the slider to the right, to -90.0 and the plane will rotate in a counter-clockwise direction, like the side wall of a box.\u00a0 Crank the slider to the left, to +90.0 and the plane will rotate in a clockwise direction, like the opposite side wall of a box.<\/li>\n\n\n\n<li>Z Rotation = Default \/ begins at 0x, +0.0\u00ba\u00a0 Crank the slider to the right, to +90 and the plane will rotate\/spin in a clockwise direction.\u00a0 Move the slider to the left, towards -90 and the plane will rotate\/spin in a counter-clockwise direction.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Orientation:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>0.0\u00ba, 0.0\u00ba, 0.0\u00ba<\/li>\n\n\n\n<li>X, Y, Z<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">X = Red,&nbsp;Y = Green,&nbsp;Z = Blue<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>X = Move the slider to the right towards 90\u00ba, the top-edge of the plane will move towards the viewer and will become a flat plane, like the ground.<\/li>\n\n\n\n<li>Move the slider to the left towards 270\u00ba, the top-edge of the plane will move away from the viewer and will become a flat plane, like the ground.<\/li>\n\n\n\n<li>Y = Move the slider to the right towards 90\u00ba, the right-edge of the plane will move towards the viewer and will become a flat plane, like the side wall of a box.<\/li>\n\n\n\n<li>Move the slider to the left towards 270\u00ba, the left-edge of the plane will move away from the viewer and will become a flat plane, like the ground.<\/li>\n\n\n\n<li>Z = Move the slider to the right towards 90\u00ba, the top-edge of the plane will rotate to the right in a clockwise direction.<\/li>\n\n\n\n<li>Move the slider to the right towards 90\u00ba, the top-edge of the plane will rotate to the left in a counter-clockwise direction.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In addition to adjusting\/sliding the values for Position, Orientation, X, Y, Z Rotation, etc., you can also use the Tools:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The Selection Tool [V] = will move or pan a layer, East \/ West or Left \/ Right<\/li>\n\n\n\n<li>The Rotation Tool [W] = will Rotate a layer<\/li>\n\n\n\n<li>The Pan Behind Tool [Y] = will change the position of the Anchor Point, where an object will rotate from<\/li>\n\n\n\n<li>To create a Null Object: Go to the Main Menu &gt; Layer &gt; New &gt; Null Object.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Note &#8211; You can find information on establishing a camera and animating a camera move by going to\u00a0this page. To make a layer three-dimensional, go to the Main Menu &gt; Layer &gt; 3D Layer, or refer to the Composition Timeline and click on the 3D toggle (but make sure that \u201cSwitches\u201d are active). In regular [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":777,"menu_order":12,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1094","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/1094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/comments?post=1094"}],"version-history":[{"count":2,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/1094\/revisions"}],"predecessor-version":[{"id":4959,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/1094\/revisions\/4959"}],"up":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/777"}],"wp:attachment":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/media?parent=1094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}