Editor Basics - Assets

In this guide, we will dive into managing Assets including environments, characters, props, and more.

To get started, open 3Dstoryteller Studio and create a new story or choose an existing project. In this guide, we have chosen one of our great templates called Product Demo.

In the screenshot above, you can see the Chapter Assets panel highlighted on the left-hand side of the screen. Any assets contained in your story will be shown here.

You can also select the Camera and Environment to manage their properties. Take a look at our documentation page for further information.

Go ahead and select the Apple Vision Pro prop from the Chapter Asset panel.

Notice that the prop has been highlighted in the Viewport and the Properties panel has changed to display object properties.

With the Apple Vision Pro prop selected, notice that a widget appears above the object in the Viewport. You can use these tools to move, raise/lower, rotate, or scale the selected prop. Try it!

In the screenshot above, notice that we have rotated, scaled, and moved the prop within the scene. The Viewport looks a bit crowded, so let’s remove this prop and swap it out for something else.

In the Chapter Assets panel, click the trashcan icon next to the Apple Vision Pro prop.

Now, let’s get a new prop to place on the table.

At the top of the Chapter Assets panel, click the Add+ button. This will open the Asset Library. All assets can be found here, including any that you upload yourself. Handy!

Now, expand the Props dropdown and select the MacBook Pro 2019 16inch. This will close the Asset Library and place the prop into your scene.

Notice that the MacBook Pro is now appearing in the Chapter Assets panel, but it is sitting on the floor in our Viewport. Let’s fix that!

Select the MacBook Pro and use the movement widget to position the prop on the table.

That looks much better! Remember, you can use the movement widget for any selected prop to position it in the scene however you like.

Finally, let’s take a look at the Properties panel for the MacBook Pro.

As you may have noticed, the Properties panel changes based on what is selected in the Viewport. In this case, select the MacBook Pro prop and take a look at the Properties Panel on the right-hand side of the screen.

Notice that, in addition to the standard visibility, position, and rotation fields, there are additional options including Movement, Movement Time, and State.

Now let’s click the State dropdown and select the Closed option.

Notice how the MacBook Pro closes as it would in real life. Neat!

Finally, while we have some great props to get you started most users will want to use their own custom assets. Let’s import one now.

In the Chapter Assets panel, chose the Import button.

Select an asset from your computer to upload. Currently, we accept jpeg, png, and mp3 files, with many more on the way!

Once you have imported your file, you can add it to your story by clicking the Add+ button and selecting the desired asset from the Asset Library.

In the screenshot above, notice the Picture asset in the Chapter Asset panel. In this case, we have imported the file and positioned it against the wall using the Movement Widget. Cool beans!

In our next guide, we will review Environments in a bit more detail.