{"id":1091,"date":"2021-10-19T22:49:00","date_gmt":"2021-10-19T13:49:00","guid":{"rendered":"https:\/\/zki-design.com\/?p=1091"},"modified":"2026-03-11T20:07:36","modified_gmt":"2026-03-11T11:07:36","slug":"draw-outlines-from-viewport","status":"publish","type":"post","link":"https:\/\/zki-design.com\/en\/blog\/blender\/draw-outlines-from-viewport\/","title":{"rendered":"Output line drawing from viewport  \u00a0"},"content":{"rendered":"<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"596\" height=\"432\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-55.png\" alt=\"\" class=\"wp-image-1092\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-55.png 596w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-55-300x217.png 300w\" sizes=\"auto, (max-width: 596px) 100vw, 596px\" \/><\/figure>\n\n\n\n<h3 class=\"is-style-vk-heading-double_bottomborder_black wp-block-heading\">About line drawing output<\/h3>\n\n\n\n<p>I would like to output a view showing the outline of the model and express a line drawing like SketchUp. With these line drawings,<strong><span data-color=\"#fffd6b\" style=\"background: linear-gradient(transparent 60%,rgba(255, 253, 107, 0.7) 0);\" class=\"vk_highlighter\">Positional relationship between objects<\/span><\/strong><span data-color=\"#fffd6b\" style=\"background: linear-gradient(transparent 60%,rgba(255, 253, 107, 0.7) 0);\" class=\"vk_highlighter\">clearly explain<\/span>can do.\u00a0<\/p>\n\n\n\n<p>Freestyle can also output line drawings, but this time a simple<span data-color=\"#fffd6b\" style=\"background: linear-gradient(transparent 60%,rgba(255, 253, 107, 0.7) 0);\" class=\"vk_highlighter\"><strong>Viewport<\/strong>export from<\/span>I would like.\u00a0<\/p>\n\n\n\n<h3 class=\"is-style-vk-heading-double_bottomborder_black wp-block-heading\">export settings<\/h3>\n\n\n\n<p>This is the normal viewport.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"602\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-59-1024x602.png\" alt=\"\" class=\"wp-image-1097\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-59-1024x602.png 1024w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-59-300x176.png 300w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-59-768x451.png 768w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-59.png 1135w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><span data-color=\"#fffd6b\" style=\"background: linear-gradient(transparent 60%,rgba(255, 253, 107, 0.7) 0);\" class=\"vk_highlighter\">Viewport Shading<\/span><\/strong>to the following settings.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-60-1024x560.png\" alt=\"\" class=\"wp-image-1098\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-60-1024x560.png 1024w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-60-300x164.png 300w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-60-768x420.png 768w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-60-1200x656.png 1200w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-60.png 1238w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Try viewport rendering in this state. Since the background such as the grid is reflected, try to hide it.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-62-1024x575.png\" alt=\"\" class=\"wp-image-1100\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-62-1024x575.png 1024w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-62-300x168.png 300w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-62-768x431.png 768w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-62-1200x674.png 1200w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-62.png 1507w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Render Properties<\/strong>from the settings of<span data-color=\"#fffd6b\" style=\"background: linear-gradient(transparent 60%,rgba(255, 253, 107, 0.7) 0);\" class=\"vk_highlighter\"><strong>Transparent<\/strong><\/span>Check (Transparent).\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"272\" height=\"445\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-56.png\" alt=\"\" class=\"wp-image-1094\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-56.png 272w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-56-183x300.png 183w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/figure>\n\n\n\n<p><strong>Viewport Overlays<\/strong>to the following settings.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"527\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-67.png\" alt=\"\" class=\"wp-image-1105\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-67.png 314w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-67-179x300.png 179w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><\/figure>\n\n\n\n<p>Try viewport rendering. Unnecessary information has been removed.<br>But it looks like it has less contrast than it does in the viewport.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-63-1024x574.png\" alt=\"\" class=\"wp-image-1101\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-63-1024x574.png 1024w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-63-300x168.png 300w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-63-768x430.png 768w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-63-1536x861.png 1536w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-63-1200x672.png 1200w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-63.png 1908w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Render Properties<\/strong>from the settings of<strong>View Transform<\/strong>set the<span data-color=\"#fffd6b\" style=\"background: linear-gradient(transparent 60%,rgba(255, 253, 107, 0.7) 0);\" class=\"vk_highlighter\"><strong>Standard<\/strong><\/span>Change to.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"275\" height=\"691\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-57.png\" alt=\"\" class=\"wp-image-1095\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-57.png 275w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-57-119x300.png 119w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/figure>\n\n\n\n<p>Colors are now clearer. This setting is<span data-color=\"#cd2653\" style=\"background: linear-gradient(transparent 60%,rgba(205, 38, 83, 0.7) 0);\" class=\"vk_highlighter\"><strong>Normal rendering is also affected<\/strong><\/span>Please be careful.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-65-1024x576.png\" alt=\"\" class=\"wp-image-1103\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-65-1024x576.png 1024w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-65-300x169.png 300w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-65-768x432.png 768w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-65-1536x863.png 1536w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-65-1200x675.png 1200w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-65.png 1914w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>not only the outline of the object,<span data-color=\"#fffd6b\" style=\"background: linear-gradient(transparent 60%,rgba(255, 253, 107, 0.7) 0);\" class=\"vk_highlighter\"><strong>ridgeline<\/strong>also want to display<\/span>If<strong>Viewport Overlays<\/strong>and<strong><span data-color=\"#fffd6b\" style=\"background: linear-gradient(transparent 60%,rgba(255, 253, 107, 0.7) 0);\" class=\"vk_highlighter\">Wireframe<\/span><\/strong>check box.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"353\" height=\"488\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-58.png\" alt=\"\" class=\"wp-image-1096\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-58.png 353w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-58-217x300.png 217w\" sizes=\"auto, (max-width: 353px) 100vw, 353px\" \/><\/figure>\n\n\n\n<p>ridges are displayed.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-66-1024x575.png\" alt=\"\" class=\"wp-image-1104\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-66-1024x575.png 1024w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-66-300x169.png 300w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-66-768x432.png 768w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-66-1536x863.png 1536w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-66-1200x674.png 1200w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-66.png 1913w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It&#039;s convenient to set one of the viewports to this setting.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-61-1024x508.png\" alt=\"\" class=\"wp-image-1099\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-61-1024x508.png 1024w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-61-300x149.png 300w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-61-768x381.png 768w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-61-1200x595.png 1200w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-61.png 1308w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>By superimposing such a line drawing on the rendered image using image editing software,<strong><span data-color=\"#fffd6b\" style=\"background: linear-gradient(transparent 60%,rgba(255, 253, 107, 0.7) 0);\" class=\"vk_highlighter\">Emphasize object edges<\/span><\/strong>You can create an image that makes it easy to understand the positional relationship.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"679\" src=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-64-1024x679.png\" alt=\"\" class=\"wp-image-1102\" srcset=\"https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-64-1024x679.png 1024w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-64-300x199.png 300w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-64-768x509.png 768w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-64-1200x795.png 1200w, https:\/\/zki-design.com\/wp-content\/uploads\/2021\/10\/image-64.png 1501w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>About outputting line drawings Output a view showing the outline of the model to express line drawings like SketchUp [\u2026]<\/p>","protected":false},"author":1,"featured_media":1092,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,7],"tags":[13,2,22,21],"class_list":["post-1091","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all","category-blender","tag-archiviz","tag-blender","tag-postprocessing","tag-rendering"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/zki-design.com\/en\/wp-json\/wp\/v2\/posts\/1091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zki-design.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zki-design.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zki-design.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zki-design.com\/en\/wp-json\/wp\/v2\/comments?post=1091"}],"version-history":[{"count":2,"href":"https:\/\/zki-design.com\/en\/wp-json\/wp\/v2\/posts\/1091\/revisions"}],"predecessor-version":[{"id":1108,"href":"https:\/\/zki-design.com\/en\/wp-json\/wp\/v2\/posts\/1091\/revisions\/1108"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zki-design.com\/en\/wp-json\/wp\/v2\/media\/1092"}],"wp:attachment":[{"href":"https:\/\/zki-design.com\/en\/wp-json\/wp\/v2\/media?parent=1091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zki-design.com\/en\/wp-json\/wp\/v2\/categories?post=1091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zki-design.com\/en\/wp-json\/wp\/v2\/tags?post=1091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}