{"id":5506,"date":"2017-11-14T17:04:29","date_gmt":"2017-11-14T17:04:29","guid":{"rendered":"https:\/\/modelo.io\/blog\/?p=5506"},"modified":"2020-12-03T07:14:16","modified_gmt":"2020-12-03T07:14:16","slug":"the-ultimate-guide-for-creating-interactive-360-tours","status":"publish","type":"post","link":"\/blog\/index.php\/2017\/11\/14\/the-ultimate-guide-for-creating-interactive-360-tours\/","title":{"rendered":"The Ultimate Guide for Creating Interactive 360\u00ba Tours with Modelo"},"content":{"rendered":"

360\u00ba tours are the most immersive way to present your unbuilt designs in the correct context. By involving clients, contractors, or other stakeholders in the design review process earlier, all parties can be more involved, making it easier for you as a refined designer to make tweaks sooner rather than later. <\/span><\/p>\n

We\u2019ve outlined the ultimate guide for creating 360\u00ba tours that will take you through step-by-step on how to use Modelo\u2019s new 360\u00ba tour feature for both presentation and design review purposes.<\/span><\/p>\n

Step 1<\/strong>: Creating your Project and Upload your Panorama images<\/strong>
\n<\/span>To begin, create a new project in Modelo. For the purpose of creating a 360\u00ba tour, we will be focusing on the \u201cCreate 360 Tour\u201d tab highlighted below.<\/span><\/p>\n

For imagery requirements, panorama images can be taken using a dedicated 360\u00ba camera, like the Ricoh Theta<\/a>, or by using rendering support such as Lumion or V-Ray. Then uploading them to <\/span>Modelo<\/span><\/a> and getting started is a breeze.<\/span><\/p>\n

When uploading the images, you first want to create a new folder (or multiple folders) to store all your images. You can sort however you see fit- by project, by phase, or by date. Modelo is compatible with the following file formats: PNG or JPG, and we also support cube map and spherical images.<\/span><\/p>\n

Step 2: Creating your First Hotspot
\n<\/strong>Once your images are all ready to go, you can begin creating hotspots. These hotspots will act as the tour guides throughout the 360\u00ba tour. Simply click on the \u201cview\u201d button and you will be taken into that panorama. You will also notice all of your other images in that folder on the bottom bar, which will help you create a consecutive path by linking to each image. Note: the current view is highlighted on the bottom bar, this is also your starting view.<\/span>

To create your first hotspot, click \u201cAdd Hotspot\u201d in the top right-hand corner. An orange dot will emerge, allowing you to place it on any point of the panorama. You can rotate the image in order to call out certain areas of the scenery, like an entrance to a building. After you place your first hotspot, you must choose the second panorama image from the bottom bar that you would like to link to. <\/span><\/p>\n

This second image\u2019s direction should be consistent with the first, and bring you to the next consecutive point on the tour. It\u2019s all about the end destination and creating a guided tour that demonstrates the consistency. Keep in mind that if you\u2019d like to go back and forth between points during your 360\u00ba tour, it\u2019s necessary to link back to the previous image. Then repeat these steps for the next hotspots and you\u2019re on your way to completing your first 360\u00ba tour with Modelo!<\/span>
\n

Pro tip: Make sure to save and test throughout your tour creation process.<\/span><\/p>\n

Step 3: Playing and Sharing your 360\u00ba Tour On Any Device
\n<\/strong>Congratulations! You\u2019ve successfully created your first 360\u00ba tour with Modelo. Now it\u2019s time to play and share with other colleagues or clients. To play your 360\u00ba tour, simply choose your starting view by selecting the image you\u2019d like to begin your tour with, and then click on the \u201cPlay\u201d button.<\/span><\/p>\n

Everything in Modelo has the ability to be shared, that\u2019s what makes collaboration so effortless. To share your 360\u00ba tour, simply click on the \u201cShare\u201d button and a unique URL will be generated for you. <\/span><\/p>\n

We get it, sometimes you need to tweak things as your designs go through different iterations. That\u2019s why you can always edit your 360\u00ba tours and preview the shareable link before you send along to other stakeholders, so you can see what they\u2019ll see. <\/span><\/p>\n

Once you\u2019re ready to go, copy and paste the URL and send it to anyone on your project via email, text, or through the medium of your choice. They can then open it up on the device of their choice- phone, tablet, or computer- and view with confidence and ease. Plus, you can embed 360\u00ba tours on your website to impress visitors and potential clients with your designs.<\/span><\/p>\n

Step 4: Virtual Reality and Hosting your 360\u00ba Tours on Websites
\n<\/strong>The best part about sharing designs with clients using a unique URL link is that they can slide their phone into a Google Cardboard and view the 360\u00ba tour in Virtual Reality with the click of a button. <\/span>Google Cardboards<\/span><\/a> are a great option for architects to implement into their design review workflows because they are inexpensive and less clunky than other VR options. <\/span><\/p>\n

Modelo and Google Cardboard are bridging the gap and making VR accessible to non-CAD users, as well as experienced CAD users. <\/span>Clients need to see<\/span><\/a> 360\u00ba tours in VR because it brings a space to life, allows them to visualize and tour their building before it\u2019s built in the right context, and makes design reviews more productive. <\/span>

To view the whole tutorial video, click <\/span>here<\/span><\/a>. Modelo makes it easy for you to immerse your clients, contractors, or other stakeholders in an interactive 360\u00ba Tour during design reviews and presentations. Get started on yours today!<\/span><\/p>\n

\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

360\u00ba tours are the most immersive way to present your unbuilt designs in the correct context. By involving clients, contractors, or other stakeholders in the design review process earlier, all parties can be more involved, making it easier for you as a refined designer to make tweaks sooner rather than later. We\u2019ve outlined the ultimate … <\/p>\n

Continue reading “The Ultimate Guide for Creating Interactive 360\u00ba Tours with Modelo”<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":5534,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[18,44],"tags":[],"_links":{"self":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/posts\/5506"}],"collection":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=5506"}],"version-history":[{"count":26,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/posts\/5506\/revisions"}],"predecessor-version":[{"id":6403,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/posts\/5506\/revisions\/6403"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/media\/5534"}],"wp:attachment":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=5506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=5506"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=5506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}