Add 2D images to a model

Interested in adding 2D images from other sources to your BioDigital Human model?

Our interactive 3D models provide a great deal of both visual and textual information (all of which can be customized in Human Studio, of course), but sometimes it's helpful to provide more context for the learner through photos, diagrams, body scans (e.g., MRI, X-ray, CT, ultrasound), or other 2D images.

With the image uploader feature in Human Studio, you can embed 2D images into the labels and/or chapter description in your 3D model. Select one of the options below for instructions:

 

 

Add an image to a label

To add an image to a label in your 3D model:

  1. Open the model in Human Studio.
  2. Add a label to the model if one does not already exist.
  3. Select the label (or any label) by clicking on it or by selecting it in the Labels panel on the right.
  4. In the Labels panel under Content, drag and drop your image into the Image block or use the browse function to find your image in your File Explorer or Finder and select it. Only one image can be added to each label.
  5. image_in_label_add_jan21.png
  6. Repeat step 3-4 as desired to add images to other labels.
    Note: As a best practice, we recommend limiting each chapter to no more than 5 labels to minimize cognitive overload.
  7. Click Save in the lower-right corner of the page to save your model. (Additional instructions on saving in Studio can be found here.)
  8. Publish your model or open it from My Library to see the image(s) you just added.

 

Add an image to a chapter description

To add one or more images to a chapter description in your 3D model:

  1. Open the model in Human Studio.
  2. In the Chapters panel on the left, click on the Edit Text button to open the Content Manager.
    image_in_chapter_edit_text_jan21.png
  3. In the Content Manager window, click on the Add Image button.
    image_in_chapter_add_jan21.png
  4. Drag and drop your image into the Image block or use the browse function to find your image in your File Explorer or Finder and select it. 
    image_in_chapter_drag_jan21.png
  5. (Optional) If you need to delete or replace the image, click the X in the upper-right corner of the image thumbnail in the Image block and repeat step 4.
    image_in_chapter_replace_image_jan21.png
  6. (Optional) In the Caption field, add a caption that will appear beneath your image in the information panel.
  7. (Optional) In the Alt field, add alt text for use with screen readers.
  8. (Optional) Repeat step 3-7 as desired to add additional images to your chapter. These images will appear in a slideshow in the published model's information panel. 
    image_in_chapter_slideshow_jan21.png
  9. (Optional) To add an image to another chapter in a tour, select the chapter in the Chapters panel and repeat steps 2-8 above.
  10. Click Save in the lower-right corner of the page to save your model. (Additional instructions on saving in Studio can be found here.)
  11. Publish your model or open it from My Library to see the image(s) you just added.