{"id":447,"date":"2024-02-19T23:40:51","date_gmt":"2024-02-20T06:40:51","guid":{"rendered":"https:\/\/blogs.ubc.ca\/axonometric\/?page_id=447"},"modified":"2024-02-26T21:42:06","modified_gmt":"2024-02-27T04:42:06","slug":"rapid-visualization-with-ai-image-generators","status":"publish","type":"page","link":"https:\/\/blogs.ubc.ca\/axonometric\/rapid-visualization-with-ai-image-generators\/","title":{"rendered":"Rapid Visualization with AI-Image Generators"},"content":{"rendered":"<p><b>Rapid Visualization with AI Image-Generators:<\/b> <i><span style=\"font-weight: 400;\">Use an LLM to produce compelling digital representations of a design idea.<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">LLMs can also produce impressive digital images from text prompts and\/or user-uploaded reference imagery. Such tools can be used to quickly generate compelling photorealistic or stylized renderings at any point during the design process. Here we will learn how to produce imagery from text-prompts to visualize preliminary design ideas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sign up for an account with an LLM image-generator, such as Google Gemini, Midjourney, DALL-E, Adobe Firefly, or Vizcom.ai. In most cases, a limited free trial is available. In the prompt-entry text box, tell the LLM what you want it to render. Make sure to describe what features\/objects you would like it to include in the scene, as well as the graphic style and composition of the image. Once you\u2019ve received an output, enter further prompts to further modify the image. Continue iterating until you are happy with the result.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Below is an example of a series of prompts used to generate an image of a wetland-planting design for a creek in a small urban park in a residential Vancouver neighbourhood:<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong><em>Generate an image of a small, grassy park with a creek running through it, on a rain day.<\/em><\/strong><\/p>\n<p><a href=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-9.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-470 size-full\" src=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-9.jpg\" alt=\"\" width=\"1536\" height=\"1536\" srcset=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-9.jpg 1536w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-9-300x300.jpg 300w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-9-1024x1024.jpg 1024w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-9-150x150.jpg 150w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-9-768x768.jpg 768w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-9-100x100.jpg 100w\" sizes=\"auto, (max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a><\/p>\n<p><strong><em>Imagine the park in a low-rise residential neighbourhood in Vancouver.<\/em><\/strong><\/p>\n<p><a href=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-8.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-472 size-full\" src=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-8.jpg\" alt=\"\" width=\"1536\" height=\"1536\" srcset=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-8.jpg 1536w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-8-300x300.jpg 300w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-8-1024x1024.jpg 1024w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-8-150x150.jpg 150w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-8-768x768.jpg 768w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-8-100x100.jpg 100w\" sizes=\"auto, (max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a><\/p>\n<p><em><strong>Soften the edge of the creek to look more natural, with rocks and wetland plants.<\/strong><\/em><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-7.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-474 size-full\" style=\"font-size: 1rem;\" src=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-7.jpg\" alt=\"\" width=\"1536\" height=\"1536\" srcset=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-7.jpg 1536w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-7-300x300.jpg 300w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-7-1024x1024.jpg 1024w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-7-150x150.jpg 150w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-7-768x768.jpg 768w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-7-100x100.jpg 100w\" sizes=\"auto, (max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a><\/span><\/p>\n<p><em><strong>Take the image of the park in Vancouver you generated previously, and replace the grass with ferns and other native British Columbia shrubs.<\/strong><\/em><\/p>\n<p><a href=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-475 size-full\" src=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-5.jpg\" alt=\"\" width=\"1536\" height=\"1536\" srcset=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-5.jpg 1536w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-5-300x300.jpg 300w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-5-1024x1024.jpg 1024w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-5-150x150.jpg 150w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-5-768x768.jpg 768w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-5-100x100.jpg 100w\" sizes=\"auto, (max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a> <a href=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-6.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-476 size-full\" src=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-6.jpg\" alt=\"\" width=\"1536\" height=\"1536\" srcset=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-6.jpg 1536w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-6-300x300.jpg 300w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-6-1024x1024.jpg 1024w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-6-150x150.jpg 150w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-6-768x768.jpg 768w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-6-100x100.jpg 100w\" sizes=\"auto, (max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a> <a href=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-477 size-full\" src=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-1.jpg\" alt=\"\" width=\"1536\" height=\"1536\" srcset=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-1.jpg 1536w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-1-300x300.jpg 300w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-1-1024x1024.jpg 1024w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-1-150x150.jpg 150w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-1-768x768.jpg 768w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-1-100x100.jpg 100w\" sizes=\"auto, (max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a> <a href=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-478 size-full\" src=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-2.jpg\" alt=\"\" width=\"1536\" height=\"1536\" srcset=\"https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-2.jpg 1536w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-2-300x300.jpg 300w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-2-1024x1024.jpg 1024w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-2-150x150.jpg 150w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-2-768x768.jpg 768w, https:\/\/blogs.ubc.ca\/axonometric\/files\/2024\/02\/Gemini_Generated_Image-2-100x100.jpg 100w\" sizes=\"auto, (max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\"><strong>Uploading reference imagery: <\/strong>Though these features a<\/span><span style=\"font-size: 1rem;\">re<\/span><span style=\"font-size: 1rem;\">\u00a0still in a state of early development, some LLMs allow users to upload reference imagery as input for generating new visual content.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To try turning your CUBE Method hand sketches into photorealistic renderings, trace over your completed CUBE axonometric, excluding construction lines from your new drawing. Scan and upload your trace drawing to an image-to-image LLM, such as Vizcom.ai or PromeAI. Generate results and refine as desired. Try combining your sketch input with different prompts and image styles.\u00a0\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rapid Visualization with AI Image-Generators: Use an LLM to produce compelling digital representations of a design idea. LLMs can also produce impressive digital images from text prompts and\/or user-uploaded reference imagery. Such tools can be used to quickly generate compelling photorealistic or stylized renderings at any point during the design process. Here we will learn &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blogs.ubc.ca\/axonometric\/rapid-visualization-with-ai-image-generators\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Rapid Visualization with AI-Image Generators&#8221;<\/span><\/a><\/p>\n","protected":false},"author":93064,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-447","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/axonometric\/wp-json\/wp\/v2\/pages\/447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/axonometric\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/axonometric\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/axonometric\/wp-json\/wp\/v2\/users\/93064"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/axonometric\/wp-json\/wp\/v2\/comments?post=447"}],"version-history":[{"count":5,"href":"https:\/\/blogs.ubc.ca\/axonometric\/wp-json\/wp\/v2\/pages\/447\/revisions"}],"predecessor-version":[{"id":493,"href":"https:\/\/blogs.ubc.ca\/axonometric\/wp-json\/wp\/v2\/pages\/447\/revisions\/493"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/axonometric\/wp-json\/wp\/v2\/media?parent=447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}