Tutorial for Beginners

Target of this Tutorial

  • How to create a new Project
  • How to add 360° media files
  • How to add Slideshows
  • How to arrange interactive icons
  • How to use Start View settings
  • How to navigate to Locations

Duration: 15-20 minutes

Preparation

  1. Install present4D VR-Suite
  2. Download the tutorial sample files: http://present4d.com/vrs-download/present4D-Tutorial-1.zip (40 MB)
  3. Unzip the present4D-Tutorial-1.zip
  4. Copy the folder present4D-Tutorial-1 to your desktop.

Project Overview

The example context is a fictional crime scene with a corpse. All available media files that can contribute to understanding the case can be easily collected and viewed in present4D.

  • 360° Photo 1: Outside
    • 1 x Slideshow: Whitness Video
    • 1 x Slideshow: Bullet Report
  • 360° Photo 2: Body
    • 1 x Slideshow: Bullet Details
  • 360° Photo 2: Blood
    • 1 x Slideshow: Blood Details

Step by Step Tutorial

We recommend printing this manual and doing the tutorial without VR Headset.

1. Create the Project

  1. Start present4D present4D
  2. In the Project Portal click + create to setup a new Project.
  3. Name the Project Tutorial1_myName
  4. Confirm with the green check mark
  5. choose option Create a new Project
  6. Click Start

Now you are in a small default tutorial location.

2. Import the 360° Media files

  1. Choose Start Alone
  2. Editor Start Mode
  3. Launch the iMenu
  4. choose the tab Locations

On the bottom row of the iMenu, there are buttons to add 360° Locations.

_images/add360.png

You will now add the three locations.

360° Photo 1 - Outside
  1. Click (2) Normal
  2. Select in the Windows File Explorer the file present4D-Tutorial-1/1-Outside/Outside.jpg
  3. Click in the Windopresent4D-Tutorial-1 Open
360° Photo 2 - Body
  1. Click (2) Normal
  2. Select the file present4D-Tutorial-1/2-Body/Body.jpg
  3. Click present4D-Tutorial-1
360° Photo 3 - Blood
  1. Click (2) Normal
  2. Select the file present4D-Tutorial-1/3-Blood/Blood.jpg
  3. Click Open
  • Close the iMenu
  • Stop Editor Mode in the same way you have started it

3. Arrange the HotSpots

Prepare: Depending on your hardware read the chapter Moving HotSpots using VR Glasses or Using the Mouse to learn how to reposition the icons.

In this chapter you will also learn three possibilities to load the next Location.

360° Photo 1 - Outside
  1. Launch the iMenu
  2. Move over the name Outside to select this row
  3. Click on the arrow to the right of the location Outside to load this Location. The iMenu will close automatically.
  4. Editor Start Mode
  5. Move the HotSpot Body to the window like visualized in 360° Photos with Icon Positions
360° Photo 2 - Body
  1. Press Arrow Up Key on the keyboard to load the next Location Body
  2. Move the HotSpot Blood to the whiteboard like visualized in 360° Photos with Icon Positions
  3. Move the HotSpot Outside to the window like visualized in 360° Photos with Icon Positions
360° Photo 3 - Blood
  1. Stop Editor Mode in the same way you have started it
  2. Click on the HotSpot Blood to load this location
  3. Editor Start Mode
  4. Move the HotSpot Body beside the body like visualized in 360° Photos with Icon Positions

Tip

present4D provides the HotSpot Target View Automation to handle the target views when you load an other Location by clicking an a HotSpot. By default it´s like walking through the site in real life: the viewing direction is always correctly oriented.

_images/hotspotautomatic-chart180.png

4. Import and Arrange the Slideshow Files

In this chapter you will also learn how to rename content.

  1. Load Location 1
  2. Editor Start Mode
  3. Launch the iMenu
  4. choose the tab Media

On the bottom row of the iMenu, there are buttons to add a Slideshow

_images/addmedia.png
360° Photo 1 Outside
  1. Click (2) Slideshow
  2. Select in the Windows File Explorer all photos of the folder present4D-Tutorial-1/1-Outside/Bullet Report
  3. Click in the Windows File Explorer Open present4D-Tutorial-1
  4. The filename of the first file will be suggested as Slideshow name. Accept by clicking the green check mark.
  5. Move over the name of your Slideshow to select this row
  6. Click at the Pencil symbol to rename the Slideshow.
  7. Press Ctrl + A to select the old entry and type Bullet Report. Confirm by clicking the green check mark.
  8. Click (2) Slideshow
  9. Select in the Windows File Explorer the video of the folder present4D-Tutorial-1/1-Outside/Witness Video
  10. Click in the Windows File Explorer Open
  11. The filename will be suggested as Slideshow name. Accept by pressing enter on the keyboard or clicking the green check mark.
  12. Close the iMenu
  13. Move both Slideshows into the direction of the bullets like visualized in 360° Photos with Icon Positions
360° Photo 2 Body
  1. Load Location 2
  2. Launch the iMenu
  3. Click (2) Slideshow
  4. Select in the Windows File Explorer the video of the folder present4D-Tutorial-1/2-Body/Bullet Details
  5. Click in the Windows File Explorer Open
  6. Accept the name by clicking the green check mark.
  7. Close the iMenu
  8. Move the Slideshow into the direction of the body like visualized in 360° Photos with Icon Positions
360° Photo 3 Blood
  1. Load Location 3
  2. Launch the iMenu
  3. Click (2) Slideshow
  4. Select in the Windows File Explorer all files of the folder present4D-Tutorial-1/3-Blood/Blood Details
  5. Click in the Windows File Explorer Open
  6. Accept the name by clicking the green check mark.
  7. Close the iMenu
  8. Move the Slideshow into the direction of the blood on the white board like visualized in 360° Photos with Icon Positions

5. Set Start View settings

_images/icon-360-startview.png

This icon sets the start view direction that is displayed when this location is loaded by using the iMenu, the Arrow Keys or the Number Keys on the keyboard.

  1. Location 1: Move the icon into the direction of the bullets like visualized in 360° Photos with Icon Positions
  2. Location 2: Move the icon into the direction of the body like visualized in 360° Photos with Icon Positions
  3. Location 3: Move the icon into the direction of the white board with blood like visualized in 360° Photos with Icon Positions

Understand the Difference between “HotSpot Target View” and “Start View from iMenu”

  1. Stop Editor Mode in the same way you have started it
  2. Navigate to Location 2 with HotSpots and observe the orientation with which it will be entered (HotSpot Target View)
  3. Navigate to Location 2 with iMenu and observe the orientation with which it will be entered (Start View from iMenu)

Next Steps

You have finalized the first tutorial.

Next steps:

Video Tutorials

Visit our Youtube Tutorial Video Channel