Forum Discussion

JohnToh-e9625c3's avatar
JohnToh-e9625c3
Community Member
2 years ago

360 degree illustration/graphic

hi all,

It's great that we can use 360 degree photos to create 3d experience for our learners. But is it possible to create a 360 illustrated graphic, similar to computer games, from scratch? Keen to hear your thoughts. Thanks!

JT

  • Ideally, you will want to use an equirectangular image (2:1).  But you could possibly design your own.  I built this one using Illustrations from Content Library and shapes in PPT.  It's not perfect, but you can get the idea.

  • Thanks for your reply, Ron! Can you tell me a bit more? Did you create a flat graphic in 2:1 for it to work? There is alot of info online about using Photoshop to achieve this but several of the 3d features have been removed in the latest version. Appreciate any info you can share!

    JT

  • Yes, I just built a 2:1 image.  Keeping the main focus of the image vertically centered.  It is not a true equirectangular image so it loses the 3d feel and is more warped at the bottom and top since it is not shaped with the vanishing points, etc.  Most of the resources for creating these images are in reference to photos (for example, we use the Theta camera by Ricoh.

    There are some tutorials out there for sketching your own ER image in photoshop - like these https://www.youtube.com/watch?v=TqFiXYzF-Wc

    https://www.youtube.com/watch?v=bto2ROiD7SA

    But I do not know how they match up with current versions of Photoshop.

    It seems pretty labor intensive.

     

  • ericwalker's avatar
    ericwalker
    Community Member

    Hi John,

     I created some templates in Photoshop that I use to add graphics for the 360 photo. If you edit the template, save under a different name, and then import to storyline you can get interesting results. 

    I have a straight carousel template, which will be a little distorted on the top and bottom and a "Globe " Template.

    For the "globe" template:

    I have a template for the individual cell in the globe. I use this as a mask in Photoshop.

    I copy a photo to a layer in the cell template, adjust the warp, and then add this to a layer on the 360 BW Template. You then line up the cell, up to 4.

    The notes in "360 cell notes" are settings to warp the picture, so it looks normal on the globe. (Using Photoshop)

    Hope this makes sense!