{"id":217,"date":"2020-09-16T15:27:48","date_gmt":"2020-09-16T19:27:48","guid":{"rendered":"https:\/\/animation.monmouth.edu\/instruct\/?p=217"},"modified":"2020-09-17T21:45:43","modified_gmt":"2020-09-18T01:45:43","slug":"adding-image-planes","status":"publish","type":"post","link":"https:\/\/animation.monmouth.edu\/instruct\/modeling\/adding-image-planes\/","title":{"rendered":"Adding Image Planes"},"content":{"rendered":"\n<pre class=\"wp-block-verse\"><strong>Note<\/strong>: this is part one of the Hermit Tutorial<\/pre>\n\n\n\n<p>There are at least two methods to do this, one is:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Select the <strong>front<\/strong> camera<\/li><li>In the attributes of the <strong>frontShape<\/strong> find the <strong>Environment<\/strong> section<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default floatRight\"><img decoding=\"async\" width=\"44\" height=\"44\" src=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/AddImagePlane.png\" alt=\"Add Image Plane Icon\" class=\"wp-image-208\" title=\"AddImagePlane\" srcset=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/AddImagePlane.png 44w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/AddImagePlane-24x24.png 24w\" sizes=\"(max-width: 44px) 100vw, 44px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Click on the <strong>Create<\/strong> button after <strong>Image Plane<\/strong><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-verse\"><strong>Note<\/strong>: <a href=\"#video\">Instruction video at bottom of page<\/a><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_ImagePlane1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1006\" height=\"567\" src=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_ImagePlane1.png\" alt=\"Add Image Plane\" class=\"wp-image-205\" srcset=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_ImagePlane1.png 1006w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_ImagePlane1-958x540.png 958w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_ImagePlane1-768x433.png 768w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_ImagePlane1-250x141.png 250w\" sizes=\"(max-width: 1006px) 100vw, 1006px\" \/><\/a><figcaption>First Image Plane added for Front, seen through Perspective Camera<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>In the <strong>Image Plane Attributes<\/strong> of the <strong>imagePlaneShape1<\/strong> that pops up, click on the folder icon after the <strong>Image Name<\/strong> field to bring up the file browser. Find the front image and load it<ul><li>If you need to go back to these properties: Select the camera, find the <strong>Environment &gt; Image Plane<\/strong> and click on the arrow at the end of that line.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default floatRight\"><img decoding=\"async\" width=\"44\" height=\"44\" src=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/AddImagePlane.png\" alt=\"Add Image Plane Icon\" class=\"wp-image-208\" title=\"AddImagePlane\" srcset=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/AddImagePlane.png 44w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/AddImagePlane-24x24.png 24w\" sizes=\"(max-width: 44px) 100vw, 44px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>You can also click on the add image plane icon on the panel toolbar of the view you want the image to be in (front view) and directly select the image file in the browser that pops op<\/li><li>Repeat for side and top camera. Since the image are all the same size they should align:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_ImagePlanesIntersect.png\"><img decoding=\"async\" width=\"448\" height=\"455\" src=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_ImagePlanesIntersect.png\" alt=\"Four Image Planes\" class=\"wp-image-203\" srcset=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_ImagePlanesIntersect.png 448w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_ImagePlanesIntersect-246x250.png 246w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_ImagePlanesIntersect-24x24.png 24w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_ImagePlanesIntersect-48x48.png 48w\" sizes=\"(max-width: 448px) 100vw, 448px\" \/><\/a><\/figure>\n\n\n\n<p>The image planes are all located at the origin and overlapping, that is not very convenient. Let&#8217;s move them to from a neat box<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Select the <strong>front image plane<\/strong> (can directly be selected in the viewport)<\/li><li>Open the attribute editor to view its attributes<\/li><li>Find the <strong>Placement Extra&#8217;s<\/strong> section<\/li><li>Change the Image Center Z parameter (the third one) so that the image is at the back of the two other image planes.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_IPplaced.png\"><img loading=\"lazy\" decoding=\"async\" width=\"817\" height=\"458\" src=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_IPplaced.png\" alt=\"Image Planes Placed\" class=\"wp-image-207\" srcset=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_IPplaced.png 817w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_IPplaced-768x431.png 768w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_IPplaced-250x140.png 250w\" sizes=\"(max-width: 817px) 100vw, 817px\" \/><\/a><figcaption>Image planes placed<\/figcaption><\/figure>\n\n\n\n<p>And you are ready to start modeling. At some point these images will be annoyingly in the way. You want to keep them in their respective orthographic view, but you do not need to see them in the perspective view.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>In the <strong>imagePlaneShape<\/strong> properties, at the top under <strong>Image Plane Attributes<\/strong>, set <strong>Display<\/strong> to <strong>look through camera<\/strong> [appropriate camera]<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_IP4Window.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1015\" height=\"559\" src=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_IP4Window.png\" alt=\"Image Planes in own camera only\" class=\"wp-image-204\" srcset=\"https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_IP4Window.png 1015w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_IP4Window-960x529.png 960w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_IP4Window-768x423.png 768w, https:\/\/animation.monmouth.edu\/instruct\/wp-content\/uploads\/sites\/3\/2020\/09\/Hermit_IP4Window-250x138.png 250w\" sizes=\"(max-width: 1015px) 100vw, 1015px\" \/><\/a><\/figure>\n\n\n\n<pre class=\"wp-block-verse\">Go on to <a href=\"https:\/\/animation.monmouth.edu\/instruct\/autodesk-maya\/starting-box-modeling\/\" data-type=\"post\" data-id=\"227\">Part 2 of the Hermit Tutorial<\/a><\/pre>\n\n\n\n<a name=\"video\">\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Image Planes in Maya\" width=\"780\" height=\"439\" src=\"https:\/\/www.youtube.com\/embed\/bM6MqL2fWro?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Adding Image Planes in Maya.<br \/>\nPart 1 of the Hermit Tutorial<\/p>\n","protected":false},"author":3,"featured_media":207,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,2,8],"tags":[30,27,32],"class_list":["post-217","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-autodesk-maya","category-modeling","category-tutorials","tag-image-planes","tag-instruction-video","tag-x-ray-view"],"_links":{"self":[{"href":"https:\/\/animation.monmouth.edu\/instruct\/wp-json\/wp\/v2\/posts\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animation.monmouth.edu\/instruct\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/animation.monmouth.edu\/instruct\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/animation.monmouth.edu\/instruct\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/animation.monmouth.edu\/instruct\/wp-json\/wp\/v2\/comments?post=217"}],"version-history":[{"count":6,"href":"https:\/\/animation.monmouth.edu\/instruct\/wp-json\/wp\/v2\/posts\/217\/revisions"}],"predecessor-version":[{"id":243,"href":"https:\/\/animation.monmouth.edu\/instruct\/wp-json\/wp\/v2\/posts\/217\/revisions\/243"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/animation.monmouth.edu\/instruct\/wp-json\/wp\/v2\/media\/207"}],"wp:attachment":[{"href":"https:\/\/animation.monmouth.edu\/instruct\/wp-json\/wp\/v2\/media?parent=217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/animation.monmouth.edu\/instruct\/wp-json\/wp\/v2\/categories?post=217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/animation.monmouth.edu\/instruct\/wp-json\/wp\/v2\/tags?post=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}