{"id":500,"date":"2011-06-10T09:01:34","date_gmt":"2011-06-10T16:01:34","guid":{"rendered":"http:\/\/www.visiozone.com\/?p=500"},"modified":"2011-06-10T09:01:34","modified_gmt":"2011-06-10T16:01:34","slug":"creating-depth-in-visio-shapes-part-2","status":"publish","type":"post","link":"https:\/\/visiozone.com\/?p=500","title":{"rendered":"Creating Depth in Visio Shapes (Part 2)"},"content":{"rendered":"<div class=\"tweetthis\" style=\"text-align:right;\"><p> <a target=\"_blank\" rel=\"nofollow\" class=\"tt\" href=\"http:\/\/twitter.com\/intent\/tweet?text=Creating+Depth+in+Visio+Shapes+%28Part+2%29+http%3A%2F%2Fvisiozone.com%2F%3Fp%3D500\" title=\"Post to Twitter\"><img class=\"nothumb\" src=\"https:\/\/visiozone.com\/wp-content\/plugins\/tweet-this\/icons\/en\/twitter\/tt-twitter6.png\" alt=\"Post to Twitter\" \/><\/a><\/p><\/div><div><a href=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1.png\"><img loading=\"lazy\" title=\"Visio_depth_and_transparancy\" width=\"168\" class=\"alignright size-full wp-image-504\" src=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1.png\" alt=\"Showing depth and transparancey in Visio\" height=\"144\" srcset=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1.png 168w, https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1-150x128.png 150w\" sizes=\"(max-width: 168px) 100vw, 168px\" \/><\/a>This is the second in a series of articles about techniques for creating realistic depth in Visio shapes.  <a href=\"https:\/\/visiozone.com\/?p=478\">Part 1<\/a> discussed how to create a metallic panel with edges that curve back and away from the plane of view.  In this part we will show you how to insert a \u201cwindow\u201d into that same panel by using Visio operations called Subtract and Fragment.  Then we&#8217;ll make it transparent like a real window so that you can see objects through it.<\/div>\n<div>Here\u2019s the panel we produced in Part 1.  It\u2019s composed of one large rectangle with four trapezoidal shapes at the edges that are filled with a gradient to create the illusion of the curved surfaces.  The trapezoids have their line edges turned off by setting the line formatting to \u201cno line\u201d so that they will blend in nicely with the larger rectangle and with each other at the corners.<\/div>\n<div>\n<div id=\"attachment_506\" style=\"width: 275px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_finished_plate1.png\"><img aria-describedby=\"caption-attachment-506\" loading=\"lazy\" title=\"Visio_finished_plate\" width=\"265\" class=\"size-full wp-image-506 \" src=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_finished_plate1.png\" alt=\"Finished Visio plate with curved edges\" height=\"168\" srcset=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_finished_plate1.png 265w, https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_finished_plate1-150x95.png 150w\" sizes=\"(max-width: 265px) 100vw, 265px\" \/><\/a><p id=\"caption-attachment-506\" class=\"wp-caption-text\">Finished Visio plate with curved edges<\/p><\/div>\n<\/div>\n<div>Now, let\u2019s overlay another rectangle to represent our window.  Size it at 3.5\u201d wide and 1.5\u201d high and center it over the larger rectangle.  Format the corners to round them. To do that in Visio 2007, select Format &gt; Corner Rounding.  In Visio 2010, select the Home tab and the pull down menu for Line, then Line Options.  The result should look like this:<\/div>\n<div>\n<div id=\"attachment_501\" style=\"width: 268px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Adding_a_window.png\"><img aria-describedby=\"caption-attachment-501\" loading=\"lazy\" title=\"Adding_a_window\" width=\"258\" class=\"size-full wp-image-501 \" src=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Adding_a_window.png\" alt=\"Adding a Visio rectangle for a window\" height=\"160\" srcset=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Adding_a_window.png 258w, https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Adding_a_window-150x93.png 150w\" sizes=\"(max-width: 258px) 100vw, 258px\" \/><\/a><p id=\"caption-attachment-501\" class=\"wp-caption-text\">Add a rectangle for a window<\/p><\/div>\n<\/div>\n<div>We want to subtract the window shape from the panel.  Select the panel, then hold the Shift key and select the window shape.  In Visio 2007, select Shape &gt; Operations &gt; Subtract.  In Visio 2010, go to the Developer tab and select Operations.  If you don\u2019t see a Developer tab in 2010, you must go to the File tab, select Options on the left, then Advanced on the left, scroll down to the General section, and check \u201cRun in developer mode\u201d.  That\u2019s not as scary as it sounds, and it gives you access to several very useful tools.  This will remain available from now on when you open Visio.<\/div>\n<div>Because you selected the panel rectangle first, then the window shape second while holding the Shift key, Visio subtracts the second selection from the first selection. After performing the subtraction, the result will be a hole in the outline of the window shape.<\/div>\n<div>\n<div id=\"attachment_508\" style=\"width: 268px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Hole_for_window.png\"><img aria-describedby=\"caption-attachment-508\" loading=\"lazy\" title=\"Hole_for_window\" width=\"258\" class=\"size-full wp-image-508\" src=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Hole_for_window.png\" alt=\"Hole for window\" height=\"163\" srcset=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Hole_for_window.png 258w, https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Hole_for_window-150x94.png 150w\" sizes=\"(max-width: 258px) 100vw, 258px\" \/><\/a><p id=\"caption-attachment-508\" class=\"wp-caption-text\">Punch a hole in the panel<\/p><\/div>\n<\/div>\n<div>Now, select the shape again, and Fragment it.  This is another Operation so in Visio 2007, select Shape &gt; Operations &gt; Fragment.  In 2010, go to the Developer tab then Operations then Fragment.  This will give you a new filled shape where the hole was.  Select that shape and format the fill to be 50% transparent in the Fill dialog.  To open the Fill dialog, in 2007 use Format &gt; Fill and in 2010 go to the Home tab and select Fill, then Fill Options.<\/div>\n<div>\n<div id=\"attachment_505\" style=\"width: 385px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_Fill_dialog.png\"><img aria-describedby=\"caption-attachment-505\" loading=\"lazy\" title=\"Visio_Fill_dialog\" width=\"375\" class=\"size-full wp-image-505\" src=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_Fill_dialog.png\" alt=\"Visio Fill dialog\" height=\"293\" srcset=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_Fill_dialog.png 375w, https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_Fill_dialog-300x234.png 300w, https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_Fill_dialog-150x117.png 150w\" sizes=\"(max-width: 375px) 100vw, 375px\" \/><\/a><p id=\"caption-attachment-505\" class=\"wp-caption-text\">Visio Fill dialog<\/p><\/div>\n<\/div>\n<div>Note that each time you perform an \u201cOperation\u201d such as Subtract or Fragment, the shape you\u2019ve operated on comes to the front.  Therefore, you will need to send it to the back after your operations are completed so that your shaded edges are showing.  In both Visio 2007 and 2010 you can right click on the shape for a menu that will do this.<\/div>\n<div>Finally, group everything together and you now have a panel with a transparent window in it.<\/div>\n<div>\n<div id=\"attachment_503\" style=\"width: 269px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Making_the_window_transparent.png\"><img aria-describedby=\"caption-attachment-503\" loading=\"lazy\" title=\"Making_the_window_transparent\" width=\"259\" class=\"size-full wp-image-503\" src=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Making_the_window_transparent.png\" alt=\"Making the window transparent\" height=\"162\" srcset=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Making_the_window_transparent.png 259w, https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Making_the_window_transparent-150x93.png 150w\" sizes=\"(max-width: 259px) 100vw, 259px\" \/><\/a><p id=\"caption-attachment-503\" class=\"wp-caption-text\">Make the window transparent<\/p><\/div>\n<\/div>\n<div>Try creating some text or other objects, send them to the back, and move your new shape over them to see how they show through the window.  For example, see the title image at the top of this article with the text \u201cI\u2019m looking through you\u201d.<\/div>\n<div>In Part 3 we\u2019ll create a handle with a metallic finish to place on the panel.<\/div>\n<div class=\"tweetthis\" style=\"text-align:right;\"><p> <a target=\"_blank\" rel=\"nofollow\" class=\"tt\" href=\"http:\/\/twitter.com\/intent\/tweet?text=Creating+Depth+in+Visio+Shapes+%28Part+2%29+http%3A%2F%2Fvisiozone.com%2F%3Fp%3D500\" title=\"Post to Twitter\"><img class=\"nothumb\" src=\"https:\/\/visiozone.com\/wp-content\/plugins\/tweet-this\/icons\/en\/twitter\/tt-twitter6.png\" alt=\"Post to Twitter\" \/><\/a><\/p><\/div>","protected":false},"excerpt":{"rendered":"<p> <img class=\"nothumb\" src=\"https:\/\/visiozone.com\/wp-content\/plugins\/tweet-this\/icons\/en\/twitter\/tt-twitter6.png\" alt=\"Post to Twitter\" \/><\/p>\n<p><img loading=\"lazy\" title=\"Visio_depth_and_transparancy\" width=\"168\" class=\"alignright size-full wp-image-504\" src=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1.png\" alt=\"Showing depth and transparancey in Visio\" height=\"144\" srcset=\"https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1.png 168w, https:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1-150x128.png 150w\" sizes=\"(max-width: 168px) 100vw, 168px\" \/>This is the second in a series of articles about techniques for creating realistic depth in Visio shapes. Part 1 discussed how to create a metallic panel with edges that curve back and away from the plane of view. In this part we will show you how to insert a \u201cwindow\u201d into that same panel by using Visio operations called Subtract and Fragment. Then we&#8217;ll make it transparent like a <a href=\"https:\/\/visiozone.com\/?p=500\"> &#8230;Continue reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false},"categories":[1],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Creating Depth in Visio Shapes (Part 2) - VisioZone<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/visiozone.com\/?p=500\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating Depth in Visio Shapes (Part 2) - VisioZone\" \/>\n<meta property=\"og:description\" content=\"This is the second in a series of articles about techniques for creating realistic depth in Visio shapes. Part 1 discussed how to create a metallic panel with edges that curve back and away from the plane of view. In this part we will show you how to insert a \u201cwindow\u201d into that same panel by using Visio operations called Subtract and Fragment. Then we&#8217;ll make it transparent like a ...Continue reading\" \/>\n<meta property=\"og:url\" content=\"https:\/\/visiozone.com\/?p=500\" \/>\n<meta property=\"og:site_name\" content=\"VisioZone\" \/>\n<meta property=\"article:published_time\" content=\"2011-06-10T16:01:34+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1.png\" \/>\n<meta name=\"author\" content=\"Visimation\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Visimation\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/visiozone.com\/#website\",\"url\":\"https:\/\/visiozone.com\/\",\"name\":\"VisioZone\",\"description\":\"News, Tips, and Advice for Microsoft Visio Users\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/visiozone.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/visiozone.com\/?p=500#primaryimage\",\"url\":\"http:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1.png\",\"contentUrl\":\"http:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1.png\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/visiozone.com\/?p=500#webpage\",\"url\":\"https:\/\/visiozone.com\/?p=500\",\"name\":\"Creating Depth in Visio Shapes (Part 2) - VisioZone\",\"isPartOf\":{\"@id\":\"https:\/\/visiozone.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/visiozone.com\/?p=500#primaryimage\"},\"datePublished\":\"2011-06-10T16:01:34+00:00\",\"dateModified\":\"2011-06-10T16:01:34+00:00\",\"author\":{\"@id\":\"https:\/\/visiozone.com\/#\/schema\/person\/51201304605fb9824737a063c55184fd\"},\"breadcrumb\":{\"@id\":\"https:\/\/visiozone.com\/?p=500#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/visiozone.com\/?p=500\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/visiozone.com\/?p=500#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/visiozone.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating Depth in Visio Shapes (Part 2)\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/visiozone.com\/#\/schema\/person\/51201304605fb9824737a063c55184fd\",\"name\":\"Visimation\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/visiozone.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/713995917054f55a13f6c7249af33b8c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/713995917054f55a13f6c7249af33b8c?s=96&d=mm&r=g\",\"caption\":\"Visimation\"},\"sameAs\":[\"http:\/\/www.visimation.com\"],\"url\":\"https:\/\/visiozone.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating Depth in Visio Shapes (Part 2) - VisioZone","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/visiozone.com\/?p=500","og_locale":"en_US","og_type":"article","og_title":"Creating Depth in Visio Shapes (Part 2) - VisioZone","og_description":"This is the second in a series of articles about techniques for creating realistic depth in Visio shapes. Part 1 discussed how to create a metallic panel with edges that curve back and away from the plane of view. In this part we will show you how to insert a \u201cwindow\u201d into that same panel by using Visio operations called Subtract and Fragment. Then we&#8217;ll make it transparent like a ...Continue reading","og_url":"https:\/\/visiozone.com\/?p=500","og_site_name":"VisioZone","article_published_time":"2011-06-10T16:01:34+00:00","og_image":[{"url":"http:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1.png"}],"author":"Visimation","twitter_card":"summary","twitter_misc":{"Written by":"Visimation","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/visiozone.com\/#website","url":"https:\/\/visiozone.com\/","name":"VisioZone","description":"News, Tips, and Advice for Microsoft Visio Users","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/visiozone.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en"},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/visiozone.com\/?p=500#primaryimage","url":"http:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1.png","contentUrl":"http:\/\/visiozone.com\/wp-content\/uploads\/2011\/04\/Visio_depth_and_transparancy1.png"},{"@type":"WebPage","@id":"https:\/\/visiozone.com\/?p=500#webpage","url":"https:\/\/visiozone.com\/?p=500","name":"Creating Depth in Visio Shapes (Part 2) - VisioZone","isPartOf":{"@id":"https:\/\/visiozone.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/visiozone.com\/?p=500#primaryimage"},"datePublished":"2011-06-10T16:01:34+00:00","dateModified":"2011-06-10T16:01:34+00:00","author":{"@id":"https:\/\/visiozone.com\/#\/schema\/person\/51201304605fb9824737a063c55184fd"},"breadcrumb":{"@id":"https:\/\/visiozone.com\/?p=500#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/visiozone.com\/?p=500"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/visiozone.com\/?p=500#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/visiozone.com\/"},{"@type":"ListItem","position":2,"name":"Creating Depth in Visio Shapes (Part 2)"}]},{"@type":"Person","@id":"https:\/\/visiozone.com\/#\/schema\/person\/51201304605fb9824737a063c55184fd","name":"Visimation","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/visiozone.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/713995917054f55a13f6c7249af33b8c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/713995917054f55a13f6c7249af33b8c?s=96&d=mm&r=g","caption":"Visimation"},"sameAs":["http:\/\/www.visimation.com"],"url":"https:\/\/visiozone.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/visiozone.com\/index.php?rest_route=\/wp\/v2\/posts\/500"}],"collection":[{"href":"https:\/\/visiozone.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/visiozone.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/visiozone.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/visiozone.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=500"}],"version-history":[{"count":14,"href":"https:\/\/visiozone.com\/index.php?rest_route=\/wp\/v2\/posts\/500\/revisions"}],"predecessor-version":[{"id":522,"href":"https:\/\/visiozone.com\/index.php?rest_route=\/wp\/v2\/posts\/500\/revisions\/522"}],"wp:attachment":[{"href":"https:\/\/visiozone.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=500"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/visiozone.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=500"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/visiozone.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}