Clear
Back

2D Text

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.

Learn about:

Adding text

To add text to your effect:

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


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:

  • Alignment - to align text in a particular position within the canvas.
  • Flexibility - to make text scale up or down with the device screen, so it's always in proportion.
  • 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.

Layer

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

Visible

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

Size

Edit the size of the text 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.

Flexibility

Using Flexibility will scale a text object's width and height proportionately to its parent - so if you double the size of the parent, the text will double in size too. This means text will stay in proportion on all devices, if the parent canvas is in screen space.

Flexibility needs to be turned on. Do this by clicking the arrows next to Flexibility in the Inspector.

Alignment

Alignment moves the text object around within the parent object. Text objects can be aligned to the top, center, bottom, left and right.

Typography

Text

Enter the text you want to add.

Editable Text

Check this box to allow people using your effect to customize the text. When checked, 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.

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.

Position

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

Material

Create a material for your 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.

Learn more

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?