Clear
Back

3D Text

You can add 3D text to effects in Spark AR Studio, including adding your own custom fonts.

Text will be rendered in American English - it won't be translated into other languages.

Learn about:

Adding 3D text

To add 3D text:

  1. Click Add Object.
  2. Select 3D Text.

Changing the appearance of 3D text

When you select a 3D text object in the Scene panel, you'll be able to make changes to its properties in the Inspector. For example, how it's arranged in the scene, what it says, and how it looks.

Adding colors and textures

You can add color and textures to both the front and side of 3D text in your scene.

To do this, select the 3D text object in the Scene panel. In the Inspector:

  • Click + next to Front Material - to add the material front to the of the text.
  • Click + next to Side Material - to add the material to the side of the text.
  • Click + next to Back Material - to add the material to the back of the text.

The new material will be listed in the Assets panel. You can then select the material, and add colors and textures in the Inspector. You'll generally use a flat material or a standard material for, depending on how you want the text to look.

In the example below, we’ve added a material to both the front and side of the text, and added a color to each material:



Changing the depth

Edit the values next to Depth in the Inspector to change the depth of 3D text.

Fonts

To choose a font for the 3D text in your scene:

  1. Go Font in the Inspector.
  2. Choose an option from the list.

You can also your own add custom fonts.

Positioning 3D text

You can use the Manipulators at the top of the Viewport to change the position of 3D text.

If you have a precise idea in mind for position of the text, you can edit the X, Y and Z values next to Position in the Inspector.

If text is a child of the camera, keep in mind how far away it's positioned. If it's too far away, it won't be easy for people to read. If text is in world space, keep in mind its positioning and how clear it will be to the user.

Dynamic text

Use dynamic text to personalize effects - for example to show someone's location, the date or the current temperature.

3D Text - Properties

Layer

Assign the text to a layer, or create a new one.

Visible

Uncheck this box to stop the text object from being rendered in the scene.

Depth

Change the depth of 3D text.

Transformations

Change the position, scale and rotation of the text. You can also use the Manipulators.

Enable for

Choose whether text is visible in the front camera or back camera.

Check the box next to Preview to show text when someone is previewing an effect.

Check the box next to Capture to only capture text when an image or film is taken.

Typography

Text

Enter your text.

Editable

Check this box to let people customize the text in your effect. Checking this box will let you add placeholder text - to tell someone the text is editable.

Dynamic Text

Insert a token into the Text box to show personalized text using mobile device data, like current city or the day of the week. Dynamic text is rendered in American English.

Font

Choose a pre-installed font, or add your own.

Letter and Line Spacing

Adjust the size of space between each letter and line. These properties are in real world units.

UV Wrapping

Control how a texture wraps around the front and back faces of 3D text. This property can be set separately for U and V coordinates.

There are 3 options to choose from:

  • Restart Per Character - the texture will be wrapped around each character’s front and back faces.
  • Fit To Whole Text - the texture will be wrapped around the text as a whole.
  • Increment Per Character - increments the texture coordinates per character. The U coordinate will be incremented within the same line and the V coordinate will be incremented when a new line is encountered. Spaces are ignored. When this mode is selected for a coordinate axis, the texture coordinates are padded with 1/256 margins.

Face, Side and Back Material

Add a material to the front, side and back of the text.

Enable for

When the boxes are checked next to Front Camera and Back Camera the text will be visible through both the front and back camera on a device.

When the boxes are checked next to Preview and Capture the text will be visible both before the person using your effect is capturing a video and during capture.

Interactions

Insert simple combinations of patches into the Patch Editor, like tap gestures.

Join the Spark AR Creator's community

Find inspiration, see examples, get support, and share your work with a network of creators.

Join Community

Join the Spark AR Creator's community

Find inspiration, see examples, get support, and share your work with a network of creators.

Join Community

Frequently asked questions

Have a specific question? Maybe it's been answered.


Read FAQs
Was this document helpful?