Articles
2D Objects
2D Text

2D Text

A screenshot from Spark AR Studio, showing 2D text has been added to the scene.

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

Text in Spark AR Studio won't be translated into other languages.

Adding text

To add text to your effect:

  1. In the Scene panel, click +.
  2. Select 2D Text.

A screenshot from Spark AR Studio, showing 2D text has been added to the scene.

Text will automatically be added as a child of a canvas.

To change what the text says:

  1. Go to Text in the Inspector.
  2. Add the text you want to show in your effect in the box next to Text.

Positioning text

In the Inspector, use:

  • H Alignment/V Alignment — to align text in a particular position within the canvas.
  • Pinning — to position text against one of the sides of the canvas, or in the center. It will always maintain this position, even if the canvas scales up or down.

Find out more about positioning 2D objects and text in this tutorial.

Fonts and colors

Use the Font and Color options in the Inspector to change the font and choose colors for your text. You can also add custom fonts.

Dynamic text

Add dynamic text to personalize an effect — for example, to show the time, date or location.

2D Text — properties

To make changes to text, adjusts its properties in the Inspector.

You can also edit rotation, scale and position in the Viewport.

Layer

Choose which layer the text is assigned to, or create a new one.

Visible

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

Width and Height

Adjust the width and height of the text.

You can also adjust these values to fill the width and height of the parent canvas. To do this:

  • Click the Width text field, and select Fill Width, to fill the width of the parent canvas.
  • Click Height text field and select Fill Height, to fill the height of the parent canvas.

Width and Height can either be set to Fixed or Relative:

  • Fixed lets you to set a specific number for the size of the text. It will not scale with the size of the parent object.
  • Relative lets you to set a percentage number that will scale with the width and height of the parent object.

Position

Alter the position of the text in your scene. There's no Z position because text is a 2D object.

Pinning

Pinning a text object will mean it maintains the same distance to its parent's border, however much you transform the parent.

Text can be pinned to the top, bottom, left and right.

Typography

Text

Enter the text you want to add.

Editable

Select this box to allow people using your effect to customize the text. When selected, you can add a placeholder using the placeholder field indicating that the text is editable. Find out more.

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. Find out more about adding dynamic text.

Font

Select from a wide variety of pre-installed fonts, including ones with typographical emphasis, such as bold or italics. Or, add your own.

Scale to Fit

Enable to set text to scale automatically in relation to its container

Font Size

Change the size of the font you're using.

Color

Select a color for your text.

H Alignment

Choose from left, center or right horizontal alignment for your text.

V Alignment

Choose from top, middle or bottom vertical alignment for your text.

Line Spacing

Adjust the space between lines of text.

Letter Spacing

Adjust spacing between letters.

Max Lines

Set the largest number of lines you'll allow for this text object.

Transformations

Alter the Scale and Rotation of text in your scene.

Material

Create a material for your text.

Enable for

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

When the box is selected to the right of Capture the text will be visible when the person using your effect is capturing a video.

The User and Participants options can be used to control who the 2D text is displayed to in a group effect designed for video calling.

Tags

Assign a tag to your 2D text object.

Interactions

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

Was this article helpful?